/* Bright warm-white palette: calm surfaces, restrained Verbintis gold. */
:root {
  --ivory: #f7f7f4;
  --surface: #ffffff;
  --ink: #24231f;
  --muted: #76746e;
  --line: #e7e6e1;
  --terra: #b49364;
  --terra-dark: #82633d;
  --sage-soft: #f0f2ed;
  --shadow: 0 18px 50px rgba(42, 40, 34, .065);
}

body { background: linear-gradient(180deg, #fafaf8 0, #f7f7f4 48%, #f6f6f3 100%); }
.sidebar { background: rgba(255, 255, 253, .94); border-color: #e9e8e3; box-shadow: 6px 0 24px rgba(45, 43, 37, .018); }
.nav-item:hover, .nav-item:focus-visible { background: #f4f4f1; }
.nav-item.active { background: #efeee9; color: #755a38; box-shadow: inset 3px 0 #c2a273; }
.card { background: rgba(255, 255, 255, .96); border-color: #e6e5e0; box-shadow: 0 1px 2px rgba(40, 38, 32, .02), 0 10px 30px rgba(40, 38, 32, .025); }
.dashboard-next.hero-card { background: linear-gradient(135deg, #fff 0%, #fafaf7 58%, #f2f2ed 100%); }
.next-lesson-visual { transform: none; }
.secondary-button, .filter { background: #f5f5f2; border-color: #e5e4df; }
.secondary-button:hover { background: #eeede8; }
.role-switch, .notification, .auth-button { background: #fff; }
.dashboard-quick .quick-action:hover, .appointment:hover { background: #f8f8f5; border-color: #dcd9d1; }
.dashboard-quick .quick-action span, .student-shortcut span { background: #f1f1ed; color: #736b60; }
.student-next { background: linear-gradient(135deg, #fff, #f5f5f1); }
.student-credit, .student-shortcut, .repertoire-preview, .repertoire-empty { background: #fff; }
.student-next .clock, .student-profile { background: #f1f1ed; }
.preview-banner { background: #f7f6f1; border-color: #e5e1d8; }
.student-bottom-nav, .mobile-nav { background: rgba(255, 255, 253, .96); }
.conversation-search, .account-summary, .dossier-next, .availability-form, .school-address-fields { background: #f5f5f2; }
.conversation-item:hover { background: #f8f8f5; }
.conversation-item.active { background: #f0efe9; }
.chat-pane { background: linear-gradient(rgba(249, 249, 247, .96), rgba(249, 249, 247, .96)), radial-gradient(circle at 15px 15px, #ddd9d0 1px, transparent 1.5px); background-size: auto, 30px 30px; }
.chat-pane .message.mine { background: #e8dfd0; }
.credit-overview, .credit-balance, .subscription-settings-card, .subscription-plan.featured { background: linear-gradient(145deg, #fff, #f5f4ef); }
.availability-chips > span, .availability-row.closed { background: #f6f6f3; }
.availability-date { background: #f0eee8; }

/* Library and performance workspace */
.library-page,.podium-page{display:grid;gap:22px}.library-intro,.podium-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:8px 2px 5px}.library-intro h2,.podium-hero h2{margin:0;font:500 35px/1.1 var(--serif)}.library-intro p:not(.eyebrow),.podium-hero p:not(.eyebrow){max-width:660px;margin:10px 0 0;color:var(--muted)}.library-actions,.podium-actions{display:flex;gap:9px;flex:none}.library-search{display:flex;gap:8px;align-items:center;overflow-x:auto;padding-bottom:2px}.library-search .search{min-width:280px}.library-search .filter{white-space:nowrap}.library-search .filter.active{background:#282a26;color:#fff;border-color:#282a26}.library-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:20px}.library-filters{align-self:start;display:grid;gap:17px;padding:20px}.library-filters>strong{font:600 18px var(--serif)}.library-filters label{display:grid;gap:6px;color:var(--muted);font-size:10px;font-weight:700}.library-filters select{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}.source-note{display:flex;gap:9px;margin-top:4px;padding-top:15px;border-top:1px solid var(--line)}.source-note>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--sage-soft);color:var(--success);font-size:10px}.source-note p{margin:0}.source-note strong,.source-note small{display:block}.source-note small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.45}.library-results-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.library-results-head strong,.library-results-head small{display:block}.library-results-head small{margin-top:3px;color:var(--muted);font-size:9px}.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.material-card{min-width:0;display:flex;flex-direction:column;min-height:230px;padding:18px;border-radius:17px}.material-top,.material-source,.material-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.material-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#f0eee8;color:var(--terra-dark);font-size:19px}.material-card h3{margin:18px 0 4px;font:600 15px/1.25 var(--sans)}.material-card p{margin:0;color:var(--muted);font-size:10px}.material-meta{justify-content:flex-start;flex-wrap:wrap;margin:14px 0}.material-meta span{padding:5px 7px;border-radius:99px;background:#f5f5f2;color:var(--muted);font-size:8px}.material-source{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-size:9px}.material-source small{color:var(--muted)}.material-source b{color:var(--terra-dark)}.material-open{margin:12px -4px -5px;padding:8px 4px;border:0;background:none;color:var(--terra-dark);font:700 10px var(--sans);text-align:left;cursor:pointer}.material-open:hover{color:var(--ink)}.material-detail-preview{display:flex;align-items:center;gap:13px;margin:20px 0;padding:18px;border-radius:15px;background:#f4f4f0}.material-detail-preview>span{font-size:28px;color:var(--terra-dark)}.material-detail-preview strong,.material-detail-preview small{display:block}.material-detail-preview small{margin-top:4px;color:var(--muted)}.material-link-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.panel-note{display:grid;gap:7px;margin:20px 0;font-size:11px;font-weight:700}.panel-note textarea{min-height:90px;padding:12px;border:1px solid var(--line);border-radius:12px;font:13px var(--sans)}.import-drop{display:grid;justify-items:center;gap:7px;margin:20px 0;padding:34px;border:1px dashed #cfcbc1;border-radius:17px;background:#fafaf7}.import-drop>span{font-size:27px;color:var(--terra)}.import-drop small{color:var(--muted)}
.podium-hero{align-items:center;padding:30px 34px;border:1px solid #e1e1dc;border-radius:22px;background:linear-gradient(135deg,#fff,#f1f2ee)}.podium-actions{margin-top:22px}.performance-status{min-width:170px;padding:20px;border-radius:18px;background:#30352f;color:#fff;box-shadow:0 18px 35px rgba(37,42,37,.14)}.performance-status span,.performance-status strong,.performance-status small{display:block}.performance-status span{font-size:9px;text-transform:uppercase;letter-spacing:.08em}.performance-status span i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#9fd093}.performance-status strong{margin:10px 0 0;font:500 38px var(--serif)}.performance-status small{color:#cbd0c9}.podium-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px}.setlist-card{padding:26px}.setlist-songs{margin:0;padding:0;list-style:none}.setlist-songs li{display:grid;grid-template-columns:34px minmax(0,1fr) auto 30px;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.setlist-songs li>span{color:#aaa69d;font:500 12px var(--serif)}.setlist-songs strong,.setlist-songs small{display:block}.setlist-songs strong{font-size:12px}.setlist-songs small{margin-top:4px;color:var(--muted);font-size:9px}.setlist-songs li>b{font-size:9px}.setlist-songs li>button{width:28px;height:28px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--terra-dark);cursor:pointer}.podium-side{display:grid;align-content:start;gap:14px}.podium-side h3{margin:5px 0 15px;font:600 18px var(--sans)}.stage-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stage-tools button{min-height:72px;border:1px solid var(--line);border-radius:13px;background:#f8f8f5;color:var(--ink);font:600 18px var(--serif);cursor:pointer}.stage-tools span{display:block;margin-top:7px;color:var(--muted);font:600 8px var(--sans)}.rehearsal-card>span,.rehearsal-card>strong,.rehearsal-card>small{display:block}.rehearsal-card>span{color:var(--terra-dark);font-size:8px;font-weight:800;letter-spacing:.1em}.rehearsal-card>strong{margin:8px 0 5px}.rehearsal-card>small{color:var(--muted);line-height:1.5}.rehearsal-card button{margin-top:11px}.editable-setlist{display:grid;margin:18px 0}.editable-setlist>div{display:grid;grid-template-columns:25px 1fr auto 25px;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.editable-setlist small{color:var(--muted)}.editable-setlist button{border:0;background:none}.performance-view{margin:-30px;border-radius:22px;overflow:hidden;background:#20231f;color:#fff}.performance-bar,.performance-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;background:#292d28}.performance-bar small,.performance-bar strong{display:block}.performance-bar small{color:#aeb5ac;font-size:8px}.performance-bar strong{margin-top:3px;font-size:12px}.performance-tools{display:flex;gap:7px}.performance-tools button,.performance-footer button{border:1px solid #4b5049;border-radius:9px;background:#343934;color:#fff;padding:8px 10px}.score-paper{min-height:440px;margin:18px;padding:35px 45px;background:#fff;color:#222;box-shadow:0 12px 40px rgba(0,0,0,.2)}.score-title{text-align:center}.score-title h3{margin:0;font:600 24px var(--serif)}.score-title p{margin:4px;color:#777;font-size:10px}.music-staff{margin-top:45px;padding:12px 0;border-top:1px solid #333;border-bottom:1px solid #333;font:26px serif;letter-spacing:4px}.music-staff.second{margin-top:42px}.music-staff.third{margin-top:34px}.score-annotation{width:max-content;margin:17px 0 -13px 25%;padding:6px 10px;border-radius:8px;background:#fff3b9;color:#735f26;font:italic 11px var(--sans);transform:rotate(-1deg)}.performance-footer{font-size:9px}.performance-footer span i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#9fd093}
@media(max-width:1050px){.material-grid{grid-template-columns:repeat(2,1fr)}.library-layout{grid-template-columns:175px 1fr}.podium-layout{grid-template-columns:1fr}.podium-side{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.library-intro,.podium-hero{align-items:flex-start;flex-direction:column}.library-actions{width:100%}.library-actions button{flex:1}.library-layout{grid-template-columns:1fr}.library-filters{display:none}.material-grid{grid-template-columns:1fr}.podium-hero{padding:23px}.performance-status{width:100%}.podium-side{grid-template-columns:1fr}.material-link-grid{grid-template-columns:1fr}.performance-view{margin:-20px}.score-paper{min-height:390px;margin:10px;padding:24px 18px}.performance-footer span{display:none}}

/* Library filters — one calm horizontal control surface */
.library-layout{grid-template-columns:minmax(0,1fr);gap:14px}
.library-filters{display:grid;grid-template-columns:minmax(110px,.75fr) repeat(3,minmax(145px,1fr)) minmax(210px,1.25fr);align-items:end;gap:14px;padding:15px 17px;border-radius:17px;box-shadow:0 1px 2px rgba(40,38,32,.018)}
.library-filters>strong{align-self:center;padding-left:3px;font:600 17px var(--serif)}
.library-filters label{gap:5px;font-size:8px;letter-spacing:.07em;text-transform:uppercase}
.library-filters select{min-height:39px;padding:9px 32px 9px 11px;border-color:#e5e4df;border-radius:11px;color:#4f4d47;font-size:11px;letter-spacing:0;text-transform:none}
.library-filters>*{min-width:0}
.library-filters label,.library-filters select{max-width:100%;min-width:0}
.library-filters select:hover{border-color:#d3cfc5;background:#fdfdfb}
.source-note{align-items:center;margin:0;padding:0 0 0 15px;border-top:0;border-left:1px solid var(--line)}
.source-note>span{flex:none;width:28px;height:28px}
.source-note p{min-width:0}.source-note small{white-space:normal}
.library-results-head{padding:5px 3px 0}
.material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:1300px){.library-filters{grid-template-columns:100px repeat(3,minmax(0,1fr))}.source-note{display:none}}
@media(max-width:760px){.library-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px}.library-filters>strong{grid-column:1/-1;padding:0 2px}.library-filters label{min-width:0}.library-filters label:last-of-type{grid-column:1/-1}.material-grid{grid-template-columns:1fr}}

/* Podium / digital music folder */
.podium-workspace{gap:18px}.podium-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:5px 2px 10px}.podium-heading h2{max-width:680px;margin:3px 0 8px;font:500 35px/1.1 var(--serif)}.podium-heading p:not(.eyebrow){max-width:680px;margin:0;color:var(--muted)}.podium-heading-actions{display:flex;gap:9px;flex:none}.podium-overview{display:grid;grid-template-columns:220px minmax(460px,1fr) 230px;gap:15px;align-items:start}.setlist-library,.setlist-main,.podium-tools-column>.card{border-radius:19px}.setlist-library{padding:12px}.setlist-library-head{display:flex;align-items:center;justify-content:space-between;padding:8px 7px 13px}.setlist-library-head small,.setlist-library-head strong{display:block}.setlist-library-head small{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.09em}.setlist-library-head strong{margin-top:4px;font-size:12px}.setlist-library-head button{width:28px;height:28px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--terra-dark);cursor:pointer}.setlist-library-items{display:grid;gap:4px}.setlist-folder{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) 12px;align-items:center;gap:9px;padding:9px;border:0;border-radius:12px;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.setlist-folder:hover{background:#f7f6f2}.setlist-folder.active{background:#f0eee8}.folder-art{width:34px;height:39px;display:grid;place-items:center;border-radius:8px 8px 5px 5px;background:#e6dac8;color:#82633d;font:600 17px var(--serif);box-shadow:inset 0 0 0 1px rgba(130,99,61,.08)}.setlist-folder strong,.setlist-folder small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setlist-folder strong{font-size:10px}.setlist-folder small{margin-top:3px;color:var(--muted);font-size:8px}.setlist-folder i{color:#b4ab9e;font-style:normal;font-size:8px}.setlist-folder.active i{color:var(--terra)}.setlist-all{width:100%;margin-top:9px;padding:10px 7px;border:0;border-top:1px solid var(--line);background:none;color:var(--terra-dark);font:700 9px var(--sans);text-align:left;cursor:pointer}.setlist-main{min-width:0;padding:23px}.setlist-main-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:19px}.setlist-main-head h2{margin:3px 0 4px;font:500 26px var(--serif)}.setlist-main-head p:not(.eyebrow){margin:0;color:var(--muted);font-size:10px}.setlist-head-meta{display:flex;align-items:center;gap:7px}.offline-pill{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:99px;background:#f5f4f0;color:var(--muted);font-size:8px;font-weight:700;white-space:nowrap}.offline-pill i{width:6px;height:6px;border-radius:50%;background:#c7bdb0}.offline-pill.ready{background:#edf3ec;color:#587158}.offline-pill.ready i{background:#76a276}.setlist-summary{display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;margin:0 -4px 17px;padding:12px 14px;border-radius:13px;background:#f7f7f4}.setlist-summary>span{padding:0 13px;border-right:1px solid var(--line)}.setlist-summary strong,.setlist-summary small{display:block}.setlist-summary strong{font:600 15px var(--serif)}.setlist-summary small{margin-top:2px;color:var(--muted);font-size:7px}.setlist-summary button{border:0;background:none;color:var(--terra-dark);font:700 8px var(--sans);cursor:pointer}.score-list-head{display:grid;grid-template-columns:minmax(0,1fr) 50px 48px 30px;gap:10px;padding:0 0 7px 46px;color:var(--muted);font-size:7px;font-weight:800;letter-spacing:.08em}.score-list li{grid-template-columns:31px minmax(0,1fr) 50px 48px 30px;gap:10px;padding:11px 0}.song-order{font-size:10px!important}.song-info{min-width:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.song-info strong,.song-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-info:hover strong{color:var(--terra-dark)}.song-key{justify-self:start;padding:5px 7px;border-radius:7px;background:#f5f4f0;font-size:8px!important}.score-list time{font-size:8px}.song-open{display:grid;place-items:center}.setlist-main-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:13px;border-top:1px solid var(--line)}.podium-tools-column{display:grid;gap:12px}.podium-tools-column>.card{padding:18px}.performance-date{display:flex;align-items:center;gap:8px;margin:14px 0}.performance-date strong{font:500 42px/.8 var(--serif)}.performance-date span{color:var(--muted);font-size:8px;font-weight:800;line-height:1.25}.next-performance h3{margin:15px 0 4px;font-size:12px}.next-performance p{margin:0;color:var(--muted);font-size:8px}.readiness{margin-top:17px}.readiness>span{display:block;height:4px;overflow:hidden;border-radius:9px;background:#eeece6}.readiness>span i{display:block;height:100%;border-radius:9px;background:var(--terra)}.readiness small{display:block;margin-top:6px;color:var(--muted);font-size:7px}.quick-stage-tools>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.quick-stage-tools button{min-width:0;padding:12px 5px;border:1px solid var(--line);border-radius:11px;background:#fafaf7;color:var(--terra-dark);font:600 18px var(--serif);cursor:pointer}.quick-stage-tools button span,.quick-stage-tools button small{display:block}.quick-stage-tools button span{margin-top:7px;color:var(--ink);font:700 8px var(--sans)}.quick-stage-tools button small{margin-top:2px;color:var(--muted);font:500 7px var(--sans)}.rehearsal-note p{margin:12px 0 7px;color:var(--muted);font-size:9px;line-height:1.55}.rehearsal-note p strong{color:var(--ink)}
.podium-edit-list{display:grid;margin:18px 0}.podium-edit-list>div{display:grid;grid-template-columns:18px 20px minmax(0,1fr) 25px;gap:8px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.podium-edit-list>div>span{color:var(--muted);cursor:grab}.podium-edit-list>div>b{font-size:9px}.podium-edit-list label{display:grid;gap:5px}.podium-edit-list label strong{font-size:10px}.podium-edit-list input{width:100%;padding:8px 9px;border:1px solid var(--line);border-radius:8px;font:9px var(--sans)}.podium-edit-list button{border:0;background:none;color:var(--muted);font-size:17px}.add-song-list{display:grid;gap:5px;margin-top:18px}.add-song-list button{display:grid;grid-template-columns:35px 1fr 20px;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left;cursor:pointer}.add-song-list button>span:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#f2efe9;color:var(--terra-dark)}.add-song-list strong,.add-song-list small{display:block}.add-song-list strong{font-size:10px}.add-song-list small{margin-top:3px;color:var(--muted);font-size:8px}.add-song-list b{color:var(--terra-dark)}
.performance-view{height:min(780px,calc(100vh - 80px));display:grid;grid-template-rows:auto minmax(0,1fr) auto}.performance-exit{width:30px;height:30px!important;border-radius:50%!important;font-size:17px}.performance-bar{justify-content:flex-start}.performance-title{min-width:0;margin-right:auto}.performance-tools button.active{border-color:#cfb184;background:#66543b}.performance-canvas{min-height:0;display:grid;grid-template-columns:145px minmax(0,1fr);background:#1c1f1b}.performance-song-strip{overflow-y:auto;padding:11px 8px;border-right:1px solid #363a34;background:#252923}.performance-song-strip button{width:100%;display:grid;grid-template-columns:20px minmax(0,1fr);gap:7px;padding:9px 7px;border:0;border-radius:8px;background:none;color:#aeb5ac;text-align:left;cursor:pointer}.performance-song-strip button.active{background:#3a4038;color:#fff}.performance-song-strip b{font-size:8px}.performance-song-strip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.score-scroll{overflow:auto}.score-paper{width:min(720px,calc(100% - 36px));min-height:720px;margin:18px auto;transform:scale(var(--score-zoom));transform-origin:top center;transition:transform .15s ease}.score-meta-line{display:flex;justify-content:space-between;margin:25px 0 5px;color:#666;font:10px var(--serif)}.music-staff.fourth{margin-top:42px}.autoscroll-toggle{display:flex;align-items:center;gap:6px;color:#cbd0c9;font-size:8px}.performance-footer button:disabled{opacity:.35}.night-score .score-paper{background:#252925;color:#ecece8}.night-score .score-meta-line,.night-score .score-title p{color:#aeb3aa}.night-score .music-staff{border-color:#b8bdb5}.night-score .score-annotation{background:#514a32;color:#f2df9c}
@media(max-width:1180px){.podium-overview{grid-template-columns:190px minmax(430px,1fr)}.podium-tools-column{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.setlist-summary{grid-template-columns:repeat(3,1fr)}.setlist-summary button{grid-column:1/-1;padding-top:9px;text-align:left}}
@media(max-width:860px){.podium-heading{align-items:flex-start;flex-direction:column}.podium-heading-actions{width:100%}.podium-heading-actions button{flex:1}.podium-overview{grid-template-columns:1fr}.setlist-library-items{grid-template-columns:repeat(3,1fr)}.podium-tools-column{grid-template-columns:1fr 1fr}.rehearsal-note{grid-column:1/-1}.performance-canvas{grid-template-columns:1fr}.performance-song-strip{display:none}}
@media(max-width:620px){.setlist-library-items{grid-template-columns:1fr}.setlist-main{padding:16px}.setlist-main-head{align-items:flex-start;flex-direction:column}.score-list-head{display:none}.score-list li{grid-template-columns:25px minmax(0,1fr) 33px}.score-list .song-key,.score-list time{display:none}.setlist-summary{grid-template-columns:1fr 1fr}.setlist-summary>span:nth-child(3){display:none}.podium-tools-column{grid-template-columns:1fr}.podium-heading-actions{flex-direction:column}.performance-view{margin:-20px;height:calc(100vh - 40px)}.performance-tools button:nth-child(2),.performance-tools button:nth-child(3){display:none}.score-paper{width:calc(100% - 16px);margin:8px auto;padding:24px 18px}.performance-footer span,.autoscroll-toggle{display:none}}
.score-list .song-info{width:auto;height:auto;min-width:0;border:0;border-radius:0;background:none}.score-list .song-open{width:28px;height:28px}

/* Stripe-aware invoice states */
.status.partial{background:#f5ecd9;color:#8b6730}.payment-sync-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px}.payment-sync-card>div{display:grid;grid-template-columns:10px 1fr;column-gap:9px;align-items:center}.payment-sync-card .connection-dot{grid-row:1/3}.payment-sync-card strong,.payment-sync-card small{display:block}.payment-sync-card strong{font-size:10px}.payment-sync-card small{margin-top:3px;color:var(--muted);font-size:8px}.invoice-overview-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:20px 0 12px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--line)}.invoice-overview-strip>span{padding:13px 15px;background:#fafaf7}.invoice-overview-strip small,.invoice-overview-strip strong{display:block}.invoice-overview-strip small{color:var(--muted);font-size:7px;font-weight:800;letter-spacing:.08em}.invoice-overview-strip strong{margin-top:4px;font:600 17px var(--serif)}.reconciliation-note{display:flex;gap:10px;margin-top:16px;padding:14px;border-radius:13px;background:#f2f5f0}.reconciliation-note>span{width:25px;height:25px;display:grid;flex:none;place-items:center;border-radius:50%;background:#dfeadd;color:#597359;font-size:10px}.reconciliation-note strong,.reconciliation-note small{display:block}.reconciliation-note strong{font-size:9px}.reconciliation-note small{margin-top:4px;color:var(--muted);font-size:8px;line-height:1.5}.invoice-detail-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.invoice-detail-title h2{margin-bottom:4px}.invoice-detail-title p{margin:0;color:var(--muted);font-size:9px}.payment-progress{margin:20px 0;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fbfbf9}.payment-progress>div{height:7px;overflow:hidden;border-radius:99px;background:#eceae4}.payment-progress>div span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#b49364,#ceb385)}.payment-progress>p{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 0}.payment-progress>p span{display:grid;gap:3px}.payment-progress>p span:not(:first-child){padding-left:12px;border-left:1px solid var(--line)}.payment-progress small{color:var(--muted);font-size:7px}.payment-progress strong{font-size:10px}.payment-history{margin:17px 0}.payment-history h3{margin:0 0 8px;font-size:10px}.payment-history>div{display:grid;grid-template-columns:25px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.payment-check{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#edf3ec;color:#587158;font-size:9px}.payment-history strong,.payment-history small{display:block}.payment-history strong{font-size:9px}.payment-history small{margin-top:3px;color:var(--muted);font-size:7px}.payment-history em{color:var(--muted);font-size:7px;font-style:normal}.invoice-actions{flex-wrap:wrap}.record-payment-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.record-payment-summary span{padding:13px;border-radius:12px;background:#f6f5f1}.record-payment-summary small,.record-payment-summary strong{display:block}.record-payment-summary small{color:var(--muted);font-size:7px}.record-payment-summary strong{margin-top:4px;font:600 17px var(--serif)}.record-confirm{display:flex!important;align-items:center;gap:9px;padding:12px;border-radius:10px;background:#f6f5f1;font-size:9px!important;text-transform:none!important;letter-spacing:0!important}.record-confirm input{width:auto!important}
@media(max-width:620px){.payment-sync-card{align-items:flex-start;flex-direction:column}.invoice-overview-strip{grid-template-columns:1fr}.payment-progress>p{grid-template-columns:1fr 1fr}.payment-progress>p span:last-child{grid-column:1/-1;padding:8px 0 0;border-left:0;border-top:1px solid var(--line)}.invoice-detail-title{flex-direction:column}.invoice-actions button{width:100%}.payment-history em{display:none}}