:root{--navy:#0b1725;--surface:#142337;--ink:#162438;--muted:#63748a;--line:#dce3ea;--blue:#2766d6;--gold:#c49741;--green:#20765a;--red:#b64745;--bg:#f4f5f3;--radius:14px;color-scheme:light;font-family:Arial,'Malgun Gothic','Apple SD Gothic Neo',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);padding:9px 13px;font-weight:600}button:hover{border-color:#8da6c0;background:#f5f8fc}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--blue)}:focus-visible{outline:3px solid #69a6f7;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:26px;letter-spacing:-.045em;line-height:1.25;margin-bottom:6px}h2{font-size:23px;line-height:1.35;letter-spacing:-.03em;margin-bottom:6px}h3{font-size:17px;line-height:1.4;margin-bottom:10px}.small,small{font-size:12px;color:var(--muted)}.sub{color:var(--muted);font-size:14px;margin-bottom:18px}.top{background:white;border-bottom:1px solid var(--line);padding:16px 26px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-size:22px;font-weight:800;letter-spacing:.13em;text-decoration:none;color:var(--navy)}.brand b{color:var(--gold)}.top-line{display:flex;align-items:center;gap:20px}.top-copy{border-left:1px solid var(--line);padding-left:20px}.top-copy strong{display:block;font-size:15px}.top-copy span{font-size:12px;color:var(--muted)}.tools{display:flex;gap:8px;align-items:center}.tools a{font-size:13px;text-decoration:none;white-space:nowrap}.controls{padding:14px 26px 0}.modebar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}.modes{display:flex;gap:4px;background:#e7ecf0;padding:4px;border-radius:10px}.modes button{border:0;background:none;font-size:13px;padding:8px 12px}.modes button.active{background:white;box-shadow:0 1px 4px #17355214}.context{display:flex;gap:12px;align-items:center;font-size:12px}.context label{display:flex;gap:6px;align-items:center}.context select{padding:7px;border:1px solid var(--line);border-radius:7px;background:white;font-size:13px}.scenarios{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}.scenarios>span{font-size:12px;color:var(--muted);margin-right:4px}.scenarios button{border:0;background:none;padding:5px 9px;font-size:13px}.scenarios button:hover{background:#e4edfc;color:var(--blue)}.scenario-caption{display:flex;align-items:center;gap:12px;font-size:12px;background:#e9eff5;color:#425b76;border-radius:8px;padding:9px 13px;margin-bottom:12px}.scenario-caption b{color:var(--blue)}.badge{display:inline-block;font-size:11px;font-weight:700;padding:4px 7px;border-radius:5px;background:#e8effb;color:#285da9;white-space:nowrap}.badge.gold{background:#f5ecd9;color:#8b6323}.badge.red{background:#fae9e6;color:#a33939}.badge.green{background:#e7f3ed;color:#1b7156}.badge.gray{background:#edf0f3;color:#56677b}.stage{display:flex;gap:18px;align-items:flex-start;padding:0 26px 28px}.board{flex:1;min-width:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:white;box-shadow:0 8px 30px #10274108}.app-title{padding:12px 16px;background:var(--navy);color:white;display:flex;justify-content:space-between;align-items:center;gap:10px}.app-title strong{font-size:15px;letter-spacing:.025em}.app-title .badge{background:#3a3540;color:#edce95}.app-title small{color:#b9c9dd}.board-shell{display:flex;min-height:600px}.board-menu{flex:0 0 164px;background:#101e2e;color:#bdcce0;padding:18px 10px;display:flex;flex-direction:column;gap:6px}.board-menu small{font-size:11px;padding:0 10px 14px;color:#8399b5}.board-menu button{background:none;border:0;color:#b8c7db;text-align:left;font-size:13px;padding:12px 10px;font-weight:500}.board-menu button.active{background:#263a50;color:white}.board-menu .bottom-note{margin-top:auto;font-size:11px;padding:16px 10px;color:#8ca0b8;line-height:1.8}.board-main{flex:1;min-width:0;padding:22px}.headrow{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.headrow p{margin:5px 0 0;font-size:13px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0}.stat{background:#f2f5f8;border:1px solid #e5e9ee;border-radius:10px;padding:13px}.stat label{font-size:12px;color:var(--muted)}.stat strong{display:block;font-size:25px;line-height:1.35;margin-top:4px}.stat small{font-size:11px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:0 0 16px}.tabs button{border:0;border-radius:0;background:none;font-size:13px;padding:11px 12px;border-bottom:3px solid transparent}.tabs button.active{color:var(--blue);border-bottom-color:var(--blue);background:#edf3fe}.report-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(230px,.9fr);gap:16px}.list-card,.panel{border:1px solid var(--line);border-radius:10px;background:white;overflow:hidden}.panel{padding:16px}.list-head{padding:12px 14px;background:#f6f8fa;font-size:12px;display:flex;justify-content:space-between;color:var(--muted)}.employee-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:9px;border:0;border-bottom:1px solid #edf0f3;border-radius:0;background:white;padding:14px;text-align:left;font-size:13px}.employee-row.active{background:#edf3fd;box-shadow:inset 3px 0 var(--blue)}.employee-row small{display:block;font-size:11px;margin-top:3px}.empty{padding:26px 16px;text-align:center;color:var(--muted);border:1px dashed #ccd7e3;border-radius:9px;font-size:13px}.detail-list{margin:10px 0 15px}.detail-list>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #edf0f3;font-size:13px}.notice-line{padding:12px;border:1px solid var(--line);border-radius:9px;margin-top:10px;background:#fafbfd}.notice-line h3{font-size:14px;margin:7px 0}.notice-line p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 10px}.note{font-size:12px;color:var(--muted);padding:11px 13px;background:#f4f6f8;border-radius:7px;margin:15px 0 0}.note.alert{background:#fbf3e5;color:#84622b}.note.privacy{border-left:3px solid var(--green);background:#eef6f2}.btn-primary{background:var(--blue);border-color:var(--blue);color:white}.btn-primary:hover{background:#2054b3;color:white}.btn-gold{background:#efdbb1;border-color:#e3c58a;color:#694c1b}.btn-full{width:100%}.btn-small{font-size:12px;padding:6px 9px}.button-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:12px;font-weight:600}.field input,.field textarea,.field select{width:100%;border:1px solid #cdd6e1;background:white;color:var(--ink);border-radius:7px;padding:9px 10px;min-height:38px;font-size:14px;font-weight:400}.field textarea{min-height:86px;resize:vertical}.fields-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field small{font-weight:400}.checkrow{display:flex;gap:8px;align-items:flex-start;font-size:12px;margin:10px 0}.checkrow input{width:16px;height:16px;flex-shrink:0;accent-color:var(--blue)}.targets{display:flex;flex-wrap:wrap;gap:8px}.targets label{border:1px solid var(--line);border-radius:7px;padding:7px 9px;display:flex;align-items:center;gap:6px;font-size:12px}.target-status{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.target-status span{font-size:11px;padding:4px 6px;background:#edf0f4;border-radius:4px}.target-status span.yes{background:#e5f1e9;color:#216c4b}.pro-side{width:376px;flex-shrink:0}.phone-caption{display:flex;justify-content:space-between;align-items:center;padding:0 4px 9px;font-size:12px}.phone-caption strong{font-size:13px}.phone{border:7px solid #111f2d;border-radius:27px;background:#f6f8fb;overflow:hidden;box-shadow:0 12px 34px #16263a16}.phone-notch{height:16px;background:#111f2d;text-align:center}.phone-notch:before{content:'';display:inline-block;width:47px;height:4px;border-radius:4px;background:#667587;vertical-align:top}.phone-top{background:#102139;color:white;padding:13px 15px}.phone-top strong{display:block;font-size:15px}.phone-top small{color:#a9c0dc;font-size:11px}.phone-nav{display:grid;grid-template-columns:repeat(3,1fr);background:white;border-bottom:1px solid var(--line);padding:4px}.phone-nav button{font-size:11px;border:0;border-radius:5px;padding:8px 2px;font-weight:600;background:none;position:relative}.phone-nav button.active{background:#e8effa;color:#245da9}.count{display:inline-block;margin-left:3px;background:#b74343;color:white;font-size:10px;border-radius:8px;padding:0 4px}.pro-main{padding:17px 14px;min-height:495px;max-height:660px;overflow:auto;overscroll-behavior:contain}.pro-main h2{font-size:19px}.pro-main h3{font-size:15px}.pro-main p{font-size:12px}.pro-main .field{margin-bottom:10px}.pro-main .field input,.pro-main .field select,.pro-main .field textarea{font-size:13px}.pro-main .tabs{flex-wrap:wrap}.pro-main .tabs button{font-size:11px;padding:8px 6px}.pro-footer{padding:10px 13px;background:#eff3f8;color:#677990;font-size:10px;border-top:1px solid var(--line)}.next-card,.customer-card{padding:12px;margin-bottom:10px;background:white;border:1px solid var(--line);border-radius:9px}.next-card strong,.customer-card strong{font-size:14px}.next-card small,.customer-card small{display:block;font-size:11px;line-height:1.7;margin-top:3px}.next-card.done{opacity:.65}.next-card.done strong{text-decoration:line-through}.customer-card button{margin-top:9px}.call-brief{background:#102238;color:#edf4fd;padding:18px 15px;border-radius:14px;margin:12px 0}.call-brief h3{font-size:18px;color:white}.call-brief p{color:#bdd0e8}.call-brief .badge{background:#29415f;color:#c9def6}.call-brief .inner{border:1px solid #354e6a;border-radius:9px;padding:12px;margin:13px 0}.call-steps{display:flex;gap:5px;margin-bottom:14px}.call-steps span{height:4px;flex:1;background:#d8e0ea;border-radius:4px}.call-steps span.active{background:var(--blue)}.message-box{white-space:pre-wrap;line-height:1.7}.metric-row{display:grid;grid-template-columns:100px repeat(5,1fr);gap:8px;padding:12px;border-bottom:1px solid var(--line);font-size:13px;align-items:center}.metric-row.header{font-size:11px;color:var(--muted);background:#f4f6f8}.metric-row button{padding:5px;font-size:12px;border:0;text-align:left}.bars>div{display:grid;grid-template-columns:80px 1fr 25px;gap:10px;align-items:center;font-size:12px;margin:12px 0}.bar{height:9px;border-radius:7px;background:#e5eaf0;overflow:hidden}.bar i{display:block;height:100%;background:var(--blue);border-radius:7px}.wide-only{display:block}.mobile-warning{display:none}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#142437;color:white;border-radius:10px;padding:13px 20px;font-size:13px;max-width:min(680px,90vw);z-index:200;box-shadow:0 4px 25px #0003;display:none}#toast.show{display:block}dialog{border:1px solid var(--line);border-radius:16px;width:min(550px,92vw);padding:26px;color:var(--ink)}dialog::backdrop{background:#07142199}.modal-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.modal-title h2{font-size:22px}.hide{display:none!important}.stage[data-mode='board-pc'] .pro-side,.stage[data-mode='board-mobile'] .pro-side{display:none}.stage[data-mode='pro-pc'] .board,.stage[data-mode='pro-mobile'] .board{display:none}.stage[data-mode='board-mobile']{justify-content:center}.stage[data-mode='board-mobile'] .board{max-width:430px;flex:0 1 430px;border:7px solid #111f2d;border-radius:25px}.stage[data-mode='board-mobile'] .board-shell{display:block}.stage[data-mode='board-mobile'] .board-menu{flex-direction:row;overflow:auto;padding:5px;gap:0}.stage[data-mode='board-mobile'] .board-menu>small,.stage[data-mode='board-mobile'] .bottom-note{display:none}.stage[data-mode='board-mobile'] .board-menu button{white-space:nowrap;padding:10px 8px;font-size:11px}.stage[data-mode='board-mobile'] .board-main{padding:16px 12px}.stage[data-mode='board-mobile'] .report-grid{grid-template-columns:1fr}.stage[data-mode='board-mobile'] .stats{gap:5px}.stage[data-mode='board-mobile'] .stat{padding:9px}.stage[data-mode='board-mobile'] .stat strong{font-size:20px}.stage[data-mode='board-mobile'] .metric-table{overflow:auto}.stage[data-mode='board-mobile'] .metric-row{min-width:490px}.stage[data-mode='pro-mobile']{justify-content:center}.stage[data-mode='pro-mobile'] .pro-side{width:390px;max-width:100%}.stage[data-mode='pro-pc'] .pro-side{width:100%;max-width:1200px;margin:auto}.stage[data-mode='pro-pc'] .phone{border:1px solid var(--line);border-radius:14px}.stage[data-mode='pro-pc'] .phone-notch{display:none}.stage[data-mode='pro-pc'] .phone-top{padding:18px 24px}.stage[data-mode='pro-pc'] .phone-nav{display:flex;gap:8px;padding:8px 20px}.stage[data-mode='pro-pc'] .phone-nav button{padding:10px 20px;font-size:14px}.stage[data-mode='pro-pc'] .pro-main{padding:26px;min-height:580px;max-height:none}.stage[data-mode='pro-pc'] .pro-content{max-width:850px;margin:auto}.stage[data-mode='pro-pc'] .pro-main h2{font-size:25px}.stage[data-mode='pro-pc'] .pro-main p{font-size:15px}.stage[data-mode='pro-pc'] .pro-main .field{font-size:14px}.stage[data-mode='pro-pc'] .pro-main .field input,.stage[data-mode='pro-pc'] .pro-main .field textarea,.stage[data-mode='pro-pc'] .pro-main .field select{font-size:15px}.stage[data-mode='connected'].pro-closed .pro-side{display:none}.drawer-toggle{white-space:nowrap}.drawer-scrim{display:none}.demo-foot{padding:0 26px 20px;font-size:12px;color:var(--muted)}@media(max-width:1470px){.report-grid{grid-template-columns:1fr}.board-menu{flex-basis:142px}.board-main{padding:18px}.pro-side{width:350px}.top-copy span{display:none}}@media(max-width:1199px){.stage[data-mode='connected'] .pro-side{position:fixed;right:16px;top:125px;bottom:16px;width:350px;z-index:60;overflow:auto}.stage[data-mode='connected']:not(.pro-closed) .drawer-scrim{display:block;position:fixed;inset:0;background:#0b162755;z-index:50}.stage[data-mode='connected'].pro-closed .pro-side{display:none}.top{padding:13px 18px}.controls{padding:12px 18px 0}.stage{padding:0 18px 24px}.top-copy{display:none}.report-grid{grid-template-columns:minmax(0,1.1fr) minmax(230px,.9fr)}}@media(max-width:900px){.context{flex-wrap:wrap}.modes{flex-wrap:wrap}.board-menu{flex-basis:130px}.report-grid{grid-template-columns:1fr}.tools a{display:none}.top{gap:8px}.top .brand{font-size:18px}.tools button{font-size:12px;padding:7px}.scenarios{gap:2px}.scenarios button{font-size:12px}.modebar{gap:9px}}@media(max-width:680px){.desktop-app{display:none}.mobile-warning{display:block;margin:25px;padding:26px;border:1px solid var(--line);border-radius:15px;background:white}.mobile-warning h1{font-size:25px}.mobile-warning p{color:var(--muted);font-size:15px}.mobile-warning .brand{display:block;margin-bottom:30px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* v2 BOARD dark operation shell */
.board{background:#081523;border-color:#1c3148;box-shadow:0 14px 34px #06111e28}
.board .app-title{background:#071321;border-bottom:1px solid #21364d}
.board .board-shell{background:#0a1725}
.board .board-menu{background:#071522;color:#bfd1e8;border-right:1px solid #1c3148}
.board .board-menu button{color:#b9cbe2}
.board .board-menu button:hover{background:#11263a;color:#fff;border-color:transparent}
.board .board-menu button.active{background:#1c3854;color:#fff;box-shadow:inset 3px 0 #3c83ee}
.board .board-menu small,.board .board-menu .bottom-note{color:#7891ad}
.board .board-main{background:#0b1928;color:#eef5ff}
.board .board-main h1,.board .board-main h2,.board .board-main h3,.board .board-main strong{color:#f7fbff}
.board .board-main p,.board .board-main .small,.board .board-main small,.board .board-main .sub{color:#9cb0c7}
.board .stat,.board .panel,.board .list-card,.board .notice-line,.board .funnel-card{background:#102238;border-color:#243b54;color:#edf5ff}
.board .stat label,.board .stat small,.board .list-head{color:#8fa6c0}
.board .list-head{background:#0d1d2f}
.board .employee-row{background:#102238;color:#eaf3fd;border-color:#20364c}
.board .employee-row:hover{background:#17304a}
.board .employee-row.active{background:#193a60;box-shadow:inset 3px 0 #3c83ee}
.board .tabs{border-color:#243b54}
.board .tabs button{color:#a9bdd4}
.board .tabs button.active{background:#173457;color:#85b4ff;border-bottom-color:#5c9cff}
.board .detail-list>div{border-color:#243b54}
.board .note{background:#102238;color:#9fb2c8}
.board .note.alert{background:#322816;color:#efcf8e}
.board .note.privacy{background:#102a27;color:#a7d7c6;border-left-color:#35a079}
.board .empty{border-color:#2b4863;color:#93a9c1;background:#0d1d2f}
.board .target-status span{background:#1a2d42;color:#bdcce0}
.board .target-status span.yes{background:#17392f;color:#9cdec6}
.board .target-status span.pending{background:#31271c;color:#eacb90}
.board .metric-filters select,.board .field input,.board .field textarea,.board .field select{background:#0b1826;color:#f4f8fc;border-color:#38516d}
.board .compose-panel .field input,.board .compose-panel .field textarea,.board .compose-panel .field select{background:#fff;color:#162438;border-color:#cdd6e1}
.board .attachment-empty{border-color:#38516d;color:#8ea4bc}

.badge.orange{background:#f9e1cf;color:#a94d16}.badge.blue{background:#dce9ff;color:#245da9}
.home-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.home-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:14px}.today-consults>div{display:grid;grid-template-columns:125px 1fr;gap:4px 12px;padding:12px 0;border-bottom:1px solid #243b54}.today-consults>div strong{grid-row:1/3}.today-consults>div span{font-size:13px}.today-consults>div small{font-size:11px}
.time-picker{display:grid;grid-template-columns:.9fr 1fr 1fr;gap:6px}.time-picker select{min-width:0}.time-field small{margin-top:2px}.delivery-date-list{display:flex;flex-direction:column;gap:8px;margin:-2px 0 12px}.delivery-date-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;border:1px solid #dbe3ec;border-radius:8px;padding:10px;background:#fff}.delivery-date-row>label:first-child{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700}.delivery-date-row input[type=date]{border:1px solid #cdd6e1;border-radius:7px;padding:8px;color:#162438;background:#fff}.delivery-date-row .undecided{display:flex;gap:5px;align-items:center;font-size:12px;padding-bottom:8px}.delivery-help{margin:4px 0 12px}.no-schedule{padding:10px;border:1px solid #d8e2ee;border-radius:8px;background:#eef4fc;font-weight:700;color:#255a9f}
.attachment-section{border-top:1px solid var(--line);padding-top:12px;margin-top:6px}.attachment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.attachment-grid figure{margin:0;border:1px solid #d9e1ea;border-radius:8px;overflow:hidden;background:white}.attachment-grid img{width:100%;height:92px;object-fit:cover;display:block}.attachment-grid figcaption{font-size:10px;padding:6px;color:#5f7185}.attachment-empty{border:1px dashed #ccd7e3;border-radius:8px;padding:14px;text-align:center;font-size:12px;color:#7a8ca2}.btn-tiny{font-size:10px;padding:3px 5px;margin-left:4px}.notice-images,.pro-attachment-strip{display:flex;gap:7px;overflow:auto;margin:10px 0}.notice-images img{width:110px;height:78px;object-fit:cover;border-radius:7px;border:1px solid #2d4560}.pro-attachment-strip img{width:92px;height:68px;object-fit:cover;border-radius:7px;border:1px solid var(--line)}
.request-card.soon{box-shadow:inset 4px 0 #d8a546}.request-card.urgent{box-shadow:inset 5px 0 #e77c2f;background:#fff8ef}.board .request-card.urgent{background:#352518}.request-card.overdue{box-shadow:inset 5px 0 #c54a48;background:#fff1ef}.board .request-card.overdue{background:#351d22}.deadline{padding:9px 10px;border-radius:7px;background:#eef3f9}.board .deadline{background:#0d1b2b}.pro-request-summary{display:flex;justify-content:space-between;gap:8px;margin:10px 0 14px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#edf3fa;font-size:11px}.pro-request-summary strong{color:#245da9}
.metric-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}.metric-filters label{display:flex;gap:8px;align-items:center;font-size:12px;color:#a6bbd2}.metric-filters select{padding:8px 10px;border-radius:7px;border:1px solid #38516d}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px}.kpi-grid .stat strong{font-size:23px}.funnel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.funnel-card{padding:15px;border:1px solid #243b54;border-radius:10px}.funnel-row{display:grid;grid-template-columns:78px 1fr 34px;gap:8px;align-items:center;margin:10px 0;font-size:12px}.funnel-track{height:10px;border-radius:8px;background:#20344a;overflow:hidden}.funnel-track i{display:block;height:100%;background:linear-gradient(90deg,#2d6fe2,#6b9ffa);border-radius:8px}.performance-trend{margin-top:12px}.trend{overflow:hidden}.trend-legend{display:flex;gap:14px;font-size:11px;color:#9fb2c8;margin-bottom:4px}.trend svg{width:100%;height:auto;min-height:160px}.trend-line{stroke:#5c9cff;stroke-width:3}.trend-axis{stroke:#35506a;stroke-width:1}.trend svg circle{fill:#8bb8ff}.trend svg text{fill:#91a8c1;font-size:10px}.trend-mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:5px}.trend-mini>div{padding:6px;border-radius:6px;background:#0d1d2f;display:flex;flex-direction:column;font-size:10px}.trend-mini b{color:#dfeeff}.trend-mini small{color:#7892ac}
.call-poc-hero{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#eaf1f6;margin:10px 0 12px}.call-poc-hero img{width:100%;display:block;max-height:440px;object-fit:contain;background:#eef4f7}.call-poc-hero span{display:block;padding:8px 10px;font-size:10px;color:#667990;background:white}
.search-input{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;margin-bottom:10px}.customer-detail{margin-top:12px}.panel-head{display:flex;justify-content:space-between;gap:12px}.pro-form{margin-top:10px}

@media(max-width:1470px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-grid{grid-template-columns:1fr}.funnel-grid{grid-template-columns:1fr}}
@media(max-width:1100px){.home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.attachment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v3.4.2 duty management + test drive operations */
.compact-tabs{margin:0}.compact-tabs button{padding:8px 12px}.duty-toolbar,.drive-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px}.duty-toolbar .button-row{margin:0}.mini-select{display:flex;align-items:center;gap:6px;font-size:12px;color:#a6bbd2}.mini-select select{background:#0b1826;color:#f4f8fc;border:1px solid #38516d;border-radius:7px;padding:7px 8px}.duty-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:14px}.duty-calendar{display:grid;grid-template-columns:1fr;gap:7px}.duty-calendar.month{grid-template-columns:repeat(5,minmax(0,1fr));align-content:start}.duty-calendar button{display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;background:#102238;border-color:#243b54;color:#eaf3fd;min-height:58px}.duty-calendar.month button{display:block;min-height:100px;padding:10px}.duty-calendar button.active{background:#193a60;border-color:#4b85c8;box-shadow:inset 3px 0 #3c83ee}.duty-calendar button>span{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.duty-calendar.month button>span{justify-content:flex-start;margin-top:8px}.duty-calendar button i{font-style:normal;font-size:11px;padding:3px 6px;border-radius:5px;background:#1d3853;color:#dbe9fa}.duty-calendar button em{font-style:normal;color:#748aa3;font-size:11px}.duty-calendar button small{font-size:10px;color:#dfb369}.duty-targets{display:grid;grid-template-columns:1fr 1fr;margin-bottom:12px}.duty-counts{margin-top:16px;border-top:1px solid #243b54;padding-top:12px}.duty-counts>div{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:7px 0;border-bottom:1px solid #20364c;font-size:12px}.import-panel,.swap-panel{margin-top:14px}.import-preview{border:1px solid #314a64;border-radius:9px;padding:12px;background:#0d1d2f}.import-preview .panel-head{margin-bottom:8px}.import-preview .panel-head small{display:block}.import-row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #263e55;font-size:12px}.import-row:last-of-type{border-bottom:0}.swap-row{display:grid;grid-template-columns:100px 1fr auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #243b54;font-size:12px}.section-gap{margin-top:20px}.drive-toolbar label{display:flex;align-items:center;gap:8px;font-size:12px;color:#a6bbd2}.drive-toolbar input{background:#0b1826;color:#f4f8fc;border:1px solid #38516d;border-radius:7px;padding:8px}.vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vehicle-card .panel-head{align-items:center}.drive-slot{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #243b54}.drive-slot>div:first-child{display:flex;flex-direction:column}.drive-slot strong{font-size:13px}.drive-slot span,.drive-slot small{font-size:11px;color:#97abc2}.drive-slot small{grid-column:1 / -1}.drive-slot .btn-tiny{grid-column:1 / -1;justify-self:start}.drive-slot.blocked{background:#2d2419;margin:8px -6px;padding:9px 8px;border-radius:7px;border-bottom:0}.drive-slot.blocked strong,.drive-slot.blocked span{color:#e7c88c}.testdrive-pro-card .badge{margin:8px 0}.testdrive-pro-card .button-row{margin-top:8px}.demo-foot strong{color:#455c73;font-weight:700}.board .import-panel input[type=file]{background:#fff;color:#162438}.board .duty-editor .targets label{background:#0d1d2f;border-color:#324b65;color:#dce8f6}.board .duty-editor .targets input{accent-color:#5c9cff}
@media(max-width:1470px){.duty-layout{grid-template-columns:1fr}.duty-calendar.month{grid-template-columns:repeat(4,minmax(0,1fr))}.vehicle-grid{grid-template-columns:1fr 1fr}}
@media(max-width:1100px){.duty-calendar.month{grid-template-columns:repeat(3,minmax(0,1fr))}.vehicle-grid{grid-template-columns:1fr}.swap-row{grid-template-columns:88px 1fr auto}.swap-row button{grid-column:1/-1}.phone-nav{grid-template-columns:repeat(4,1fr)}}
.drive-time-grid{display:grid;grid-template-columns:1fr;gap:4px}.stage[data-mode='pro-pc'] .drive-time-grid{grid-template-columns:1fr 1fr;gap:12px}

/* v3.4.3 monthly test-drive calendar + employee comparisons */
.eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7fa7d7;margin-bottom:4px}.drive-calendar-panel{border:1px solid #243b54;border-radius:12px;background:#0c1b2b;padding:15px;margin:0 0 14px}.drive-calendar-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.drive-calendar-title{margin:0;color:#f4f8fc;font-size:19px}.drive-month-actions{margin:0}.drive-month-actions button{min-width:40px;background:#13283e;color:#e9f2fb;border-color:#314b67}.drive-weekdays,.drive-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.drive-weekdays{margin-bottom:5px}.drive-weekdays span{text-align:center;color:#7890aa;font-size:10px;padding:2px}.drive-calendar-day{min-height:72px;background:#102238!important;border:1px solid #223a52!important;color:#dfeaf6!important;padding:7px!important;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3px;text-align:left;border-radius:8px!important}.drive-calendar-day:hover{background:#16304c!important;border-color:#4c7aa8!important}.drive-calendar-day.outside{opacity:.35}.drive-calendar-day.selected{background:#1b4775!important;border-color:#66a2eb!important;box-shadow:inset 0 0 0 1px #66a2eb}.drive-calendar-day.today .day-num{background:#d9a94f;color:#172438;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.drive-calendar-day .day-num{font-size:12px;font-weight:800}.drive-calendar-day strong{font-size:11px;color:#bcd7f8}.drive-calendar-day i,.drive-calendar-day em{font-style:normal;font-size:9px;border-radius:4px;padding:1px 4px}.drive-calendar-day i{background:#38291d;color:#ebca8c}.drive-calendar-day em{background:#3a2b16;color:#ffd589}.drive-quick{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:11px;border-top:1px solid #20364c;padding-top:10px}.drive-quick>strong{font-size:11px;color:#90a8c1;margin-right:2px}.drive-quick button{display:flex;align-items:center;gap:5px;padding:6px 9px;background:#11253a;color:#d8e7f8;border-color:#2b455f;font-size:11px}.drive-quick button small{color:#7894b2;font-size:9px}.drive-quick button.active{background:#245f9e;border-color:#5a9fe9;color:#fff}.selected-drive-day{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;margin-bottom:12px;border:1px solid #29445f;background:#0d1e30;border-radius:10px}.selected-drive-day>div{display:flex;align-items:baseline;gap:10px}.selected-drive-day span{font-size:10px;color:#8098b2}.selected-drive-day strong{font-size:16px;color:#f5f8fc}.selected-drive-day small{font-size:10px;color:#7893ad}
.metric-comparison-section,.embedded-comparison{margin:15px 0;padding:15px;border:1px solid #243b54;border-radius:12px;background:#0c1c2d}.embedded-comparison{margin-top:14px}.section-heading,.comparison-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:11px}.section-heading h3,.comparison-title h3{margin:0;color:#eff6fe}.section-heading p,.comparison-title p{margin:0}.comparison-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.comparison-tabs button{background:#10243a;color:#b9cae0;border-color:#2e4965;padding:7px 11px;font-size:11px}.comparison-tabs button.active{background:#2a68b3;border-color:#609be2;color:#fff}.comparison-panel{border:1px solid #213a53;border-radius:10px;padding:12px;background:#091827}.comparison-panel.compact{padding:10px}.comparison-table{overflow:auto}.comparison-row{display:grid;grid-template-columns:100px repeat(6,minmax(72px,1fr));gap:8px;align-items:center;min-width:700px;padding:9px 8px;border-bottom:1px solid #1d3349;font-size:11px}.comparison-row:last-child{border-bottom:0}.comparison-row>span b{color:#e9f3ff}.comparison-head{color:#8199b4;background:#0f2032;border-radius:7px}.comparison-head strong{font-size:10px;color:#9ab0c8;text-align:center}.comparison-row>strong{text-align:center;color:#b9d9ff}.compare-value{position:relative;height:24px;background:#13283c;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:flex-end;padding:0 6px}.compare-value i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#2f6fbd,#4e91df);opacity:.55}.compare-value b{position:relative;z-index:1;color:#eff7ff}.personal-metric-heading{margin:18px 0 10px}.personal-metric-heading h3{margin:0;color:#eff6fe}
@media(max-width:1470px){.drive-calendar-day{min-height:66px}.comparison-row{grid-template-columns:90px repeat(6,minmax(66px,1fr))}}
@media(max-width:1100px){.drive-calendar-day{min-height:58px;padding:5px!important}.drive-calendar-day i,.drive-calendar-day em{display:none}.selected-drive-day{align-items:flex-start;flex-direction:column}.comparison-row{min-width:650px}}
.comparison-table.cols-5 .comparison-row{grid-template-columns:100px repeat(5,minmax(72px,1fr))}
@media(max-width:1470px){.comparison-table.cols-5 .comparison-row{grid-template-columns:90px repeat(5,minmax(66px,1fr))}}

/* v3.4.4 mobile product-aligned shell + event timestamps */
.notice-meta{font-size:11px!important;color:#7f91a6!important;margin:-2px 0 8px!important}.completion-stamp{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.completion-stamp span,.submit-time,.report-stamp{font-size:11px;color:#788ba1}.submit-time{display:inline-block;margin-left:8px;vertical-align:middle}.target-status span{line-height:1.45}
.mobile-product-shell{--m-bg:#04101d;--m-panel:#0b1d30;--m-panel2:#10263e;--m-line:#28435f;--m-text:#eff6ff;--m-muted:#8fa7c2;--m-gold:#e9c15f;--m-blue:#3b82f6}
.stage[data-mode='board-mobile'] .board.mobile-product-shell{background:var(--m-bg);border-color:#20374e;box-shadow:0 18px 38px #06111e44}
.stage[data-mode='board-mobile'] .app-title{padding:12px 14px;background:#061523;border-bottom:1px solid #263d54}.stage[data-mode='board-mobile'] .app-title small{display:none}.stage[data-mode='board-mobile'] .board-menu{background:#061523;border-bottom:1px solid #243a50}.stage[data-mode='board-mobile'] .board-menu button{color:#91a9c2}.stage[data-mode='board-mobile'] .board-menu button.active{background:#173a60;color:#fff}.stage[data-mode='board-mobile'] .board-main{background:#04101d!important;color:var(--m-text)!important;padding:10px!important}.stage[data-mode='board-mobile'] .board-main>.actual-mobile-home{margin:-2px}
.mobile-dashboard{color:var(--m-text);background:var(--m-bg);min-height:680px}.mobile-dashboard button{font:inherit}.mobile-privacy,.mobile-pro-privacy{border:1px solid var(--m-line);border-radius:13px;background:#071827;padding:12px;color:#9ab0c8;font-size:12px}.mobile-pro-privacy{display:flex;justify-content:space-between;align-items:center}.mobile-pro-privacy small{color:#d8e7f8}.mobile-quick{display:flex;gap:8px;margin:10px 0 13px}.mobile-quick button{padding:8px 15px;border-radius:9px;border:1px solid var(--m-line);background:#12273d;color:#fff}.mobile-quick .urgent{background:#f17973;border-color:#f17973;color:#351111}.mobile-quick .duty{border-color:#d3a838;color:#f2cf68;background:#071827}.mobile-section-label{display:flex;justify-content:space-between;align-items:center;margin:12px 2px 6px;color:#d5e5f6;font-size:10px;font-weight:800;letter-spacing:.05em}.mobile-section-label span{color:var(--m-gold)}.mobile-section-label small{color:#a7bdd5}.mobile-section-label button{border:1px solid #d8ad42;background:#071827;color:#e9c15f;border-radius:8px;padding:4px 7px;font-size:9px}.mobile-row-card,.mobile-summary-card,.mobile-ai-card{display:block;width:100%;text-align:left;border:1px solid var(--m-line);background:var(--m-panel);color:var(--m-text);border-radius:12px;padding:11px 12px;margin:7px 0}.mobile-row-card:hover,.mobile-summary-card:hover,.mobile-ai-card:hover{background:#102840;border-color:#3a5d7d}.mobile-row-card{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center}.mobile-row-card span{font-size:12px;color:#d9e7f6}.mobile-row-card strong{font-size:16px}.mobile-row-card strong em{font-style:normal;font-size:10px;color:#8da7c3;margin-left:3px}.mobile-row-card small{grid-column:1/-1;color:#7791ac;font-size:10px}.mobile-row-card.attention{border-color:#bb9431;color:#f3cf67}.mobile-row-card.arrow strong{font-size:20px}.mobile-week{border:1px solid var(--m-line);background:var(--m-panel);border-radius:12px;padding:10px;margin-top:7px}.mobile-week-head{display:flex;justify-content:space-between;align-items:center;font-size:11px}.mobile-week-head button{border:1px solid #d8ad42;background:#071827;color:#e9c15f;border-radius:8px;padding:4px 7px;font-size:9px}.mobile-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:8px}.mobile-days span{display:flex;flex-direction:column;text-align:center;border:1px solid #29445f;border-radius:8px;padding:6px 2px;color:#a8bdd2;font-size:9px}.mobile-days span b{font-size:13px;color:#e8f2fc}.mobile-days span.today{background:#d9b65b;color:#382d12}.mobile-days span.today b{color:#382d12}.mobile-summary-card>div:first-child{display:flex;justify-content:space-between;align-items:center}.mobile-summary-card>div:first-child span{font-size:13px;font-weight:700}.mobile-summary-card>div:first-child em{font-style:normal;color:#e9c15f;font-size:9px}.mobile-summary-card>small{display:block;color:#8099b3;margin:5px 0 8px}.mobile-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;border-top:1px solid #274159;padding-top:8px}.mobile-kpis b{text-align:center;font-size:10px;color:#b9cde1}.mobile-pro-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.mobile-pro-stats button{background:var(--m-panel);border:1px solid var(--m-line);color:#fff;border-radius:10px;padding:9px 10px;text-align:left}.mobile-pro-stats span{display:block;font-size:9px;color:#86a2be}.mobile-pro-stats strong{display:block;font-size:20px}.mobile-pro-stats strong em{font-style:normal;font-size:9px;color:#8fa7c2}.mobile-pro-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}.mobile-pro-actions button{background:#102238;border:1px solid #2b4763;color:#fff;border-radius:10px;padding:9px 3px;font-size:10px}.mobile-pro-actions b{background:#c94848;border-radius:10px;padding:1px 4px}.pro-days{margin-bottom:8px}.schedule-card{grid-template-columns:1fr}.schedule-card strong{font-size:12px}.mobile-ai-card small{display:block;color:#8da6bf;font-size:9px}.mobile-ai-card strong{display:block;margin:4px 0;font-size:13px}.mobile-ai-card span{font-size:10px;color:#8ba0b7}.mobile-pro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:6px;margin-top:8px}.mobile-pro-grid button{border:1px solid #29455f;background:#102238;color:#fff;border-radius:10px;min-height:54px}.mobile-pro-grid button.gold{grid-row:span 2;background:#d9b65b;color:#2e260f;border-color:#d9b65b}.mobile-pro-grid strong{font-size:11px}.mobile-pro-grid small{display:block;font-size:8px;color:inherit;opacity:.75}
.stage[data-mode='pro-mobile'] .phone.mobile-product-shell,.stage[data-mode='connected'] .phone.mobile-product-shell{background:#04101d;border-color:#15283a;color:#edf6ff}.stage[data-mode='pro-mobile'] .phone-top,.stage[data-mode='connected'] .phone-top{background:#061523}.stage[data-mode='pro-mobile'] .phone-nav,.stage[data-mode='connected'] .phone-nav{background:#071827;border-color:#203b55}.stage[data-mode='pro-mobile'] .phone-nav button,.stage[data-mode='connected'] .phone-nav button{color:#c3d4e7}.stage[data-mode='pro-mobile'] .phone-nav button.active,.stage[data-mode='connected'] .phone-nav button.active{background:#17385a;color:#fff}.stage[data-mode='pro-mobile'] .pro-main,.stage[data-mode='connected'] .pro-main{background:#04101d;color:#eef6ff}.stage[data-mode='pro-mobile'] .pro-main h2,.stage[data-mode='pro-mobile'] .pro-main h3,.stage[data-mode='pro-mobile'] .pro-main strong,.stage[data-mode='connected'] .pro-main h2,.stage[data-mode='connected'] .pro-main h3,.stage[data-mode='connected'] .pro-main strong{color:#f3f8ff}.stage[data-mode='pro-mobile'] .pro-main p,.stage[data-mode='pro-mobile'] .small,.stage[data-mode='pro-mobile'] small,.stage[data-mode='connected'] .pro-main p,.stage[data-mode='connected'] .small,.stage[data-mode='connected'] small{color:#9bb0c7}.stage[data-mode='pro-mobile'] .pro-main .panel,.stage[data-mode='pro-mobile'] .notice-line,.stage[data-mode='pro-mobile'] .next-card,.stage[data-mode='pro-mobile'] .customer-card,.stage[data-mode='connected'] .pro-main .panel,.stage[data-mode='connected'] .notice-line,.stage[data-mode='connected'] .next-card,.stage[data-mode='connected'] .customer-card{background:#0b1d30;border-color:#27425d;color:#eff6ff}.stage[data-mode='pro-mobile'] .field input,.stage[data-mode='pro-mobile'] .field textarea,.stage[data-mode='pro-mobile'] .field select,.stage[data-mode='connected'] .field input,.stage[data-mode='connected'] .field textarea,.stage[data-mode='connected'] .field select{background:#0b1d30;color:#fff;border-color:#36536f}.stage[data-mode='pro-mobile'] .tabs,.stage[data-mode='connected'] .tabs{border-color:#29445f}.stage[data-mode='pro-mobile'] .tabs button,.stage[data-mode='connected'] .tabs button{color:#afc3d8}.stage[data-mode='pro-mobile'] .tabs button.active,.stage[data-mode='connected'] .tabs button.active{background:#17385a;color:#8cb9ff;border-color:#4f94ee}.stage[data-mode='pro-mobile'] .pro-footer,.stage[data-mode='connected'] .pro-footer{background:#071522;color:#718da7;border-color:#223c55}.stage[data-mode='pro-pc'] .phone.mobile-product-shell{background:#fff;color:var(--ink)}