:root {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;
  color: #172b22; background: #f4f7f1; font-synthesis: none;
  --green: #126745; --dark: #0d3021; --lime: #dafa9d; --ink: #162c22;
  --muted: #50645a; --line: #dce5db; --white: #fff; --radius: 18px;
}
* {box-sizing:border-box}
body {margin:0;min-width:300px}
button,input,select,textarea {font:inherit}
button,a,input,select,textarea {touch-action:manipulation}
button {cursor:pointer}
button:disabled {cursor:default}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {outline:3px solid #329a6b;outline-offset:3px}
a {color:inherit;text-decoration:none}
img {display:block;max-width:100%}
svg {display:inline-block;flex:none;vertical-align:middle}
h1,h2,h3,p {margin:0}
h1,h2,h3 {letter-spacing:-.035em}
h1 {font-size:clamp(2rem,5vw,3.4rem);line-height:1.04}
h2 {font-size:clamp(1.45rem,4vw,2.1rem);line-height:1.14}
h3 {font-size:1.13rem}
p {line-height:1.55}
small,.muted {color:var(--muted)}
.loading {padding:50px 24px;text-align:center;color:var(--muted)}
.shell {max-width:1120px;margin:auto;padding:0 28px}
.topbar {background:#fff;border-bottom:1px solid var(--line)}
.topbar-inner {min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand {display:inline-flex;align-items:center;gap:12px;flex:none}
.brand img {width:46px;height:46px}
.brand strong {display:block;font-size:1rem;line-height:1.15;letter-spacing:.005em}
.brand small {display:block;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;margin-top:4px}
.toplink {display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.82rem;font-weight:700}
.toplink:hover {color:var(--green)}
.topbar-actions {display:flex;align-items:center;justify-content:flex-end;gap:clamp(8px,2vw,16px)}
.whatsapp-link {min-height:44px;padding:6px 10px;border-radius:12px;background:#e8f4ec;color:var(--green);white-space:nowrap}
.hero {position:relative;isolation:isolate;overflow:hidden;min-height:370px;background:var(--dark);color:white;display:flex;align-items:center}
.hero-photo,.hero::after {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 46%;z-index:-2}
.hero::after {content:"";z-index:-1;background:linear-gradient(90deg,#092c20 3%,#0c3525f4 31%,#0e3827a0 64%,#102b1d28)}
.hero .shell {width:100%;padding-top:48px;padding-bottom:52px}
.hero h1 {font-size:clamp(3rem,7vw,5.35rem);max-width:680px;letter-spacing:-.07em;line-height:.98;margin:18px 0}
.hero em {font-style:normal;color:var(--lime);display:block}
.hero p {color:#e0eae1;max-width:420px;font-size:1rem}
.eyebrow {display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:.72rem;letter-spacing:.14em;font-weight:800;text-transform:uppercase}
.hero .eyebrow {color:var(--lime)}
.eyebrow::before {content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.public-main {padding-top:35px;padding-bottom:120px;min-height:52vh}
.public-main.narrow {max-width:740px}
.section-head {display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:21px}
.section-head h2,.section-head h1 {margin:6px 0}
.section-head p {color:var(--muted);font-size:.93rem}
.count-tag {white-space:nowrap;padding:7px 11px;border:1px solid var(--line);border-radius:99px;font-size:.72rem;font-weight:750;color:var(--green);background:#edf4e8}
.courts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.court {display:block;text-align:left;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);background:#fff;box-shadow:0 3px 8px #183a2209;transition:transform .2s,border-color .2s}
.court:hover {transform:translateY(-3px);border-color:#92bd9b}
.court img {width:100%;height:clamp(116px,15vw,165px);object-fit:cover;object-position:center 45%}
.court-info {display:flex;align-items:center;justify-content:space-between;padding:16px;gap:10px}
.court-info h3 {margin-bottom:6px}
.court-info small {display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.court-info small strong {color:var(--green)}
.arrow {display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:#eaf4e9;color:var(--green)}
.bancada-card {
  position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:720px;
  margin:20px auto 0;padding:16px clamp(16px,3vw,24px) 9px;
  border:1px solid #402a20;border-radius:var(--radius);
  background:linear-gradient(110deg,#181513,#211712);color:#fff5ed;
}
.bancada-watermark {
  position:absolute;z-index:-1;inset-block-start:50%;inset-inline-end:5px;
  width:clamp(170px,38%,260px);height:auto;transform:translateY(-50%);
  opacity:.29;mix-blend-mode:screen;pointer-events:none;
  mask-image:linear-gradient(90deg,transparent,#000 47%);
}
.bancada-copy {max-width:38ch}
.bancada-name {color:#ffac75;font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.bancada-copy h2 {margin-top:5px;font-size:clamp(1.05rem,2vw,1.22rem);line-height:1.25}
.bancada-copy p {margin-top:5px;color:#eee2da;font-size:.85rem}
.bancada-link {display:inline-flex;align-items:center;gap:6px;min-height:44px;color:#ffb785;font-size:.83rem;font-weight:750;text-decoration:underline;text-underline-offset:3px}
.bancada-link:focus-visible {outline-color:#ffb785}
.footnav {position:fixed;z-index:3;bottom:0;left:0;right:0;background:#fffffff7;border-top:1px solid var(--line);padding:8px 14px max(8px,env(safe-area-inset-bottom))}
.footnav-inner {max-width:450px;margin:auto;display:flex;gap:10px}
.footnav a {flex:1;display:flex;justify-content:center;align-items:center;gap:8px;text-align:center;min-height:44px;padding:7px;border-radius:12px;color:var(--muted);font-size:.82rem;font-weight:750}
.footnav a[aria-current="page"] {color:var(--green);background:#e8f2e7}
.panel,.summary,.empty {background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.summary {border-color:#9fc5ab;background:linear-gradient(150deg,#fff,#eef7ea)}
.summary .eyebrow {margin-bottom:9px}
.summary dl {display:grid;grid-template-columns:1fr auto;gap:10px 18px;margin:14px 0 0;font-size:.93rem}
.summary dd {margin:0;text-align:right;font-weight:750}
.summary dt {color:var(--muted)}
.rule {grid-column:1/-1;width:100%;border:0;border-top:1px solid var(--line);margin:2px 0}
.stack {display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.row {display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.split {justify-content:space-between}
.field-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.field {display:grid;grid-template-columns:minmax(0,1fr);gap:7px;font-size:.85rem;font-weight:750;min-width:0}
.field input,.field select,.field textarea,.input {width:100%;min-width:0;border:1px solid #cddbd0;border-radius:10px;background:white;color:var(--ink);padding:11px 12px;min-height:44px}
.field textarea {resize:vertical}
.password {position:relative;display:block}
.password input {padding-right:78px}
.password button {position:absolute;right:6px;top:5px;height:34px;padding:4px 7px;border:0;background:#eef4ee;border-radius:7px;color:var(--green);font-size:.75rem;font-weight:800}
.btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;min-height:44px;padding:10px 15px;border-radius:11px;border:1px solid #cbdacd;background:white;color:var(--ink);font-weight:750;font-size:.87rem}
.btn:hover {background:#edf5eb}
.btn.primary {border-color:var(--green);background:var(--green);color:white}
.btn.primary:hover {background:#0c5738}
.btn.danger {color:#a12533;border-color:#eec9ce}
.btn:disabled {opacity:.55}
.btn.ghost {border-color:transparent;background:transparent;color:var(--green);padding-left:0}
.btn.icon {padding:8px;min-width:40px}
.full {width:100%}
.daybar {display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px}
.days {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.day {display:grid;place-items:center;gap:3px;min-height:63px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:4px 1px;font-weight:750}
.day small {font-size:.68rem;text-transform:uppercase}
.day[aria-pressed="true"] {background:var(--dark);border-color:var(--dark);color:white}
.day[aria-pressed="true"] small {color:#cae4d0}
.day:disabled {opacity:.44}
.slots {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.slot {min-height:44px;background:#fff;border:1px solid #cddbd0;border-radius:10px;color:var(--green);font-weight:750}
.slot:hover:not(:disabled) {background:#e4f3e6}
.slot:disabled {color:#56655b;text-decoration:line-through;background:#eef1ee;border-color:#e3e9e3}
.empty {text-align:center;color:var(--muted);padding:27px 16px}
.inline-error {color:#9a1b2b;font-size:.85rem;font-weight:650}
.inline-error:empty {display:none}
#notice {position:fixed;bottom:81px;right:18px;z-index:5;background:#173d2a;color:#fff;padding:13px 17px;border-radius:12px;box-shadow:0 8px 20px #0003;max-width:min(380px,calc(100% - 36px));font-size:.88rem}
#notice:empty {display:none}
#notice.error {background:#842330}
dialog {width:min(495px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line);border-radius:20px;padding:0;color:var(--ink);box-shadow:0 20px 75px #101c1860}
dialog::backdrop {background:#061a13a0}
.modal-head {position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#ebf4e9;padding:14px 18px;border-bottom:1px solid var(--line)}
.modal-head .btn {min-height:44px;min-width:44px}
.modal-content {padding:18px}
.staff-layout {min-height:100vh;display:grid;grid-template-columns:225px minmax(0,1fr);background:#f5f7f6}
.sidebar {background:var(--dark);color:#fff;display:flex;flex-direction:column;gap:24px;padding:20px 15px;min-width:0}
.sidebar .brand small,.sidebar .muted {color:#bdd4c3}
.sidebar nav {display:grid;gap:5px}
.sidebar nav button,.sidebar .sidebar-action {display:flex;align-items:center;gap:10px;border:0;border-radius:10px;background:transparent;color:#d6e5db;padding:11px;text-align:left;font-weight:700;font-size:.85rem}
.sidebar nav button[aria-current="page"],.sidebar nav button:hover,.sidebar .sidebar-action:hover {background:#28563e;color:#fff}
.sidebar-bottom {margin-top:auto;display:grid;gap:4px}
.admin-main {width:100%;max-width:1420px;margin:0 auto;padding:26px 30px 44px;min-width:0}
.admin-main h1 {font-size:clamp(1.8rem,4vw,2.65rem)}
.admin-main .section-head {align-items:center}
.admin-main .panel {padding:17px}
.calendar-head {display:grid;gap:12px;margin-bottom:14px}
.calendar-tools {display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.calendar-tools .input {width:auto;max-width:100%}
.agenda-courts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(100%,490px);margin-inline:auto}
.agenda-court {display:grid;justify-items:center;align-content:start;gap:5px;min-width:0;padding:6px 2px;border:0;border-radius:13px;color:var(--muted);background:transparent}
.agenda-court img {width:46px;height:46px;border:2px solid #e0eae0;border-radius:50%;object-fit:cover}
.agenda-court span {width:100%;padding:5px 2px;border-radius:20px;font-size:.77rem;font-weight:750;line-height:1.15;text-align:center;overflow-wrap:anywhere}
.agenda-court[aria-pressed="true"] img {border-color:var(--green)}
.agenda-court[aria-pressed="true"] span,.agenda-overview[aria-pressed="true"] {color:#fff;background:var(--dark)}
.agenda-court:hover {background:#eef5ef}
.legend {display:flex;flex-wrap:wrap;gap:13px;font-size:.72rem;font-weight:750;color:var(--muted)}
.legend span {display:flex;align-items:center;gap:6px}
.legend i {display:inline-block;width:10px;height:10px;border-radius:3px;background:#abd5fc}
.legend .blocked {background:#d3d8dc}
.legend .off {background:#edf1ee;border:1px solid #ccd5ce}
.timeline-frame {overflow:auto;max-height:68vh;border:1px solid var(--line);border-radius:13px;background:white}
.timeline {display:grid;grid-template-columns:58px repeat(var(--cols,3),minmax(154px,1fr));min-width:100%}
.timeline.single {grid-template-columns:58px minmax(0,1fr)}
.timeline-heading {position:sticky;z-index:2;top:0;background:#f3f8f4;font-size:.81rem;font-weight:800;min-height:48px;display:flex;align-items:center;padding:6px 9px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.timeline-track {position:relative;border-right:1px solid var(--line)}
.timeline-time {height:34px;padding:0 7px;text-align:right;font-size:.71rem;color:var(--muted);border-bottom:1px dashed #edf0ed;line-height:30px}
.timeline-time.hour {border-bottom-color:#dfe7e0;font-weight:750}
.timeline-cell {width:100%;height:34px;display:block;border:0;border-bottom:1px dashed #e4ebe5;background:#fff;color:#507762;text-align:left;padding:0 8px}
.timeline-cell:nth-child(even) {border-bottom:1px solid #dce7df}
.timeline-cell.off {background:#f1f4f1}
.timeline-cell:hover {background:#e7f4e8}
.timeline-cell span {opacity:0}
.timeline-cell:hover span,.timeline-cell:focus-visible span {opacity:1}
.event {position:absolute;z-index:1;left:3px;right:3px;border:0;border-left:4px solid #4783bd;border-radius:5px;background:#c9e4fc;color:#163b60;text-align:left;padding:2px 5px;overflow:hidden;font-size:.71rem;line-height:1.05}
.event.block {border-left-color:#77828b;background:#dfe3e7;color:#384651}
.event strong {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.event span {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.64rem}
.table-scroll {overflow:auto}
table {width:100%;border-collapse:collapse;font-size:.84rem;text-align:left}
td,th {padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}
th {background:#f3f7f3;color:var(--muted);white-space:nowrap}
td:last-child {min-width:90px}
td .btn {min-height:34px;padding:5px 8px}
.chip {display:inline-block;font-size:.72rem;padding:4px 8px;background:#e8f2e7;color:#25543a;border-radius:40px;font-weight:750}
.chip.closed {background:#eef0ef;color:#546158}
.cards3 {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.metric {display:grid;gap:5px}
.metric strong {font-size:1.3rem}
.settings-hours {display:grid;gap:8px}
.hours-line {display:grid;grid-template-columns:minmax(110px,1fr) 1fr 1fr;align-items:center;gap:7px}
.hours-line .input {padding:7px;min-height:40px}
.auth-shell {max-width:500px;margin:40px auto;padding:0 18px}
.auth-shell .section-head {display:block}
@media (max-width:760px) {
  .shell {padding-left:17px;padding-right:17px}
  .topbar-inner {min-height:63px}
  .brand img {width:39px;height:39px}
  .toplink {font-size:.74rem}
  .hero {min-height:305px}
  .hero::after {background:linear-gradient(90deg,#092c20f7 0%,#0c3525d9 43%,#0c30205c 100%)}
  .hero-photo {object-position:59% 45%}
  .hero h1 {margin:13px 0}
  .hero p {font-size:.88rem;max-width:275px}
  .public-main {padding-top:24px}
  .courts {grid-template-columns:1fr;gap:10px}
  .court {display:grid;grid-template-columns:103px 1fr;align-items:stretch}
  .court img {height:100%;min-height:82px}
  .court-info {padding:11px}
  .court-info h3 {font-size:1rem}
  .count-tag {display:none}
  .panel,.summary {padding:16px}
  .days {gap:3px}
  .daybar {gap:4px}
  .daybar .btn.icon {min-width:30px;padding:4px}
  .day {min-height:52px}
  .day small {font-size:.56rem}
  .slots {grid-template-columns:repeat(3,minmax(0,1fr))}
  .staff-layout {display:block}
  .sidebar {display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px;padding:8px 12px}
  .sidebar nav {
    position:fixed;z-index:3;inset:auto 0 0;display:flex;gap:2px;
    padding:5px max(5px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));
    background:var(--dark);border-top:1px solid #315b45;
  }
  .sidebar nav button {flex:1;min-width:0;flex-direction:column;justify-content:center;gap:3px;padding:5px 1px;white-space:nowrap;font-size:.68rem;text-align:center}
  .sidebar-bottom {display:flex;margin:0;gap:3px}
  .sidebar .sidebar-action {min-height:40px;gap:4px;padding:5px;font-size:.68rem}
  .sidebar .brand {gap:7px}
  .sidebar .brand strong {font-size:.83rem}
  .sidebar .brand small {font-size:.56rem}
  .sidebar .sidebar-action svg {width:13px}
  .admin-main {padding:12px 12px calc(70px + env(safe-area-inset-bottom))}
  .admin-main .panel {padding:11px}
  .admin-main .section-head {align-items:start}
  .calendar-tools .input {min-height:38px}
  .cards3 {grid-template-columns:1fr}
}
@media (max-width:390px) {
  .court {grid-template-columns:82px 1fr}
  .field-grid {grid-template-columns:1fr}
  .hours-line {grid-template-columns:minmax(78px,1fr) 1fr 1fr}
}
.public-brand img {width:52px;height:52px}
.hero {--lime:#c9f4d7}
.hero-photo {object-position:50% 40%}
.hero h1 {font-family:"Arial Black","Helvetica Neue",Arial,sans-serif;font-weight:900;letter-spacing:-.055em}
.footnav-inner {max-width:560px;gap:6px}
.footnav a:first-child {flex:1.5}
.footnav a:not(:first-child) {flex:1}
.footnav .foot-location {white-space:nowrap}
.policy-text {padding:14px;border-radius:12px;background:#eff6ef;font-size:1rem}
.policy-countdown {color:var(--muted);font-size:.82rem;min-height:2.5em}
.attendance {border:1px solid var(--line);border-radius:12px;padding:12px}
.reservation-links .btn {flex:1}
@media (max-width:760px) {
  .public-brand img {width:46px;height:46px}
  .hero-photo {object-position:60% 40%}
  .footnav a {font-size:.72rem;gap:5px}
}
@media (max-width:360px) {
  .footnav {padding-left:5px;padding-right:5px}
  .footnav a {padding-left:3px;padding-right:3px}
}


.field input,.field select,.field textarea,.input {max-width:100%;min-inline-size:0}
.field input[type="date"]::-webkit-date-and-time-value,.input[type="date"]::-webkit-date-and-time-value {text-align:left}
input,textarea,select {scroll-margin-block:72px}
dialog {overscroll-behavior:contain;scroll-padding-block:68px 16px}
@media (max-width:760px) {
  .field input,.field select,.field textarea,.input {font-size:16px}
  .agenda-page-head .eyebrow,.agenda-page-head p {display:none}
  .admin-main .agenda-page-head h1 {font-size:1.55rem}
  .admin-main .agenda-page-head {margin-bottom:10px}
  .calendar-head {gap:9px;margin-bottom:10px}
  .agenda-utilities {gap:7px}
  .calendar-tools .input {width:clamp(132px,45vw,175px);min-height:44px}
  .timeline-frame {max-height:none;overflow:clip}
  .timeline.single {grid-template-columns:50px minmax(0,1fr)}
  .timeline-heading {position:static;min-height:38px}
  .event {font-size:.8rem}
  .event span {font-size:.72rem}
  .legend {gap:8px}
  .modal-content {padding:15px}
  .modal-head {padding:9px 15px}
  .keyboard-open .footnav,.keyboard-open .sidebar nav {visibility:hidden}
  .keyboard-open dialog[open] {
    inset:calc(var(--keyboard-top) + 8px) 0 auto;
    margin:0 auto;
    max-height:calc(var(--keyboard-height) - 16px);
  }
}
@media (max-width:560px) {
  .modal-content .field-grid {grid-template-columns:minmax(0,1fr)}
}

.responsive-table {min-width:0;overflow-wrap:anywhere}
.admin-main .row > * {min-width:0;max-width:100%}
.admin-main .count-tag {max-width:220px;overflow:hidden;text-overflow:ellipsis}
.report-dates {align-items:start}
@media (max-width:900px) {
  .responsive-table {padding:0!important;border:0;background:none}
  .responsive-table table,.responsive-table tbody {display:grid;gap:12px}
  .responsive-table thead {
    position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;
  }
  .responsive-table tbody tr {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 12px;
    min-width:0;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;
  }
  .responsive-table td {display:grid;align-content:start;min-width:0;padding:0;border:0}
  .responsive-table td::before {content:attr(data-label);color:var(--muted);font-size:.74rem;margin-bottom:4px}
  .responsive-table td:first-child {grid-column:1/-1;font-size:.96rem;font-weight:750}
  .responsive-table td:first-child::before {content:none}
  .responsive-table td[data-label="Forma de pagamento / estado"],
  .responsive-table td[data-label="Ações"] {grid-column:1/-1}
  .responsive-table td[data-label="Ações"] {border-top:1px solid var(--line);padding-top:9px}
  .responsive-table td[data-label="Ações"] .btn {min-height:44px;padding-inline:10px}
}
@media (max-width:760px) {
  .admin-main .section-head {overflow-wrap:anywhere}
  .report-dates {grid-template-columns:repeat(2,minmax(0,1fr))}
  .sidebar nav button {min-height:44px}
  .hours-line {grid-template-columns:repeat(2,minmax(0,1fr))}
  .hours-line .row {grid-column:1/-1}
}
@media (max-width:360px) {
  .report-dates {grid-template-columns:minmax(0,1fr)}
}

.permission-fields {min-width:0;display:grid;gap:7px;margin:0;padding:12px;border:1px solid var(--line);border-radius:12px}
.permission-fields legend {padding:0 5px;font-weight:750}
.permission-fields label {display:flex;align-items:center;gap:9px;min-height:42px;padding:5px 8px;border:1px solid var(--line);border-radius:8px;font-weight:650}
.permission-fields input {width:17px;height:17px;accent-color:var(--green)}
.access-denied {display:grid;justify-items:center;gap:12px;padding-block:28px!important;text-align:center;color:var(--dark)}
.access-denied h2 {font-size:clamp(1rem,3vw,1.4rem)}
.order-card-title,.order-item,.order-totals {min-width:0;overflow-wrap:anywhere}
.order-item {padding:12px;border:1px solid var(--line);border-radius:12px;gap:9px}
.order-edit {align-items:end}
.order-edit .field {width:min(130px,100%)}
.order-totals {padding:13px;border-radius:12px;background:#edf5ed;gap:9px}
.order-total {padding-top:9px;border-top:1px solid var(--line);font-size:1.12rem}
.sidebar nav .locked-tab {color:#c6d0c8}
.cards3 {grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px) {
  .cards3 {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px) {
  .sidebar nav button {font-size:clamp(.57rem,2.3vw,.68rem);white-space:normal;line-height:1.15}
  .order-card .btn {width:100%}
}

.notification-settings {flex:none}
@media (max-width:400px) {
  .notification-settings {padding-inline:9px;font-size:.78rem}
}