/* 원본 styles.css의 디자인 토큰, 로그인·사이드바·표·카드·폼 스타일을 유지합니다. */
[hidden]{display:none!important}
.content{padding-top:30px}
.demo-bar{font-size:10.5px;color:var(--text-2);padding:8px 34px;background:#F1F0EC;border-bottom:1px solid var(--line)}
.page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}
.page-title .sub{margin-top:7px}.wide{width:100%}.small{font-size:11.5px}.form-error{color:var(--bad);font-size:12px;min-height:1em}
.side-top .tenant-logo{max-width:90px;height:auto;max-height:38px;object-fit:contain}.login .left .login-logo{max-width:220px;height:auto;max-height:64px;object-fit:contain}
.brand-cell{display:flex;align-items:center;gap:12px;min-width:130px}.brand-cell img{width:48px;height:32px;object-fit:contain}
.brand-preview{display:flex;align-items:center;justify-content:center;gap:16px;min-height:110px;border:1px solid var(--line);padding:20px;background:#F7F6F2}.brand-preview img{max-width:160px;max-height:64px;object-fit:contain}.brand-preview.large{min-height:160px;margin-bottom:20px}.brand-preview.large img{max-height:80px}.brand-preview span{overflow-wrap:anywhere}
input[type=color]{height:40px;padding:5px}input[type=checkbox]{width:15px;height:15px;accent-color:var(--brand)}.checks{display:flex;flex-wrap:wrap;gap:10px 20px;margin:10px 0 18px}.checks label,.inline-check{display:flex;align-items:center;gap:7px;letter-spacing:0;text-transform:none;font-size:12px;color:var(--text)}
.form-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.empty-state{text-align:center;color:var(--muted);padding:25px 10px;font-size:12px}.text-link{color:var(--brand);text-decoration:underline;overflow-wrap:anywhere}
.setup-links a{display:grid;grid-template-columns:1fr auto;gap:5px;padding:15px 0;border-bottom:1px solid var(--line-2)}.setup-links a:last-child{border-bottom:0}.setup-links span{grid-column:1;font-size:12px;color:var(--muted)}.setup-links b{grid-column:2;grid-row:1/3;align-self:center;color:var(--accent)}
.filters{display:flex;gap:12px;margin-bottom:15px}.filters label{width:220px;margin:0}.filters select{margin-top:5px}.detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.detail-head h2{border:0;padding-bottom:0}.detail-meta{display:grid;gap:9px;padding:14px 0 20px;margin-bottom:18px;border-bottom:1px solid var(--line)}.detail-meta span{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11.5px}.detail-meta strong{color:var(--text);font-weight:500}.action-block{background:#F7F6F2;padding:18px;margin:16px 0 24px;border-left:2px solid var(--accent)}
.task.task-button{display:block;width:100%;text-align:left;color:var(--text);border-color:var(--line);border-left-color:var(--accent);background:#fff}.task-button .task-title{font-size:15px;font-weight:600;margin-right:15px}.task-button .task-note{display:block;font-size:12px;color:var(--muted);margin-top:9px}.task.task-button:hover{background:#F7F6F2}.task.task-button.new{border-left-color:var(--bad);background:#FFFCFB}
.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.photo-thumb{padding:0;border:1px solid var(--line);background:#F1F0EC;width:100%;height:110px}.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-full{max-width:100%;max-height:70vh;display:block;margin-bottom:15px}.upload-actions{display:flex;gap:8px;flex-wrap:wrap}.upload-actions label{cursor:pointer;margin:0;letter-spacing:0;font-size:12px}.upload-actions input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.upload-ghost{background:transparent;color:var(--text);border-color:var(--line)}
.history{margin-top:28px}.history ol{list-style:none;padding:0;margin:0}.history li{padding:9px 0;border-bottom:1px solid var(--line-2);font-size:12px}.history li span{display:block;font-size:10.5px;color:var(--muted);margin-bottom:3px}
dialog{border:1px solid var(--line);border-radius:var(--r);padding:26px;width:min(620px,calc(100vw - 32px));max-height:88vh;overflow:auto;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(22,24,26,.48)}
.toast{display:none;position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);background:var(--ink);color:white;padding:12px 20px;font-size:12px;z-index:10000;box-shadow:var(--shadow)}.toast.show{display:block}.toast.error{background:var(--bad)}
.side-top .tenant-logo{height:21px}.login .left .login-logo{height:30px;max-width:220px}.side-top .uploaded-logo,.login .left .uploaded-logo,.mhead .uploaded-logo{background:#fff;border:1px solid rgba(255,255,255,.25);padding:5px;border-radius:2px;object-fit:contain;height:auto;max-height:58px;max-width:130px}.side-top .uploaded-logo{max-width:72px;max-height:38px}.worker-nav{display:flex;gap:8px;margin:12px 0 18px}.mobile-demo{font-size:10px;color:var(--muted);padding-top:10px}.mwrap #task-detail{margin-top:16px}.mwrap .filters label{width:100%}.mhead img{max-width:100px;object-fit:contain}.mhead .uploaded-logo{max-width:90px;max-height:40px}.lic{margin-top:30px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:900px){.demo-bar{padding:8px 18px}.content{padding-top:22px}.side-bot .u{font-size:11px}.side-top .nm{font-size:12px}.side{gap:8px}.side nav{min-width:180px}.side-top .tenant-logo{max-width:60px;max-height:26px}.page-title{gap:12px}.page-title h1{font-size:21px}.page-title button{white-space:nowrap;padding:8px 12px}.kpis{grid-template-columns:repeat(2,1fr)}.card{padding:18px 16px}.side-bot{margin-left:auto}.filters label{width:50%}.brand-preview{flex-wrap:wrap}.side nav{order:3;flex-basis:100%;padding-bottom:9px}.side-bot .out{font-size:11px}.login .right{padding:28px 24px}.login .left .hd{font-size:22px}.photo-thumb{height:95px}}

button.danger { color:#a52d32; border-color:#e4b8bc; }
button.danger[type=submit] { background:#a52d32; color:white; }