/* Common finishing layer for the directory, staff desk, admin and login. */
:root{--ink:#262626;--muted:#757575;--paper:#fff;--line:#e8e8e8;--accent:#292929;--blue-soft:#f2f2f2;--blue-hover:#161616}
body{font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',Pretendard,'Malgun Gothic',sans-serif;letter-spacing:-.025em;background:#fff;color:#262626}
::selection{background:#e8e8e8;color:#202020}button,input,select,textarea{font-family:inherit}button,a,input,select,textarea{touch-action:manipulation}:focus-visible{outline:2px solid #777;outline-offset:3px}
h1,h2,h3{color:#272727;letter-spacing:-.045em}p{color:#707070}.eyebrow{color:#777;font-size:10px;letter-spacing:.1em}
.btn{border-radius:9px;border-color:#dedede;min-height:42px;font-size:12px;font-weight:550;box-shadow:0 1px 2px #00000003;transition:background .18s,border-color .18s}
.btn.primary,.btn-primary,.btn-success{background:linear-gradient(135deg,#303030,#202020);border:1px solid #292929;color:#fff;box-shadow:0 3px 8px #0000000b,inset 0 1px 0 #ffffff12}
.btn.primary:hover,.btn-primary:hover,.btn-success:hover{background:#393939;border-color:#393939;filter:none}.btn-outline,.btn:not(.primary):not(.btn-primary):not(.btn-success):not(.btn-danger){background:#fff;color:#5b5b5b;border-color:#dedede}.btn-outline:hover{background:#f7f7f7}.btn:disabled{box-shadow:none;cursor:not-allowed}.text-btn{color:#424242}
input,select,textarea{border:1px solid #dedede;border-radius:8px;background:#fafafa;color:#363636}input:focus,select:focus,textarea:focus{border-color:#909090}input::placeholder,textarea::placeholder{color:#969696}
.card,.stat-card{border:1px solid #e8e8e8;border-radius:14px;background:#fff;box-shadow:0 3px 14px #00000003}
/* Directory and coupon desk */
.workspace-portal header,.workspace-staff header{background:#fff;border-color:#eaeaea}.workspace-portal nav,.workspace-staff nav{max-width:1056px;padding:26px 32px}.workspace-portal nav strong,.workspace-staff nav strong{font-size:17px;font-weight:600}.workspace-portal nav span{font-size:9px;letter-spacing:.14em;color:#888}.workspace-portal main{max-width:1056px;padding:54px 32px 32px}.workspace-portal .hero{margin-bottom:50px}.workspace-portal h1{font-size:48px;font-weight:650;line-height:1.3;margin:20px 0}.workspace-portal h1 span{color:#959595;font-weight:400}.workspace-portal .hero p{font-size:14px;line-height:1.9;color:#777}.workspace-portal .section-label{color:#7b7b7b;font-size:10px;letter-spacing:.1em;border-top:1px solid #eaeaea;padding-top:22px;margin:32px 0 18px}.workspace-portal .grid{gap:18px}.workspace-portal .card{padding:28px}.workspace-portal .card .index{font-size:9px;letter-spacing:.12em;color:#939393;margin-bottom:22px}.workspace-portal .card h2{font-size:22px;font-weight:600;line-height:1.45;margin-bottom:12px}.workspace-portal .card p{font-size:13px;color:#777;min-height:48px;margin-bottom:20px}.url{background:linear-gradient(110deg,#fafafa,#fff);border:1px solid #ececec;color:#757575;padding:13px;font-size:11px;border-radius:8px}.actions{gap:10px}.actions .btn{font-size:12px;padding:13px 17px}.footer{border-color:#eaeaea;font-size:11px;color:#939393}.notice{color:#858585;font-size:12px}.message{color:#646464;font-size:12px}.all-copy .btn{font-size:12px}.staff{max-width:760px;padding-top:42px}.staff h1{font-size:36px;line-height:1.35;font-weight:600}.staff>p{font-size:14px}.staff .card{padding:28px}.lookup input{border-color:#dedede;background:#fafafa;border-radius:10px;font-size:20px;min-height:52px}.lookup .btn{border-radius:10px}.staff label{font-size:13px;color:#5e5e5e}.badge{background:#f1f1f1;color:#565656;border:1px solid #e8e8e8;border-radius:6px;font-size:11px;padding:6px 10px}.used,.expired{background:#e9e9e9;color:#555;border-style:dashed}.discount{font-size:46px;font-weight:600;letter-spacing:-.05em}.kv{gap:14px;font-size:13px;padding:22px 0;border-top:1px solid #ededed;border-bottom:1px solid #ededed}.kv dt{color:#858585}.kv dd{color:#424242}.survey{border-color:#e9e9e9}.survey h3{font-size:18px;font-weight:600}.survey pre{background:#f7f7f7;color:#656565;border-radius:10px}.test-summary{background:linear-gradient(135deg,#f8f8f8,#f3f3f3);border:1px solid #ebebeb;border-radius:12px;color:#5c5c5c;font-size:13px}.staff-name{border-color:#dedede;border-radius:8px}.staff-link{color:#777;font-size:11px}.error{color:#a14e49}.participation{margin:20px 0}dialog{background:#fff;border:1px solid #e5e5e5;border-radius:16px;color:#333;box-shadow:0 18px 50px #00000015}dialog::backdrop{background:#00000055;backdrop-filter:blur(3px)}
/* Admin: muted navigation and crisp content panels. */
.workspace-admin{background:#fff}.workspace-admin nav{background:#fafafa;border-right:1px solid #e8e8e8}.brand{color:#262626}.brand small{color:#8b8b8b}.nav-label{color:#949494;font-size:10px;letter-spacing:.04em}nav a{color:#727272;border-radius:8px}nav a.active{background:#ebebeb;color:#252525;font-weight:600}nav a:hover,nav a.active:hover{background:#f0f0f0;color:#333}.nav-bottom{border-color:#e6e6e6;color:#666}.nav-bottom small{color:#999}.workspace-avatar{background:#f0f0f0;border-color:#ddd;border-radius:9px;color:#777}.app-top{background:#fff;border-color:#ececec;color:#868686}.crumb b{color:#565656}.workspace-tag{background:#f7f7f7;border-color:#e9e9e9;color:#818181;border-radius:6px}.page-heading h1{color:#262626;font-size:34px;font-weight:650}.page-heading p{color:#828282}.workspace-admin .card{padding:26px}.card-heading h2{color:#333;font-weight:600}.card-heading p{color:#858585}.studio-tabs{border-color:#e8e8e8}.studio-tabs button.active,.tab.active{color:#333;background:#f1f1f1;border-color:#ddd;border-radius:8px}.studio-tabs button span{color:#555;background:#e6e6e6}.period-control,.segmented{background:#f5f5f5;border-color:#e9e9e9;border-radius:8px}.period-control button.active,.segmented button.active{color:#333;border-radius:5px}.scope-dot{background:#555}.optimization-kpis{padding:18px 0 26px;border-color:#e7e7e7}.optimization-metric>strong,.metric-primary>strong{color:#262626;font-weight:550}.optimization-metric>span{color:#7e7e7e}.optimization-metric p{color:#939393}.priority-action{background:linear-gradient(135deg,#fafafa,#f3f3f3);border:1px solid #e6e6e6;border-radius:14px;padding:27px}.reference-action,.sequence-map-card{border-color:#e8e8e8;border-radius:14px;box-shadow:0 3px 14px #00000003}.priority-action h2,.reference-action h3{color:#303030}.action-indicator{background:#4f4f4f}.step-tag{color:#757575;background:#ebebeb;border-radius:5px}.action-bottom strong,.reference-number{color:#353535}.sequence-column.selected{background:#f4f4f4;border-radius:8px}.map-track i{background:#aaa}.selected .map-track i{background:#414141}.legend i{background:#818181}.studio-next{background:#f6f6f6;border:1px solid #e8e8e8;color:#414141;border-radius:10px}.studio-next:hover{background:#f0f0f0}
th{background:#f8f8f8;border-color:#e7e7e7;color:#888;font-size:11px;font-weight:500}td{border-color:#ededed;color:#5f5f5f;font-size:13px}tr:hover{background:#fafafa}.row-title{color:#3d3d3d}.selected-row{background:#f6f6f6}.diagnosis-badge,.diagnosis-badge.review{background:#f0f0f0;color:#737373;border-radius:5px}.workspace-admin .priority-table-card{padding:24px 0 0;overflow:hidden}.priority-table-card>.table-caption{background:#fafafa;border-color:#e8e8e8}.table-caption{color:#888}.stat-card .number{color:#333}.proposal-copy{border-color:#e5e5e5;border-radius:13px;box-shadow:0 3px 14px #00000003}.proposal-copy-heading{background:#f8f8f8;border-color:#e8e8e8}.proposal-plan{background:#f8f8f8;border-color:#e8e8e8;border-radius:12px}.copy-index button.active{background:#f1f1f1;border-color:#ddd;color:#333}.proposal-cta{background:#2d2d2d;border-radius:9px}.ai-composer{background:#fff;border-color:#dfdfdf;border-radius:13px;box-shadow:0 3px 12px #00000005}.ai-composer:focus-within{border-color:#a0a0a0}.ai-question-message{background:#f6f6f6;border-color:#e8e8e8;border-radius:12px}.ai-suggestions button,.ai-suggestions .marketer-start{background:#fafafa;color:#666;border-color:#e4e4e4;border-radius:8px}.ai-answer{color:#444}.ai-answer h3,.ai-welcome h2{color:#303030}.ai-working{color:#444}.modal-overlay{background:#00000044}.modal{background:#fff;border:1px solid #e4e4e4;border-radius:16px;box-shadow:0 18px 60px #00000016}.editor-settings{background:#fafafa;border-color:#e5e5e5}.editor-body{background:#f7f7f7}.preview-stage{background:#f0f0f0}.wtoolbar{background:#fff;border-color:#e6e6e6}.editor-workspace{border-color:#e5e5e5;border-radius:10px}
/* Login is part of the same workspace. */
body.workspace-login{background:#fafafa}.login-card{border:1px solid #e7e7e7;border-radius:17px;box-shadow:0 8px 36px #00000004;padding:44px}.workspace-login .brand{color:#777;font-size:11px;font-weight:500}.workspace-login h1{color:#252525;font-size:32px;font-weight:600;margin:18px 0 12px}.workspace-login .sub{color:#8a8a8a}.workspace-login label{color:#777}.workspace-login input{background:#fafafa;border-color:#dedede;border-radius:8px;color:#333;min-height:48px}.workspace-login input:focus{outline-color:#aaa;border-color:#999}.workspace-login button{border-radius:10px;background:linear-gradient(135deg,#303030,#202020);box-shadow:0 3px 8px #0000000b;color:white;min-height:49px}.workspace-login button:hover{background:#383838}.workspace-login .foot{color:#999}.workspace-login .err{background:#fff8f7;border-color:#edd6d4;color:#a14e49}
@media(max-width:700px){.workspace-portal nav,.workspace-staff nav{padding:20px 24px}.workspace-portal main{padding:36px 24px 24px}.workspace-portal h1{font-size:34px;line-height:1.35}.workspace-portal .hero{margin-bottom:30px}.workspace-portal .hero p{font-size:12px}.workspace-portal .card{padding:24px}.workspace-portal .card h2{font-size:21px}.workspace-portal .card p{min-height:0;font-size:12px}.workspace-portal .section-label{margin-top:28px}.workspace-portal .card .index{margin-bottom:18px}.staff{padding:30px 24px}.staff h1{font-size:30px}.staff .card{padding:22px}.lookup input{font-size:17px}.lookup .btn{padding:12px 16px}.workspace-admin nav{border-right:0;border-bottom:1px solid #e8e8e8}.workspace-admin .container{padding:26px 20px 40px}.workspace-admin .page-heading h1{font-size:28px}.workspace-admin .card{padding:21px}.workspace-admin .priority-table-card{padding:21px 0 0}.workspace-admin .proposals-card{padding:0;border:0;box-shadow:none}.login-card{padding:34px 28px}.workspace-admin .modal{padding:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}