/* v1.68 — operations-first workspace */
:root{--navy:#201a2b;--violet:#7250b5;--lavender:#f0eafd;--canvas:#f7f6fa;--card:#fff;--success:#197554;--warning:#a75a28}
body{background:var(--canvas)}
.topbar{box-shadow:none}.brand{letter-spacing:.08em}.subtitle{letter-spacing:.01em}
.operation-center{margin-bottom:20px;background:linear-gradient(145deg,#251c35,#352349);color:#fff;border:0!important;box-shadow:0 18px 45px #2b1b4030!important}
.operation-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.operation-head h2{font-size:22px;margin:4px 0}.operation-head p{color:#cfc4dc;margin:0;font-size:12px}.operation-head .eyebrow{color:#cbb4f0}.operation-head .ghost{background:#ffffff14;color:#fff;border-color:#ffffff20}
.operation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.operation-item{display:grid;gap:8px;text-align:left;min-height:122px;padding:16px;border:1px solid #ffffff17;border-radius:15px;background:#ffffff0d;color:#fff}.operation-item:hover{background:#ffffff17}.operation-item>span{font-size:11px;color:#cfc3dc}.operation-item>strong{font-size:17px;line-height:1.35}.operation-item>small{font-size:10px;color:#baadc8;line-height:1.6}.operation-item.good:before,.operation-item.attention:before{content:"";width:7px;height:7px;border-radius:50%;background:#63d3a5}.operation-item.attention:before{background:#f4ad63}
.simple-page .page-head{padding:22px 24px;background:linear-gradient(120deg,#fff,#f4effb);border:1px solid #ebe5f2;border-radius:20px}.simple-page .page-head h1{font-size:29px}.simple-page .page-head p{max-width:520px}.simple-page #simpleSummary{grid-template-columns:repeat(6,minmax(0,1fr))}.simple-page #simpleSummary .metric{padding:18px 16px}.simple-page #simpleSummary .metric .value{font-size:22px}.simple-page #simpleSummary .metric:first-child{grid-column:span 2}.simple-page #simpleSummary .metric:nth-child(6){grid-column:span 2}
.simple-page .panel{box-shadow:0 8px 28px #21142e08}.simple-filters{position:sticky;top:10px;z-index:4;box-shadow:0 10px 28px #2d1c3d0d}.purchase-vendor-tabs{position:sticky;top:10px;z-index:5;background:var(--canvas);padding:8px 0}
@media(min-width:901px){body{padding-left:230px}.topbar{position:fixed;left:0;top:0;bottom:0;width:230px;height:auto;z-index:20;display:block;padding:32px 24px;background:#211a2c;color:#fff;border:0}.topbar .brand{color:#fff}.topbar .subtitle{color:#9e91ad}.top-status{position:absolute;left:20px;right:20px;bottom:24px;display:grid;grid-template-columns:1fr 1fr}.top-status .cloud-pill{grid-column:1/-1;text-align:center}.topbar .ghost{color:#fff;background:#ffffff0d;border-color:#ffffff18}.version{background:#ffffff0d;color:#d7c7eb;text-align:center}.tabs.tabs-simple{position:fixed;left:0;top:118px;width:230px;z-index:21;display:grid;padding:0 16px;background:transparent;border:0;backdrop-filter:none}.tabs.tabs-simple>button{max-width:none;text-align:left;padding:14px 18px;color:#a99cb7}.tabs.tabs-simple>button.active{background:#7651b4;color:#fff;box-shadow:0 10px 25px #140b2138}main{padding:34px 42px}.simple-page{max-width:1180px}.simple-page .page-head{margin-top:0}}
@media(max-width:900px){.operation-grid{grid-template-columns:1fr 1fr}.simple-page #simpleSummary{grid-template-columns:1fr 1fr}.simple-page #simpleSummary .metric:first-child,.simple-page #simpleSummary .metric:nth-child(6){grid-column:span 1}}
@media(max-width:600px){body{padding-bottom:78px}.topbar{height:62px}.topbar .subtitle{display:none}.tabs.tabs-simple{position:fixed;left:10px;right:10px;top:auto;bottom:calc(8px + env(safe-area-inset-bottom));z-index:40;height:60px;padding:6px;border:1px solid #e3dcec;border-radius:18px;background:#fffffff2;box-shadow:0 14px 38px #25152e38;backdrop-filter:blur(20px)}.tabs.tabs-simple>button{font-size:11px;padding:9px 2px}.tabs.tabs-simple>button.active{background:#2c213a;color:#fff}main{padding:14px 12px}.simple-page .page-head{padding:18px;margin:4px 0 14px;display:grid;grid-template-columns:1fr auto}.simple-page .page-head h1{font-size:24px}.simple-page .page-head p{grid-column:1/-1}.simple-page #simpleSummary{gap:8px}.simple-page #simpleSummary .metric{padding:16px 14px}.simple-page #simpleSummary .metric .value{font-size:20px}.operation-center{padding:18px!important}.operation-head{align-items:center}.operation-head p{display:none}.operation-head h2{font-size:19px}.operation-grid{grid-template-columns:1fr}.operation-item{min-height:auto;padding:14px;grid-template-columns:1fr auto}.operation-item>span,.operation-item>small{grid-column:1/-1}.simple-filters,.purchase-vendor-tabs{top:4px}}

/* v1.77: one expense action, stable money rows, and monthly-repeat controls. */
.expense-entry-panel .panel-head{align-items:center;flex-wrap:nowrap}
.expense-entry-panel .panel-head h2{min-width:max-content;white-space:nowrap}
.expense-entry-panel .expense-entry-button{margin-left:auto;white-space:nowrap;padding:10px 14px}
.expense-entry-panel .simple-money-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:14px}
.expense-entry-panel .simple-money-row>span:first-child{min-width:0;line-height:1.65;overflow-wrap:anywhere}
.expense-entry-panel .simple-money-row>strong,.expense-entry-panel .simple-money-row>span:last-child{justify-self:end;white-space:nowrap;text-align:right}
.expense-entry-panel .simple-money-row>span:last-child{display:flex;align-items:center;gap:8px}
.recurring-expense-option{display:flex!important;align-items:flex-start!important;gap:12px;margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8f5fc}
.recurring-expense-option input{width:20px!important;height:20px;margin:2px 0 0;flex:0 0 auto}
.recurring-expense-option span{display:grid;gap:4px;min-width:0}
.recurring-expense-option strong{font-size:14px;color:var(--ink)}
.recurring-expense-option small{font-size:11px;line-height:1.55;color:var(--muted)}
@media(max-width:600px){.expense-entry-panel .panel-head{gap:10px}.expense-entry-panel .expense-entry-button{padding:9px 12px;font-size:11px}.expense-entry-panel .simple-money-row{column-gap:10px}.expense-entry-panel .simple-money-row>span:last-child{gap:5px}.expense-entry-panel .simple-money-row .ghost{padding:7px 9px}.recurring-expense-option{padding:12px}}

/* v1.77: the first screen is a summary, with details available on demand. */
.summary-collapsible{padding:0!important}
.summary-collapsible>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;cursor:pointer;list-style:none}
.summary-collapsible>summary::-webkit-details-marker{display:none}
.summary-collapsible>summary>span{display:grid;gap:4px}
.summary-collapsible>summary strong{font-size:16px;color:var(--ink)}
.summary-collapsible>summary small{color:var(--muted);font-size:11px;white-space:nowrap}
.summary-collapsible>summary:after{content:'펼치기';color:var(--purple);font-size:11px;font-weight:750}
.summary-collapsible[open]>summary{border-bottom:1px solid var(--line)}
.summary-collapsible[open]>summary:after{content:'접기'}
.summary-collapsible-body{padding:4px 22px 20px}
#overviewSettlementPanel .hint{margin:6px 0 12px}
#overviewSettlementChannels{margin:12px 0;gap:9px}
.settlement-mini-compact{padding:13px 14px;background:#fdfbff}
.settlement-mini-compact header{margin-bottom:9px;flex-wrap:nowrap}
.settlement-mini-compact header strong{font-size:14px}
.settlement-mini-compact .settlement-mini-net{margin:0;align-items:baseline}
.settlement-mini-compact .settlement-mini-net span{font-size:11px;color:var(--muted)}
.settlement-mini-compact .settlement-mini-net b{font-size:16px}
.settlement-mini-period,.settlement-mini-empty{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.45}
.daily-overview-panel .panel-head{align-items:center}
.daily-overview-panel .panel-head small{font-size:10px}
.daily-table .daily-link{font-size:12px;text-decoration:none}
.daily-older{margin-top:10px;border-top:1px solid var(--line)}
.daily-older>summary{padding:15px 4px;color:var(--purple);font-size:12px;font-weight:750;cursor:pointer}
.daily-older[open]>summary{border-bottom:1px solid var(--line)}
@media(max-width:600px){
  .summary-collapsible>summary{padding:16px 18px;gap:9px}
  .summary-collapsible>summary small{display:none}
  .summary-collapsible-body{padding:2px 14px 16px}
  #overviewSettlementPanel .panel-head{align-items:center}
  #overviewSettlementPanel .panel-head .ghost{padding:8px 10px;font-size:11px}
  #overviewSettlementTotals{gap:8px}
  #overviewSettlementChannels{gap:8px}
  .settlement-mini-compact{padding:11px 10px}
  .settlement-mini-compact header{align-items:flex-start}
  .settlement-mini-compact header strong{font-size:12px}
  .settlement-mini-compact header small{font-size:9px}
  .settlement-mini-compact .settlement-mini-net{display:grid;gap:3px}
  .settlement-mini-compact .settlement-mini-net b{font-size:14px;white-space:nowrap}
  .daily-overview-panel .panel-head{display:flex;align-items:center}
  .daily-overview-panel .panel-head small{max-width:none;text-align:right}
  .daily-table th,.daily-table td{padding:10px 4px;font-size:11px}
  .daily-table th:first-child,.daily-table td:first-child{width:42%}
  .daily-table .daily-link{font-size:10px;letter-spacing:-.25px;white-space:nowrap}
}