/* Rivoli Mail 2026: shared light workspace surface for all Mail HTML entries. */
:root {
  --mail-fresh-canvas: #f6f8f4;
  --mail-fresh-ink: #16241c;
  --mail-fresh-muted: #66746b;
  --mail-fresh-line: #dfe7e0;
}

body.rv-fresh-page,
body:has(.rivoli-shell),
body:has(.rivoli-auth-layout) {
  background:
    radial-gradient(circle at 7% -10%, rgba(201,240,106,.3), transparent 22rem),
    radial-gradient(circle at 95% 10%, rgba(126,181,145,.14), transparent 27rem),
    var(--mail-fresh-canvas);
}

.rv-fresh-page :is(.page-head, .rivoli-auth-card, .mail-app) { position: relative; }
.rv-fresh-page .page-head,
.rv-fresh-page .rivoli-auth-card {
  overflow: hidden;
  border-color: rgba(22,75,50,.13);
  border-radius: 22px;
  background: linear-gradient(128deg, rgba(255,255,255,.96), rgba(234,245,233,.9));
  box-shadow: 0 16px 45px rgba(20,50,34,.06);
}
.rv-fresh-page .page-head h1,
.rv-fresh-page .rivoli-auth-card h1 { color: var(--mail-fresh-ink); font-weight: 780; letter-spacing: -.055em; }
.rv-fresh-page .page-head > div > p:last-child,
.rv-fresh-page .rivoli-auth-card > p { color: var(--mail-fresh-muted); }

.rv-fresh-page :is(.card, .folder-pane, .message-pane, .reader, .mail-task-panel) {
  border-color: var(--mail-fresh-line);
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 8px 28px rgba(20,50,34,.045);
}
.rv-fresh-page .metric:first-child { border-color: #c5dfc7; background: linear-gradient(140deg, #fff, #eaf5e9); }
.rv-fresh-page .metric strong { color: var(--mail-fresh-ink); font-weight: 780; letter-spacing: -.045em; }

.rv-fresh-page :is(.btn-primary, .compose-button) { border-radius: 11px; box-shadow: 0 8px 18px rgba(22,75,50,.16); font-weight: 750; }
.rv-fresh-page :is(.input, input, select, textarea) { border-color: #d6e0d7; border-radius: 10px; background: rgba(255,255,255,.94); }
.rv-fresh-page :is(.input, input, select, textarea):focus { border-color: #568064; box-shadow: 0 0 0 4px rgba(86,128,100,.13); }
.rv-fresh-page .table-card { overflow: hidden; }
.rv-fresh-page .table thead { background: #f0f5f0; }
.rv-fresh-page .table :is(th, td) { border-color: #e7ede8; }
.rv-fresh-page .empty, .rv-fresh-page .mail-empty { border: 1px dashed #bdd1bf; border-radius: 16px; background: #f7fbf7; }
.rv-fresh-page dialog { border: 1px solid var(--mail-fresh-line); border-radius: 22px; box-shadow: 0 30px 90px rgba(12,39,24,.23); }

@media (max-width: 800px) {
  .rv-fresh-page .page-head, .rv-fresh-page .rivoli-auth-card { border-radius: 18px; }
}