/* 99폼 인테리어 — 소비자·사장님 공용 스타일 */
:root{--it:#0f766e;--it2:#115e59;--itl:#ccfbf1;--ow:#b45309;--owl:#fef3c7;--warn:#b91c1c;--warnl:#fee2e2;--ok:#15803d;--okl:#dcfce7}
.it-top .logo99-name small{color:var(--it)}
.it-brand{display:inline-block;background:var(--it);color:#fff;font-size:.62em;font-weight:800;padding:2px 7px;border-radius:6px;margin-left:6px;vertical-align:middle}
.it-nav{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 0}
.it-nav a{padding:7px 12px;border:1px solid var(--bd);border-radius:999px;font-size:.85em;color:var(--tx);background:#fff}
.it-nav a.on{background:var(--it);border-color:var(--it);color:#fff}
.it-hero{background:linear-gradient(135deg,var(--it2),var(--it) 60%,#14b8a6);color:#fff;border-radius:18px;padding:26px;margin:16px 0}
.it-hero.owner{background:linear-gradient(135deg,#78350f,#b45309)}
.it-hero .eyebrow{font-size:11px;font-weight:800;letter-spacing:1.4px;opacity:.85}
.it-hero h1{font-size:27px;margin:6px 0 8px;line-height:1.3}.it-hero p{margin:0;opacity:.93;max-width:760px}
.it-hero .asof{font-size:.78em;opacity:.8;margin-top:10px}
.doors{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:16px 0}
.door{display:block;padding:20px;border-radius:16px;text-decoration:none;color:var(--tx);border:2px solid var(--bd);background:#fff}
.door:hover{box-shadow:0 8px 20px rgba(0,0,0,.07)}
.door.c{border-color:var(--it)}.door.o{border-color:var(--ow)}
.door em{font-style:normal;font-size:.75em;font-weight:800}.door.c em{color:var(--it)}.door.o em{color:var(--ow)}
.door b{display:block;font-size:1.25em;margin:4px 0 6px}.door span{font-size:.88em;color:var(--mu)}
.it-sec{margin:26px 0}.it-sec h2{font-size:1.2em;margin:0 0 10px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.cards a{display:block;padding:15px;border:1px solid var(--bd);border-radius:14px;background:#fff;text-decoration:none;color:var(--tx);border-top:4px solid var(--it)}
.cards.o a{border-top-color:var(--ow)}
.cards a:hover{box-shadow:0 6px 16px rgba(0,0,0,.06)}
.cards em{font-style:normal;font-size:.72em;font-weight:800;color:var(--it)}.cards.o em{color:var(--ow)}
.cards b{display:block;margin:4px 0}.cards span{font-size:.84em;color:var(--mu)}
.flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;counter-reset:st}
.flow a{display:block;padding:12px;border-radius:12px;background:var(--itl);color:var(--it2);text-decoration:none;font-size:.88em;position:relative}
.flow a b{display:block;font-size:1.02em;margin-bottom:2px}
.flow a:before{counter-increment:st;content:counter(st);position:absolute;right:10px;top:8px;font-weight:900;opacity:.3;font-size:1.4em}
.panel{border:1px solid var(--bd);border-radius:14px;background:#fff;padding:16px;margin:12px 0}
.panel h3{margin:0 0 10px;font-size:1.02em}
.frm{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.frm label{display:block;font-size:.84em;font-weight:700;color:#374151}
.frm label small{font-weight:500;color:var(--mu)}
.frm input,.frm select,.it-in{width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid var(--bd);border-radius:8px;font:inherit;margin-top:4px;background:#fff}
.it-in.num{text-align:right}
.btn{padding:9px 14px;border:0;border-radius:8px;background:var(--it);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.btn.gh{background:#fff;color:var(--it);border:1px solid var(--it)}.btn.sm{padding:5px 10px;font-size:.84em}
.btns{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tbl{width:100%;border-collapse:collapse;font-size:.9em;min-width:0}
.tbl th,.tbl td{padding:7px 6px;border-bottom:1px solid var(--bd);text-align:left;vertical-align:middle}
.tbl th{background:#f8fafc;font-size:.85em;color:#374151;white-space:nowrap}
.tbl td.r,.tbl th.r{text-align:right}.tbl tr.tot td{font-weight:800;background:#f8fafc}
.tbl .it-in{margin:0;padding:6px 7px}
.big{font-size:1.7em;font-weight:900;color:var(--it2)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.kpi{padding:12px;border-radius:12px;background:#f8fafc;border:1px solid var(--bd)}
.kpi small{display:block;color:var(--mu);font-size:.78em}.kpi b{font-size:1.2em}
.flag{padding:10px 12px;border-radius:10px;margin:6px 0;font-size:.9em;line-height:1.5}
.flag.w{background:var(--warnl);color:#7f1d1d}.flag.c{background:var(--owl);color:#78350f}.flag.g{background:var(--okl);color:#14532d}.flag.i{background:#eff6ff;color:#1e3a8a}
.chk{list-style:none;padding:0;margin:0}
.chk li{display:flex;gap:10px;padding:10px 4px;border-bottom:1px solid var(--bd);font-size:.92em;line-height:1.5}
.chk li input{width:20px;height:20px;flex:0 0 auto;margin-top:2px;accent-color:var(--it)}
.chk li small{display:block;color:var(--mu);font-size:.86em}
.chk li.done{opacity:.6}
.prog{height:10px;border-radius:99px;background:#e5e7eb;overflow:hidden;margin:6px 0 2px}.prog i{display:block;height:100%;background:var(--it);width:0}
.bar{height:8px;border-radius:99px;background:#e5e7eb;overflow:hidden;min-width:60px}.bar i{display:block;height:100%;background:var(--it)}
.src{font-size:.86em;color:#374151;line-height:1.65}.src p{margin:6px 0}
.note{font-size:.82em;color:var(--mu)}
.hl-low{background:#fef3c7}.hl-hi{background:#fee2e2}.hl-miss{color:var(--warn);font-weight:700}
@media (max-width:600px){.it-nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.it-nav a{white-space:nowrap}.it-hero h1 br{display:none}.it-hero{padding:20px}.it-hero h1{font-size:22px}.big{font-size:1.4em}.tbl{font-size:.84em}}
@media print{.top,.it-nav,.btns,.noprint,footer,.it-hero{display:none!important}.panel{border:0;padding:0}body{background:#fff}}

.printonly{display:none}
.sticky1 td:first-child,.sticky1 th:first-child{position:sticky;left:0;background:#fff;z-index:1}.sticky1 th:first-child{background:#f8fafc}
@media print{.printonly{display:block}.it-sec,.noprint-in .note{display:none!important}.noprint-in input,.noprint-in select{border:0;padding:0;appearance:none;-webkit-appearance:none;background:none}}