/* Consulting Studio — version 156. Presentation only; existing behavior and data stay intact. */
:root{--navy:#173449;--navy2:#244c60;--text:#203b4d;--muted:#637d89;--bg:#f4f8fa;--line:#dce7ec;--green:#158568;--gold:#217e70;--gold2:#99e1d1;--blue:#467ecc;--amber:#ac6c23;--shadow:0 7px 22px #234c6010,0 1px 3px #234c6008;--studio-ease:cubic-bezier(.2,.7,.3,1)}
body{background:radial-gradient(ellipse at 3% 0%,#e4f6ef 0,transparent 38%),radial-gradient(ellipse at 97% 4%,#e8eeff 0,transparent 38%),#f4f8fa!important;color:var(--text);font-family:Pretendard,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;letter-spacing:-.025em;line-height:1.55;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{transition:background .18s var(--studio-ease),box-shadow .18s var(--studio-ease),transform .18s var(--studio-ease),border-color .18s var(--studio-ease)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #3d9b86;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.6;transform:none!important;box-shadow:none!important}
.side{background:linear-gradient(115deg,#173c48,#17534d 68%,#216556);padding:12px 26px;box-shadow:0 3px 18px #17473819;border-bottom:1px solid #ffffff20;font-family:inherit}
.nav-group-tab{font-family:inherit;font-size:14px;letter-spacing:-.025em;padding:14px 13px;color:#d5e9e7;border-radius:9px 9px 0 0}
.nav-group-tab.selected{background:#ffffff16;border-bottom-color:#9ee5cf}.nav-group-tab:hover{background:#ffffff20}.nav-group-panels{background:#174c47;border:1px solid #67998a;border-radius:12px;padding:8px;box-shadow:0 18px 40px #173b4830}.side .nav-item{font-size:14px;border-radius:8px}.side .side-foot #logoutBtn{border-color:#ffffff40!important;background:#ffffff0d!important;color:#e0efea!important}
.top{height:64px;background:#ffffffd9;border-bottom:1px solid #dce7ec;backdrop-filter:blur(14px);padding:0 32px}.top .search{background:#f3f7f9;border-color:#dce6ec;border-radius:11px;color:#3b5c6e;max-width:100%}.icon-btn{border-radius:11px;border-color:#dae5e9;box-shadow:0 2px 4px #22455b08}
.content{max-width:1600px;padding:30px 32px 48px}.heading{gap:18px;margin-bottom:24px}.heading h1,#companyListView .company-list-heading h1{color:#193a4c;font-size:29px;font-weight:800;letter-spacing:-1px;line-height:1.3}.heading p,#moduleDesc{color:#637d89;font-size:13px;line-height:1.7}.date{background:#ffffffb8;color:#587081;border-color:#dbe6ee;border-radius:11px;padding:10px 14px;font-variant-numeric:tabular-nums}.dashboard-version{background:#e6f3ed;color:#337865;border:1px solid #cce6db}
.card{background:#fff;border:1px solid #dce7ec!important;border-radius:18px;box-shadow:var(--shadow)}.section{padding:22px}.section-head h2{font-size:17px;font-weight:800;color:#22475a;letter-spacing:-.5px}.section-head p{color:#607785;line-height:1.65}.link{color:#197b68;font-size:12px;text-decoration:none}.link:hover{text-decoration:underline;text-underline-offset:4px}
.primary,#companyListView .company-list-actions .primary{background:linear-gradient(140deg,#19836a,#16745f)!important;border:1px solid #15715d;border-bottom:3px solid #105c4e;border-radius:11px;color:#fff;box-shadow:0 5px 12px #187a6025,inset 0 1px 0 #ffffff35;padding:10px 17px;font-size:13px;font-weight:800}
.outline,.filter,#companyListView .company-list-actions .outline{background:linear-gradient(180deg,#fff,#f5f8fa);border:1px solid #d3e0e7;border-bottom:2px solid #bfced8;border-radius:10px;color:#31566b;box-shadow:0 2px 4px #254e610a;padding:9px 13px;font-size:13px;font-weight:700}
@media(hover:hover){.primary:hover,.outline:hover,.filter:hover{transform:translateY(-1px);box-shadow:0 6px 14px #27596920}.card[data-dashboard-target]:hover{border-color:#a3cdbf!important;box-shadow:0 10px 26px #234c6018}}
.primary:active,.outline:active,.filter:active{transform:translateY(1px);box-shadow:0 1px 3px #254e6110}
/* Four quiet color families give numerical information a recognizable place. */
#dashboardView .kpis{gap:16px;margin-bottom:20px}#dashboardView .kpi{min-height:136px;padding:23px;border:1px solid #d3e9e0!important;background:linear-gradient(130deg,#eaf8f1,#fff 85%);border-radius:18px;box-shadow:0 7px 20px #275e4f0b,inset 0 1px 0 #fff}
#dashboardView .kpi:nth-child(2){background:linear-gradient(130deg,#edf2ff,#fff 85%);border-color:#dce5f4!important}#dashboardView .kpi:nth-child(3){background:linear-gradient(130deg,#f2edff,#fff 85%);border-color:#e4def3!important}#dashboardView .kpi:nth-child(4){background:linear-gradient(130deg,#fff3e7,#fff 85%);border-color:#f0e3d4!important}
#dashboardView .kpi:before{width:65px;height:65px;top:17px;right:17px;border:14px solid #319d7a0a;background:none}#dashboardView .kpi:nth-child(2):before{border-color:#477cc40a}#dashboardView .kpi:nth-child(3):before{border-color:#8262b60a}#dashboardView .kpi:nth-child(4):before{border-color:#bd802f0a}
#dashboardView .k-label{font-size:13px;font-weight:700;color:#536f79}#dashboardView .k-value{font-size:34px;color:#183b4b;margin:10px 0 6px;letter-spacing:-1px;line-height:1.15}#dashboardView .k-value em{font-size:14px;font-weight:600;color:#597080}#dashboardView .delta{font-size:11px;color:#247e68}#dashboardView .delta.warn{color:#ac5f46}
#dashboardView .grid{gap:20px;align-items:stretch}#dashboardView .grid>.card{height:100%}#dashboardView .pipeline{gap:9px;align-items:stretch}#dashboardView .stage{background:linear-gradient(#f8fafc,#f0f5f8);border:1px solid #dfe8ee;border-bottom:3px solid #d2dee6;border-radius:12px;box-shadow:0 3px 6px #2f536609}#dashboardView .stage.active{background:linear-gradient(#fff8e9,#fff4df);border-color:#edd7ab;border-bottom-color:#dcc18b}#dashboardView .stage:last-child{background:linear-gradient(#eef9f3,#e5f4ee);border-color:#cce4d9;border-bottom-color:#aed1c1}.dashboard-stage-summary{min-height:90px;padding:13px 6px}#dashboardView .stage b{font-size:26px;color:#214a60;margin-bottom:7px}#dashboardView .stage small{font-size:11px;font-weight:600;color:#5e7a89}#dashboardView .stage:last-child b{color:#18765c}
#dashboardView .bar-row{margin:16px 0;font-size:12px;grid-template-columns:62px minmax(0,1fr) 72px}.bar{height:9px;background:#edf2f5}.fill{background:linear-gradient(90deg,#50b99a,#23846c)}
#dashboardView .dashboard-focus{gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,1.05fr)}#dashboardView .dashboard-focus>section{height:480px;padding:21px;border-radius:18px;border-bottom:1px solid #dce7ec;box-shadow:var(--shadow);background:#fff}
#dashboardView .dashboard-upcoming{border-top:3px solid #74c6ad!important}#dashboardView .dashboard-notices{border-top:3px solid #89ace5!important}#dashboardView .dashboard-focus>.monthly-reception{border-top:3px solid #c0a4e5!important}
#dashboardView .dashboard-notice-meta{background:#eff5fb!important;border-color:#dce7f4;color:#4b6c89;padding:9px 11px;border-radius:10px;font-size:10px;line-height:1.65}
#dashboardView .dashboard-notice,#dashboardView .agency-schedule-row{background:#fbfcfd;border:1px solid #e4ecf1;border-bottom:1px solid #e4ecf1;border-radius:11px;box-shadow:none;padding:12px}#dashboardView .dashboard-notice h3{font-size:13px;line-height:1.65;color:#284a60}#dashboardView .dashboard-notice p{font-size:11px;color:#6b8391}#dashboardView .dashboard-notice time{color:#956428;font-size:11px}#dashboardView .notice-bottom{border-color:#e8eef2;padding-top:13px}#dashboardView .agency-schedule-row b{color:#2b4b61}
.crm-upcoming-event{background:linear-gradient(#fff,#f8fbfa);border:1px solid #e0ebe6;border-bottom:2px solid #d6e7de;border-radius:12px;padding:13px 11px;box-shadow:0 2px 5px #234c6007}.crm-upcoming-date{display:grid;place-items:center;min-width:48px;min-height:48px;border-radius:10px;background:#eaf6f0;color:#208568;font-size:15px}.crm-upcoming-description b{color:#2c4c5e;font-size:13px}.crm-upcoming-description small{color:#6a8390}.crm-upcoming-empty{border:1px dashed #d7e7df;border-radius:12px;background:#f9fcfa;margin-top:4px;color:#637f77}
.notice-filter button{background:#fff;border:1px solid #dce7ed;box-shadow:none;color:#587180;font-weight:600}.notice-filter button.active{background:linear-gradient(145deg,#1d7e66,#1b705e);border-color:#20775f;box-shadow:0 3px 7px #2380641c;color:#fff}.agency-tabs button{border-radius:9px!important}
/* Customer list: generous column space, compact rows, quieter chrome. */
.company-list-eyebrow{color:#3d9280;letter-spacing:1.5px;font-size:10px}#companyListView .company-list-card{border-radius:17px;box-shadow:var(--shadow)}#companyListView .company-list-toolbar{padding:18px 21px;background:linear-gradient(#fff,#fbfcfd);gap:13px;border-bottom:1px solid #e0e9ef}#companyListView .company-list-toolbar strong{font-size:16px;color:#29566a}
#companyListView .company-list-filters label{color:#607d8b;font-size:11px;font-weight:600}#companyListView .company-list-filters input,#companyListView .company-list-filters select{background:#f5f8fa;border:1px solid #dbe6ec;border-radius:10px;color:#35586c;min-height:40px;box-shadow:inset 0 1px 2px #24495e03}
#companyListView .company-list-scroll th{background:#edf3f7;color:#5c788b;font-size:11px;letter-spacing:.01em;padding-top:12px;padding-bottom:12px}#companyListView .company-list-scroll td{border-color:#e8eff3;color:#31546a;padding-top:12px;padding-bottom:12px}#companyListView .company-list-scroll tbody tr:nth-child(even){background:#fcfdfe}#companyListView .company-list-scroll tbody tr:hover{background:#f0f8f6}
#companyListView .company-name-link{background:linear-gradient(#fff,#f4f8fb);border:1px solid #d5e3eb;border-bottom:2px solid #c4d6df;border-radius:9px;box-shadow:0 2px 4px #244d6309;color:#214b63;font-size:14px;padding:6px 10px;line-height:1.45;max-width:100%;overflow-wrap:anywhere}#companyListView .company-name-link span{color:#469b86}#companyListView .company-name-link:hover{border-color:#9fc8b9;box-shadow:0 4px 9px #244d6312}
#companyListView .company-contract-choice{background:#eff7f3;border-color:#d1e4da;border-bottom-color:#bfd6c9;border-radius:7px;color:#326853;font-size:11px}#companyListView .company-contract-view{color:#188369;font-weight:700;font-size:11px}#companyListView .company-region-chip{background:#edf4fa;border-color:#d9e5ee;border-bottom:1px solid #c7dce9;border-radius:8px;box-shadow:none;color:#416f8a;font-size:12px;padding:5px 8px}
#companyListView .company-list-scroll td[data-label="지역"] small{color:#67818f;font-size:12px;line-height:1.65}#companyListView .company-list-scroll .company-ceo-cell{color:#34576b;font-size:14px}#companyListView .company-list-scroll td .outline{border-radius:8px;color:#46697f;font-size:11px}
#companyListView #contractDashboard h2{font-size:12px;font-weight:700;color:#587783;margin-bottom:10px}#companyListView .contract-counts{gap:10px}#companyListView .contract-counts button{background:linear-gradient(#fff,#f7fafc);border:1px solid #dce7ed;border-bottom:2px solid #ccdde5;border-radius:13px;padding:14px;box-shadow:0 4px 10px #284d600a;color:#627d89}#companyListView .contract-counts button strong{color:#294f65;font-size:26px}#companyListView .contract-counts button[aria-pressed="true"]{background:linear-gradient(#edf9f2,#e8f5ef);border-color:#9acdb8;border-bottom-color:#6db095;box-shadow:0 4px 12px #24856212}#companyListView .contract-counts button[aria-pressed="true"] strong{color:#18775e}
/* The company overview reads as one workspace, with a clear identity header. */
#companyView .workspace-grid{gap:20px;grid-template-columns:230px minmax(0,1fr)}#companyView .company-summary{border-radius:16px;padding:18px;background:linear-gradient(#fff,#f9fcfb);box-shadow:var(--shadow)}#companyView .company-menu button{border-radius:8px;color:#5a7683;font-size:13px}#companyView .company-menu button.active{background:#e7f5ee;color:#18765b;border-left:3px solid #42a489}
.co-tabs{border:1px solid #dce7ed;background:#ffffffb8;border-radius:13px;padding:6px;gap:4px;box-shadow:0 2px 6px #254e6106}.co-tabs button{font-size:12px;border-radius:9px;padding:10px 12px;color:#5b7885;min-height:39px}.co-tabs button.active{background:linear-gradient(145deg,#1c7f68,#1b725e);box-shadow:0 3px 8px #237b6320;color:#fff}
#companyView .co-overview{padding:24px;border-top:3px solid #91cdb8!important;border-radius:17px;background:#fff}.co-header{padding:0 0 22px;border-bottom:1px solid #e4edf0;margin-bottom:20px}.co-eyebrow{font-size:11px;letter-spacing:1px;color:#348d77}.co-header h2{font-size:28px;letter-spacing:-.8px;color:#214352;margin:7px 0 9px}.co-header p{color:#68818c;font-size:13px}.co-completion{padding:11px 14px;background:#f0f8f4;border:1px solid #dcece3;border-radius:12px}.co-completion b{font-size:24px;color:#27846a}.co-completion span{font-size:11px;color:#5b8271}.co-progress-trigger{border-radius:8px;border-color:#d4e7dd;color:#2d8066;background:linear-gradient(#fff,#edf7f1);box-shadow:0 2px 4px #278a6809}
.co-grid{gap:16px}.co-panel{background:#fff;border:1px solid #dfe9ee;border-radius:14px;padding:18px;box-shadow:0 3px 9px #234c6005}.co-panel h3{font-size:16px;color:#2c5265;letter-spacing:-.4px}.co-panel-head{padding-bottom:12px;border-bottom:1px solid #edf2f4;margin-bottom:8px}.co-link{font-size:12px;text-decoration:none;color:#20826a}.co-link:hover{text-decoration:underline;text-underline-offset:4px}.co-facts dt{font-size:12px;color:#607785}.co-facts dd{font-size:14px;color:#335565;line-height:1.65}.co-facts>div{border-color:#edf2f4;padding:10px 0}.co-missing{font-size:12px;color:#647b87}.co-ratios{gap:9px;margin-top:12px}.co-ratios>div{border:1px solid #e6edf2;border-radius:10px;background:#f5f9fc;padding:12px}.co-ratios>div:nth-child(2){background:#f1f8f4}.co-ratios>div:nth-child(3){background:#faf6ef}.co-ratios>div:nth-child(4){background:#f6f3fc}.co-ratios span{font-size:12px;color:#65808d}.co-ratios b{font-size:20px;color:#36576a}.co-finance th,.co-finance td{font-size:12px;padding:10px;border-color:#e7edf1}.co-finance caption{font-size:11px;color:#647b87}.co-finance thead{background:#eff5f9}.co-checks>div{background:#f3f8fa;border:1px solid #e5edf0;border-radius:9px;padding:11px}.co-checks span{font-size:11px;color:#6c8590}.co-checks b{font-size:12px}.co-checks .co-attention{background:#fff2e8;border-color:#f1e1d1;color:#a25b36}.co-source{background:#f7fafb;border-color:#e1eaee;border-radius:12px;padding:15px}.co-source b{font-size:13px;color:#496b7b}.co-source p{font-size:12px;color:#607785}
/* Supporting modules use the same surfaces and interaction language. */
.kanban-col{background:#edf3f7;border:1px solid #dee8ee;border-radius:14px;padding:12px}.kanban-head{color:#486b7e;font-size:13px}.deal{border-radius:11px;border-color:#dbe7eb;box-shadow:0 3px 7px #264e5d09;padding:14px}.deal b{font-size:13px;color:#31566a}.deal p{color:#607785;font-size:11px}.metric{background:linear-gradient(#fff,#f8fbfd);border-color:#dce7ed;border-radius:13px}.metric b{color:#284f66}.metric small{color:#69838f}.site-card{border:1px solid #dce7ed!important;border-bottom:2px solid #cfdee6!important;border-radius:12px;background:linear-gradient(#fff,#fbfcfd);box-shadow:0 3px 8px #244c5e08}.site-card h4{color:#365c70}.site-card p{color:#607785}.agency-group h3{color:#366879;font-size:14px}.agency-directory .section-head{padding-bottom:16px;border-bottom:1px solid #e8eff2}
.field input,.field select,.field textarea{border-color:#d6e3ea;border-radius:9px;background:#fcfdfe;color:#345568}.field label{color:#577583;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#5aa98f;box-shadow:0 0 0 3px #8dd6bb20}.badge{font-size:10px;padding:4px 8px;letter-spacing:0}.green{background:#eaf6f0;color:#247b5d}.blue{background:#edf4ff;color:#4478b2}.amber{background:#fff3e0;color:#a97030}.red{background:#fbece9;color:#ad6054}
dialog{border:1px solid #d8e6ed!important;border-radius:18px!important;box-shadow:0 25px 80px #193d4b35!important;color:#2c4c5e}dialog::backdrop{background:#1834446b;backdrop-filter:blur(3px)}.modal-card{border-radius:18px;box-shadow:0 25px 80px #193d4b35}.crm-calendar-date{color:#527180}.crm-calendar-weekday{background:#eef5f8;color:#668391}.crm-calendar-day.is-today{background:#eef8f2}.crm-calendar-event{border-radius:7px;background:#eaf5ef;color:#39765b}.toast{background:#214e52;box-shadow:0 8px 25px #163f4926;border:1px solid #ffffff20;border-radius:12px}
@media(max-width:1250px){#dashboardView .dashboard-focus{grid-template-columns:repeat(2,minmax(0,1fr))}#dashboardView .dashboard-upcoming{grid-column:1/-1;height:auto;max-height:330px}#companyView .workspace-grid{grid-template-columns:205px minmax(0,1fr)}}
@media(max-width:1100px){.co-grid{grid-template-columns:1fr}#dashboardView .pipeline{grid-template-columns:repeat(3,minmax(0,1fr))}.side{padding:10px 16px}.nav-group-tab{font-size:13px;padding:13px 11px}}
@media(max-width:760px){.side{padding:8px 10px}.nav-group-tab{font-size:13px;padding:12px 11px}.content{padding:22px 16px 36px}.top{padding:12px 16px;height:auto;min-height:58px}.heading h1,#companyListView .company-list-heading h1{font-size:24px}.heading{align-items:flex-start;flex-wrap:wrap;gap:12px}.heading p{font-size:12px}#dashboardView .kpis{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}#dashboardView .kpi{padding:16px;min-height:124px}#dashboardView .k-value{font-size:28px}#dashboardView .kpi:before{right:10px;top:10px;width:48px;height:48px;border-width:10px}.section{padding:17px}#companyView .workspace-grid{grid-template-columns:1fr}#companyView .co-overview{padding:17px}.co-header{gap:12px}.co-header h2{font-size:24px}.co-completion{min-width:88px;padding:9px}.co-completion progress{width:88px}.co-panel{padding:16px}.co-tabs button{padding:9px;font-size:12px}#companyListView .company-list-scroll tbody tr{background:#fff;border-radius:13px;box-shadow:var(--shadow);padding:13px 15px}#companyListView .company-list-scroll tbody tr:nth-child(even){background:#fff}#companyListView .company-list-scroll td{padding:6px 0}#companyListView .company-list-card{background:transparent;border:0!important;box-shadow:none}#companyListView .company-list-toolbar{border-radius:13px;border:1px solid #dce7ed;padding:15px}#companyListView .contract-counts button{padding:11px}#companyListView .contract-counts button strong{font-size:21px}}
@media(max-width:700px){#dashboardView .dashboard-focus{grid-template-columns:1fr}#dashboardView .dashboard-focus>section{height:auto;max-height:none;padding:18px}#dashboardView .dashboard-upcoming{max-height:380px}#dashboardView .dashboard-notice-list,#dashboardView .reception-list{max-height:370px}#dashboardView .pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-stage-summary{min-height:78px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}button:hover,button:active,.company-name-link:hover{transform:none!important}}
@media print{body{background:#fff!important}.card,.co-panel{box-shadow:none!important}button{box-shadow:none!important}.side,.top{display:none!important}.content{padding:0}.co-overview{border:0!important}}
/* Only mandatory controls carry a subtle tint; report inclusion does not color a field. */
#companyView .report-linked-field{background:transparent;border-radius:0;padding:0}
#companyView .report-linked-input{background:#fff!important;border-color:#d6e3ea!important;color:#345568}
#companyView .field:has(>label em) :is(input,select,textarea),#companyView :is(input,select,textarea)[required]{background:#f3f7fa!important;border-color:#cddce5!important;box-shadow:inset 0 1px 3px #284b6107}
#companyView .field:has(>label em) :is(input,select,textarea):focus,#companyView :is(input,select,textarea)[required]:focus{border-color:#5aa98f!important;box-shadow:0 0 0 3px #8dd6bb20}
#companyView .report-link-guide{display:none}
#companyView .cb-core{background:#fff}
/* Shared accordion and field treatment across company management. */
#companyView .cs-shell{padding:0;border:0;background:transparent;box-shadow:none}
#companyView .cs-body{padding:18px 20px}
#companyView .cs-original-head h2,#companyView .cs-original-head p{display:none}
#companyView .cs-original-head:has(button){justify-content:flex-end;margin-bottom:16px}
#companyView .cs-original-head:not(:has(button)){display:none}
#companyView .cs-accordion{box-shadow:0 3px 12px #294c6207}
#companyView .cs-finance-note{font-size:12px;line-height:1.8;color:#607785;background:#f6f9fb;border:1px solid #e4ecf1;border-radius:9px;padding:10px 13px;margin:12px 0}
#companyView .finance-table input:disabled{background:#f8fafc!important;border-color:#e0e8ee!important;color:#607785;opacity:1}
#companyView .report-linked-input.check-chip{background:#fff!important}
#companyView .report-linked-input.check-chip:has(input:checked){background:#eef6f3!important;border-color:#9fcab8!important}
@media(max-width:760px){#companyView .cs-body{padding:14px}.cs-accordion>summary{padding:14px}}
#companyView .finance-table tr[data-diagnosis-key][hidden]{display:none}
