.office-ribbon,.office-sheet,.office-statusbar,.office-label{display:none}
#backup-overlay{z-index:30}
#market-content{height:auto;min-height:0;display:block;flex-basis:100%;overflow:visible}
.market-frame{width:100%;height:180px;border:0;background:#fff;display:block}
.market-disclosure{font-size:10px;color:#82786b;line-height:1.6;margin:0;flex-basis:100%}
body.office-mode{--paper:#f1f3f5;--ink:#263238;--line:#d3d9df;--surface:#fff;--muted:#66737b;background:#f1f3f5;font-family:Calibri,"Malgun Gothic",sans-serif}
.office-mode .app{max-width:none;padding:0;gap:0;background:#fff;min-height:100dvh}
.office-mode .app-header{background:#217346;color:#fff;padding:8px 16px;flex-wrap:wrap;gap:10px;min-height:48px}
.office-mode .brand-mark,.office-mode .brand-title,.office-mode .brand-subtitle,.office-mode .status,.office-mode .normal-label{display:none}
.office-mode .brand:after{content:'업무 현황 · 문서 편집';font-size:14px;font-weight:600;white-space:nowrap}
.office-mode .header-actions{flex-wrap:wrap}
.office-mode .icon-btn{border-radius:3px;box-shadow:none;background:#fff;color:#244d37;border-color:#cdd6d1;font-size:11px;padding:6px 10px;min-height:30px}
.office-mode .office-ribbon{display:block;order:-1}
.office-titlebar{background:#1d633e;color:white;font-size:12px;padding:9px 20px;text-align:center}
.office-tabs{background:#fff;border-bottom:1px solid #ddd;padding:12px 24px;color:#34423a;font-size:12px;overflow:hidden;white-space:nowrap}
.office-tools{background:#f5f5f5;border-bottom:1px solid #d1d1d1;padding:20px 24px;color:#555;font-size:12px;overflow:hidden;white-space:nowrap}
.office-formula{display:flex;gap:12px;background:#fafafa;padding:6px 12px;font-size:12px;border-bottom:1px solid #ccc}
.office-formula span{background:white;border:1px solid #d7d7d7;padding:5px 15px}
.office-formula span:last-child{flex:1}
.office-columns{background:#e9edef;color:#61716a;font:12px/26px Calibri,sans-serif;border-bottom:1px solid #c2c9c5;overflow:hidden;white-space:nowrap}
.office-mode .hero{align-items:flex-start;text-align:left;position:relative;padding:16px 36px;border-bottom:1px solid #d9dfdc;background:repeating-linear-gradient(90deg,transparent 0,transparent 149px,#e8ece9 149px,#e8ece9 150px),repeating-linear-gradient(0deg,transparent 0,transparent 27px,#e8ece9 27px,#e8ece9 28px)}
.office-mode .eyebrow{font-size:12px;letter-spacing:0;color:#444}
.office-mode .eyebrow:before,.office-mode .eyebrow:after{display:none}
.office-mode .office-label{display:inline}
.office-mode .total{border:2px solid #217346;background:#fff;justify-content:flex-end;padding:4px 14px;margin:8px 0;min-width:230px}
.office-mode .total-value{font-size:30px;letter-spacing:0;font-weight:500}
.office-mode .total-unit{font-size:16px;color:#555}
.office-mode .hero-detail{justify-content:flex-start;font-size:11px;gap:8px 18px;color:#58645d}
.office-mode .hero-detail strong{color:#26382d;font-weight:600}
.office-mode .lifetime-since{font-size:11px;color:#66716b;letter-spacing:0}
.office-mode .scene-card{display:none}
.office-mode .office-sheet{display:block;min-height:220px;border-bottom:1px solid #ccd6ce;flex:1;background:repeating-linear-gradient(90deg,transparent 0,transparent 149px,#e1e7e3 149px,#e1e7e3 150px),repeating-linear-gradient(0deg,transparent 0,transparent 31px,#e1e7e3 31px,#e1e7e3 32px)}
.office-sheet-head{background:#e5eee8;color:#315d42;font-weight:600}
.office-sheet-head,.office-sheet-row{padding:8px 24px;font-size:12px;min-height:32px;white-space:nowrap;overflow:hidden}
.office-sync{margin:24px auto 10px;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;background:#fff;width:min(560px,90%);border:1px solid #c8d8cd;font-size:13px;color:#355744;flex-wrap:wrap}
.office-sync>span:last-child{font-size:10px;color:#86928a}
.office-spinner{height:15px;width:15px;border:2px solid #d5e0d8;border-top-color:#217346;border-radius:50%;animation:office-spin 1.5s linear infinite}
.office-progress{height:4px;width:min(400px,80%);margin:0 auto 24px;background:#e9efeb;overflow:hidden}
.office-progress span{display:block;width:35%;height:100%;background:#217346;animation:office-progress 3s ease-in-out infinite}
.office-mode .dashboard{gap:0;border-top:1px solid #d1d8d4}
.office-mode .stat-card{border-radius:0;box-shadow:none;border:0;border-right:1px solid #dce2de;padding:14px 22px;min-height:80px}
.office-mode .stat-label{font-size:10px;letter-spacing:0;color:#6d7971}
.office-mode .stat-value{font-size:17px;font-weight:500}
.office-mode .market-strip{border-radius:0;box-shadow:none;background:#f8faf9;border:0;border-bottom:1px solid #d6ded9;padding:10px 24px}
.office-mode .market-links a{border-radius:3px;background:#fff;color:#3c6650}
.office-mode .app-footer{padding:12px 24px;background:#fff;border-top:1px solid #ddd;display:block}
.office-mode .office-statusbar{display:block;background:#e9edef;border-top:1px solid #ccd4ce;padding:8px 20px;font-size:11px;color:#41604b}
.office-statusbar span{float:right}
.office-mode .setup{border-radius:5px;background:#fff;border-color:#c5d1c8}
.office-mode .cta{background:#217346;color:white;border-radius:4px;box-shadow:none}
.office-mode .danger-confirm{background:#a9342e}
.office-mode .setup-kicker{color:#52745e}
.office-mode .field,.office-mode .check-pill,.office-mode .cloud-tab{border-radius:4px}
@keyframes office-spin{to{transform:rotate(360deg)}}
@keyframes office-progress{0%{transform:translateX(-100%)}100%{transform:translateX(390%)}}
@media(max-width:600px){.office-mode .hero{padding:16px}.office-mode .app-header{padding:10px}.office-mode .brand{flex-basis:100%}.office-mode .header-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:5px}.office-mode .icon-btn{padding:6px 3px;font-size:10px}.office-mode .office-tools{padding:15px}.office-mode .total{min-width:200px}.office-sheet-row,.office-sheet-head{padding-left:12px}.office-mode .stat-card{padding:12px}}
@media(prefers-reduced-motion:reduce){.office-spinner,.office-progress span{animation:none}}

.office-mode .lifetime-since{font-size:0}
.office-mode .lifetime-since:after{content:'업무 일정에 따라 집계 · 월별 누적 처리';font-size:11px}
.office-mode .total-unit{font-size:0}
.office-mode .total-unit:after{content:'단위';font-size:12px;color:#65756a}
.office-mode .stat-label{font-size:0}
.office-mode .stat-label:after{content:attr(data-office-label);font-size:10px}