:root{--bg:#0b0e13;--panel:#121722;--panel2:#171d29;--line:#273043;--text:#edf2f8;--muted:#8f9bad;--accent:#2f6df6;--warn:#ffc857;--bad:#ff6b7a;--ok:#62d7bf;--blue:#78a6ff}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.side{border-right:1px solid var(--line);padding:22px 14px;position:sticky;top:0;height:100vh;background:#0d1118}.brand{font-weight:800;font-size:22px;letter-spacing:-.5px;margin:0 10px 25px}.brand span{color:var(--accent)}.nav a{display:block;padding:10px 12px;border-radius:9px;color:var(--muted);margin:3px 0}.nav a:hover,.nav a.active{background:var(--panel2);color:var(--text)}.mode{margin-top:22px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;font-size:12px;color:var(--muted)}.mode b{color:var(--accent)}main{padding:28px 34px}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.top h1{font-size:24px;margin:0}.user{color:var(--muted);font-size:13px}.grid{display:grid;gap:15px}.grid.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:17px}.stat .k{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.stat .v{font-size:27px;font-weight:750;margin-top:5px}.stat .s{font-size:12px;color:var(--muted);margin-top:2px}.section{margin-top:22px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section h2{font-size:16px;margin:0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-weight:600}.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#1b2530;font-size:11px;color:var(--blue)}.pill.hold{color:var(--warn);background:#2b2416}.pill.good{color:var(--ok)}button,.btn{border:0;border-radius:9px;padding:9px 13px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer;font-size:13px}.btn.secondary,button.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--line)}.btn.warn{background:var(--warn)}input,select,textarea{width:100%;background:#0e131c;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:10px 11px;font:inherit}textarea{min-height:90px}label{display:block;font-size:12px;color:var(--muted);margin:10px 0}label input,label select,label textarea{margin-top:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.alert{padding:11px 13px;border-radius:9px;background:#14221f;color:var(--accent);margin:10px 0;font-size:13px}.alert.bad{background:#2a171b;color:#ff9aa6}.auth{display:grid;place-items:center;min-height:100vh;background:radial-gradient(circle at 50% 20%,#17202b,#090c11 60%)}.auth-card{width:min(420px,92vw);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px}.auth-card h1{font-size:22px}.auth-card p{color:var(--muted);font-size:13px}.agent-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.script{font-size:18px;line-height:1.6;background:#0f151e;padding:18px;border-radius:10px;border:1px solid var(--line)}.big-status{font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:center}.dot{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent)}.dispos{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.dispos button{background:var(--panel2);color:var(--text);border:1px solid var(--line)}.qa-score{font-size:30px;font-weight:800}.muted{color:var(--muted)}.small{font-size:12px}.bar{height:8px;background:#202938;border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;background:var(--accent)}.row{display:flex;gap:10px;align-items:center}.right{margin-left:auto}.tabs{display:flex;gap:7px;margin-bottom:14px}.tabs a{padding:7px 10px;border:1px solid var(--line);border-radius:8px;color:var(--muted)}.tabs a.active{background:var(--panel2);color:var(--text)}@media(max-width:900px){.shell{grid-template-columns:1fr}.side{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.nav{display:flex;overflow:auto}.nav a{white-space:nowrap}.grid.stats{grid-template-columns:1fr 1fr}.agent-layout,.form-grid{grid-template-columns:1fr}main{padding:20px}.mode{display:none}}@media(max-width:520px){.grid.stats{grid-template-columns:1fr}.top{align-items:flex-start;gap:12px;flex-direction:column}}

/* Legacy attribution styles retained for compatibility */
.powered{display:flex;align-items:center;gap:7px;margin-top:5px;font-size:12px;color:#7c879a;letter-spacing:.01em}
.powered img{width:18px;height:18px;display:block;flex:0 0 auto}
.powered strong{font-weight:750;color:inherit}
.side-powered{margin:5px 0 18px;color:#8e99ab}
.auth-card .powered{justify-content:center}

/* Telephone Contact Services brand */
.brand-logo{margin:0 8px 15px;max-width:190px}
.brand-logo img{display:block;width:100%;height:auto}
.auth-card .brand-logo{max-width:310px;margin:0 auto 8px}
.setup-logo{max-width:320px!important}
.auth{background:radial-gradient(circle at 50% 15%,#13264a,#090c11 62%)}
.nav a:hover,.nav a.active{box-shadow:inset 3px 0 0 var(--accent)}

/* Full project workspace */
.project-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.project-head h2{font-size:28px;margin:4px 0 6px;letter-spacing:-.03em}.crumb{font-size:12px;color:var(--muted)}.project-actions{display:flex;gap:8px;flex-wrap:wrap}.project-nav{display:flex;gap:6px;overflow:auto;padding-bottom:8px;margin-bottom:18px;border-bottom:1px solid var(--line)}.project-nav a{padding:8px 10px;border-radius:8px;color:var(--muted);white-space:nowrap;font-size:12px}.project-nav a:hover,.project-nav a.active{background:var(--panel2);color:var(--text)}.project-nav a.active{box-shadow:inset 0 -2px 0 var(--accent)}.project-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid,.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chart-card{min-height:330px}.donut-wrap{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center;margin-top:18px}.donut{width:190px;height:190px;border-radius:50%;display:grid;place-items:center}.donut-hole{width:116px;height:116px;border-radius:50%;background:var(--panel);display:grid;place-items:center;align-content:center;border:1px solid var(--line)}.donut-hole b{font-size:24px}.donut-hole span{font-size:11px;color:var(--muted)}.legend{display:grid;gap:10px}.legend>div{display:grid;grid-template-columns:10px 1fr auto auto;gap:8px;align-items:center;font-size:12px}.legend-dot{width:9px;height:9px;border-radius:50%}.legend em{font-style:normal;color:var(--muted);min-width:45px;text-align:right}.trend{width:100%;height:190px;overflow:visible;margin-top:12px}.gridline{stroke:#273043;stroke-width:1}.trendline{fill:none;stroke:#2f6df6;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(47,109,246,.35))}.hour-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.progress{height:9px;background:#202938;border-radius:99px;overflow:hidden}.progress.big{height:12px;margin:16px 0}.progress span{display:block;height:100%;background:linear-gradient(90deg,#2f6df6,#7c3aed);border-radius:99px}.health-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.health-grid>div{padding:11px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.health-grid span,.meter-row span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.health-grid b{font-size:13px}.signal-list{display:grid;gap:14px;margin-top:15px}.signal-list>div{display:flex;gap:10px}.signal{width:9px;height:9px;border-radius:50%;margin-top:5px;background:var(--ok);flex:0 0 auto}.signal.warn{background:var(--warn)}.signal-list b{display:block;font-size:13px}.signal-list small{display:block;color:var(--muted);margin-top:2px}.internal-strip{display:flex;justify-content:space-between;align-items:center;border-color:#32405b}.internal-strip>div{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.eyebrow{font-size:10px;letter-spacing:.12em;color:var(--muted);font-weight:800}.dropzone{border:1px dashed #3b4963;border-radius:12px;min-height:190px;display:grid;place-items:center;align-content:center;gap:10px;background:#0e141e;margin-top:14px;text-align:center}.dropzone span{color:var(--muted);font-size:12px}.mapping-list{display:grid;gap:8px;margin:14px 0}.mapping-list>div{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;padding:10px;background:#0e141e;border:1px solid var(--line);border-radius:8px;align-items:center;font-size:12px}.mapping-list b{color:var(--ok);font-size:11px}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tool-grid a{padding:11px;border:1px solid var(--line);background:#0f151e;border-radius:8px;color:var(--text);font-size:12px;cursor:pointer}.tool-grid a:hover{border-color:#41506d;background:var(--panel2)}.script-question{padding:14px 0;border-top:1px solid var(--line)}.choice-row,.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.choice-row span,.chips span{padding:7px 9px;border-radius:7px;background:#0e141e;border:1px solid var(--line);font-size:11px;color:var(--muted)}.meter-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.meter-row b{font-size:14px}.qa-item{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.qa-item b,.qa-item span{display:block}.qa-item span{font-size:12px;color:var(--muted);margin-top:3px}.qa-plot{height:190px;position:relative;margin:20px 0 6px;border-bottom:1px solid var(--line);overflow:hidden}.bell{position:absolute;left:5%;right:5%;bottom:0;height:160px;background:radial-gradient(ellipse at 50% 100%,rgba(47,109,246,.32) 0%,rgba(47,109,246,.16) 30%,transparent 64%);clip-path:polygon(0 100%,8% 96%,16% 86%,24% 67%,32% 42%,40% 17%,50% 4%,60% 17%,68% 42%,76% 67%,84% 86%,92% 96%,100% 100%)}.agent-dot{position:absolute;bottom:44px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:800;background:#1d4ed8;border:2px solid #7aa2ff}.agent-dot.rogue{background:#713f12;border-color:#f59e0b;bottom:20px}.workflow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.workflow span{padding:8px 10px;border:1px solid var(--line);background:#0e141e;border-radius:7px;font-size:11px}.workflow i{font-style:normal;color:var(--muted)}.activity-list{display:grid}.activity-list>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.activity-list span{color:var(--muted);font-size:11px}.private-card{border-color:#584c2a;background:#18160f}.private-card .eyebrow{color:var(--warn)}
@media(max-width:1050px){.dashboard-grid,.grid.two{grid-template-columns:1fr}.donut-wrap{grid-template-columns:180px 1fr}.tool-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.project-head{flex-direction:column}.project-stats{grid-template-columns:1fr 1fr}.donut-wrap{grid-template-columns:1fr;justify-items:center}.legend{width:100%}.health-grid{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr 1fr}.internal-strip{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.project-stats{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr}}
/* Functional workflow additions */
.project-card{display:block}.project-card h2{margin:0 0 5px}.project-card .row{color:var(--muted);font-size:12px}.report-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.report-link{display:block;transition:.15s}.report-link:hover{border-color:#52617c;transform:translateY(-1px)}.report-link h2{margin:0 0 6px}.report-link span{font-size:12px;color:var(--blue)}.choice-edit{display:grid;grid-template-columns:1fr 180px 40px;gap:7px;margin-top:8px}.choices{margin-top:14px}.table-scroll{overflow:auto}.record-strip{display:flex;justify-content:space-between;gap:12px;padding:12px 0;color:var(--muted)}.agent-choices{display:grid;gap:8px;margin-top:16px}.agent-choices button{text-align:left;padding:12px}.workflow.vertical{display:grid;gap:7px}.workflow.vertical i{text-align:center}.workflow.vertical span{display:block}.script.opening{margin:15px 0}.agent-q h2{font-size:20px;line-height:1.45}.powered a{color:inherit}.card hr{border:0;border-top:1px solid var(--line);margin:20px 0}.card h3{font-size:14px}.card a.btn{display:inline-block;margin:4px 4px 4px 0}
@media(max-width:760px){.report-cards{grid-template-columns:1fr}.choice-edit{grid-template-columns:1fr}.choice-edit button{width:100%}}

.bar-chart{height:190px;display:flex;align-items:flex-end;gap:10px;padding:15px 6px 0}.bar-col{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.bar-col span{width:70%;min-height:4px;background:linear-gradient(180deg,#2f6df6,#7c3aed);border-radius:8px 8px 2px 2px}.bar-col small{color:var(--muted)}.form-line{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:8px;margin:8px 0;align-items:end}.status-row{display:grid;grid-template-columns:90px 1.5fr repeat(4,auto);gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.status-row label{display:flex;align-items:center;gap:4px;font-size:12px}.status-row input[type=checkbox]{width:auto}.table-wrap{overflow:auto}.big{font-size:32px;font-weight:700}.report-link{text-decoration:none;color:inherit}.report-link:hover{border-color:#5c6cf5;transform:translateY(-1px)}@media(max-width:800px){.form-line,.status-row{grid-template-columns:1fr}.bar-chart{height:150px}}
.drop-form{margin-top:16px}.drop-zone{display:flex;flex-direction:column;gap:5px;border:2px dashed #8aa4d6;border-radius:14px;padding:22px;background:rgba(47,109,246,.04);cursor:pointer}.drop-zone:hover{background:rgba(47,109,246,.08)}.drop-zone b{font-size:16px}.drop-zone span{font-size:13px;color:#6b7280}.drop-zone input[type=file]{margin-top:10px}.stack{display:flex;flex-direction:column;gap:16px}.alert.warn{background:#fff8e6;border-color:#f3c96b;color:#664d03}.alert.warn ul{margin:8px 0 0 20px}

.agent-start{display:flex;align-items:center;gap:14px;margin:16px 0 22px}.agent-choices{display:grid;gap:10px;margin-top:16px}.agent-choice{text-align:left;justify-content:flex-start}.recommended{outline:2px solid currentColor}.client-script table{font-size:14px}
@media print{.side,.top,.print-actions{display:none!important}.shell{display:block!important}.shell main{padding:0!important}.client-script{max-width:none!important;margin:0!important}}

.agent-choices{display:flex;flex-direction:column;gap:10px;margin-top:14px}.agent-choices .agent-choice{justify-content:flex-start;text-align:left;width:100%}.choice-code{display:inline-block;min-width:28px;font-weight:700}.agent-start{margin-top:16px;display:flex;align-items:center;gap:12px}

.compact-card{border:1px solid rgba(127,127,127,.25);border-radius:12px;padding:14px;margin:12px 0}.compact-card .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.compact-card .form-grid{grid-template-columns:1fr}}

.editor-panel{border:1px solid rgba(127,127,127,.28);border-radius:14px;padding:16px;margin:12px 0 18px;background:rgba(127,127,127,.04)}
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:10px 0 16px}
.permission-check{display:flex;align-items:flex-start;gap:8px;font-size:13px}
.permission-check input{width:auto;margin-top:2px}
.permission-list{display:grid;gap:8px}.permission-list>div{border-bottom:1px solid rgba(127,127,127,.18);padding:8px 0}.permission-list small{display:block;opacity:.65}
@media(max-width:760px){.permission-grid{grid-template-columns:1fr}}

.workflow.vertical span{display:block}.workflow.vertical i{display:block;text-align:center;padding:4px 0}.editor-panel h3{margin-top:14px}

.goal-mode{margin:12px 0;padding:12px;border:1px solid rgba(127,127,127,.18);border-radius:12px}
.table-scroll{overflow:auto}.target-matrix{min-width:max-content}.target-matrix input{min-width:78px;width:78px}.target-matrix .past-target{opacity:.5}
.mini-card{border:1px solid rgba(127,127,127,.2);border-radius:12px;padding:12px}

.editor-panel{margin:14px 0;padding:16px;border:1px solid rgba(127,127,127,.2);border-radius:14px;background:rgba(127,127,127,.035)}

.agent-nav{display:flex;align-items:center;gap:12px;margin-bottom:10px}.agent-nav .eyebrow{margin:0}.agent-nav button[disabled]{opacity:.35;cursor:not-allowed}

.ai-proposal{white-space:pre-wrap;word-break:break-word;background:rgba(127,127,127,.08);padding:12px;border-radius:10px;max-height:420px;overflow:auto}
code{word-break:break-all}

/* iPhone / Safari mobile pass */
.mobile-nav-toggle,.mobile-nav-backdrop{display:none}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,input,select,textarea{font:inherit}
button,.button,a.btn,input[type=submit],input[type=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media (max-width: 820px){
  html,body{max-width:100%;overflow-x:hidden}
  body{min-width:0}
  .mobile-nav-toggle{display:flex;position:fixed;left:12px;top:max(12px,env(safe-area-inset-top));z-index:10020;width:46px;height:46px;border-radius:12px;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 18px rgba(0,0,0,.22)}
  .mobile-nav-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:9998;opacity:0;pointer-events:none;transition:opacity .18s ease}
  body.mobile-nav-open .mobile-nav-backdrop{opacity:1;pointer-events:auto}
  .side{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(86vw,330px)!important;max-width:330px!important;height:100dvh!important;z-index:10010!important;transform:translateX(-105%);transition:transform .2s ease;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding-top:max(70px,calc(env(safe-area-inset-top) + 58px))!important}
  body.mobile-nav-open .side{transform:translateX(0)}
  .main,.content,.page,.app-main,main{min-width:0!important;max-width:100%!important}
  .main,.content,.page,.app-main{margin-left:0!important;padding-left:12px!important;padding-right:12px!important}
  .cs-head{padding-left:68px!important;min-height:62px;flex-wrap:wrap;gap:8px}
  .grid.two,.grid.three,.grid.four,.form-grid,.health-grid,.stats-grid{grid-template-columns:1fr!important}
  .card{min-width:0!important;max-width:100%!important}
  .section-head{align-items:flex-start!important;gap:10px;flex-wrap:wrap}
  .section-head>*{min-width:0}
  input,select,textarea{width:100%;max-width:100%;min-height:44px;font-size:16px!important;box-sizing:border-box}
  textarea{min-height:110px}
  button,.button,.btn{min-height:44px;max-width:100%}
  .tabs,.project-tabs,.subtabs,.tabbar{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}
  .tabs::-webkit-scrollbar,.project-tabs::-webkit-scrollbar,.subtabs::-webkit-scrollbar,.tabbar::-webkit-scrollbar{display:none}
  table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse}
  th,td{white-space:nowrap}
  td p,td .wrap,td .message-body{white-space:normal}
  .modal,.dialog,.modal-card,.drawer,.editor-panel{max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;-webkit-overflow-scrolling:touch}
  .modal-overlay,.overlay{align-items:flex-start!important;padding:12px 10px!important;overflow-y:auto!important}
  pre,code{max-width:100%;overflow-x:auto}
  img,video,canvas,svg{max-width:100%;height:auto}
  .actions,.button-row,.toolbar{flex-wrap:wrap!important}
  .actions>*,.button-row>*{flex:0 1 auto}
}
@media (max-width: 480px){
  .main,.content,.page,.app-main{padding-left:9px!important;padding-right:9px!important}
  .card{padding:12px!important;border-radius:12px}
  h1{font-size:1.55rem!important} h2{font-size:1.2rem!important}
  .cs-head{padding-left:66px!important}
}
@supports (-webkit-touch-callout:none){
  @media (max-width:820px){
    body{min-height:-webkit-fill-available}
    .side{height:-webkit-fill-available!important}
    input,textarea,select{font-size:16px!important}
  }
}

.channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
.channel-option{display:flex;align-items:flex-start;gap:8px;padding:12px;border:1px solid var(--border,#d7dde5);border-radius:12px}
.channel-option input{width:auto;min-height:auto;margin-top:3px}.channel-option b{display:block}.channel-option span{display:block;font-size:12px;opacity:.7}
@media(max-width:820px){.channel-grid{grid-template-columns:1fr 1fr}.channel-option{min-height:64px}}
@media(max-width:480px){.channel-grid{grid-template-columns:1fr}}

.provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.provider-card{border:1px solid var(--border,#d7dde5);border-radius:12px;padding:14px;min-width:0}.provider-card h3{margin-top:0}
@media(max-width:820px){.provider-grid{grid-template-columns:1fr}}

.client-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--border,#d7dde5);margin:12px 0 18px;padding-bottom:8px}.client-tabs button{width:auto}.clientTabPane{display:none}.clientTabPane.active{display:block}.selected-row{background:rgba(80,120,200,.08)}
@media(max-width:620px){.client-tabs{display:grid;grid-template-columns:1fr}.client-tabs button{width:100%}}

.client-profile-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.client-profile-head>div{flex:1}.client-profile-head h1{margin:0}.sticky-client-tabs{position:sticky;top:0;z-index:30;background:var(--bg,#fff);padding-top:10px}
@media(max-width:620px){.client-profile-head{align-items:stretch}.client-profile-head>*{width:100%}.sticky-client-tabs{position:static}}

.pulse-welcome{position:relative;overflow:hidden;min-height:170px;border-radius:24px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#101827,#1d2e49 60%,#284667);color:#fff;margin-bottom:16px;box-shadow:0 18px 44px rgba(14,24,40,.16)}.pulse-welcome h1{font-size:2.35rem;margin:.15em 0}.pulse-welcome p{margin:0;color:rgba(255,255,255,.74);font-size:1.05rem}.pulse-welcome .eyebrow{color:#9fd7ff}.pulse-art{position:relative;width:170px;height:120px}.pulse-orb{position:absolute;width:72px;height:72px;border-radius:50%;right:45px;top:24px;background:radial-gradient(circle at 35% 30%,#fff,#9fd7ff 20%,#4e7dd1 60%,rgba(51,87,150,.2));box-shadow:0 0 50px rgba(114,183,255,.38)}.pulse-ring{position:absolute;border:1px solid rgba(180,220,255,.35);border-radius:50%;right:20px;top:0;width:122px;height:122px}.pulse-ring.r2{right:-12px;top:-28px;width:180px;height:180px;opacity:.45}
.ask-pulse{padding:18px 20px;border-radius:20px}.ask-pulse-title{display:flex;align-items:center;gap:12px}.ask-pulse-title b,.ask-pulse-title small{display:block}.ask-pulse-title small{color:var(--muted,#697586)}.pulse-spark{font-size:24px}.ask-pulse-input{display:flex;gap:10px;align-items:flex-end;margin-top:12px}.ask-pulse-input textarea{min-height:58px}.ask-pulse-input button{height:46px;min-width:110px}.ask-suggestions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.ask-suggestions button{min-height:32px;padding:5px 10px;border-radius:999px;font-size:12px}.pulse-answer{margin-top:14px;padding:16px;border-radius:14px;background:rgba(90,130,180,.08)}.pulse-answer-main{line-height:1.55}.pulse-answer-points{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.pulse-answer-points span{padding:5px 9px;border-radius:999px;background:rgba(90,130,180,.12);font-size:12px}
.ops-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.ops-kpi{background:var(--card,#fff);border:1px solid var(--border,#dbe1e8);border-radius:16px;padding:15px}.ops-kpi span,.ops-kpi small{display:block;color:var(--muted,#697586)}.ops-kpi b{display:block;font-size:1.65rem;margin:5px 0}.ops-kpi.primary{border-top:3px solid #4e7dd1}.ops-kpi.attention{border-top:3px solid #dc7a46}.ops-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.ops-rail{display:flex;flex-direction:column;gap:14px}.command-card{border-radius:16px}.project-command-row{display:grid;grid-template-columns:minmax(180px,2fr) repeat(4,minmax(70px,.7fr));align-items:center;gap:12px;padding:13px 4px;border-top:1px solid var(--border,#e2e7ed);text-decoration:none;color:inherit}.project-command-row>div span{display:block;color:var(--muted,#697586);font-size:11px}.readiness-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border,#e2e7ed)}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px}.status-dot.good{background:#27a667}.status-dot.bad{background:#d85050}.status-dot.warn{background:#dfa238}.command-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0 15px}.command-metrics>div{padding:10px;border-radius:10px;background:rgba(110,130,150,.07)}.command-metrics span{display:block;color:var(--muted,#697586);font-size:11px}.attention-card>a,.ops-rail>.command-card>a,.intel-link{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--border,#e2e7ed);text-decoration:none;color:inherit}.intel-link small{display:block;color:var(--muted,#697586);font-size:11px}.break-stage{height:92px;border-radius:14px;margin-top:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;cursor:pointer;background:rgba(110,130,150,.08)}.break-stage.go{background:#dff6e8;font-size:1.5rem}.break-result{margin-top:12px;padding:15px;border-radius:14px;background:rgba(110,130,150,.08)}.break-result b,.break-result span{display:block}.negative{color:#c23d3d}.empty-state{text-align:center;padding:36px}
@media(max-width:1000px){.ops-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-layout{grid-template-columns:1fr}.ops-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.pulse-art{display:none}.ask-pulse-input{display:block}.ask-pulse-input button{width:100%;margin-top:8px}.ops-kpis{grid-template-columns:1fr 1fr}.project-command-row{grid-template-columns:1fr 1fr}.project-command-row>div:first-child{grid-column:1/-1}.ops-rail{grid-template-columns:1fr}}

.role-brand{padding:20px 18px 16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.role-brand img{display:block;max-width:210px;max-height:82px;width:auto;height:auto;object-fit:contain}
.role-brand>span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.58}
.role-brand.text-brand strong{font-size:24px;letter-spacing:.04em}.role-brand.text-brand span{margin-top:-4px}
.login-pulse-brand{display:flex;justify-content:center;margin:4px 0 22px}.login-pulse-brand img{width:min(320px,82vw);height:auto}
@media(max-width:820px){.role-brand{padding-top:12px}.role-brand img{max-width:190px;max-height:70px}}

.pulseops-brand{gap:5px}.pulse-lockup{display:flex;align-items:center;gap:10px}.pulse-lockup img{width:38px;height:38px;object-fit:contain}.pulse-lockup strong{font-size:27px;line-height:1;font-weight:700;letter-spacing:-.04em}.pulse-lockup strong span{font-weight:500}.pulseops-brand small{font-size:10px;opacity:.55;margin-left:48px}
.pulseops-login-lockup{flex-direction:column;gap:5px}.pulseops-login-lockup>div{display:flex;align-items:center;gap:11px}.pulseops-login-lockup img{width:46px;height:46px}.pulseops-login-lockup strong{font-size:34px;letter-spacing:-.04em}.pulseops-login-lockup strong span{font-weight:500}.pulseops-login-lockup small{font-size:11px;opacity:.58}

.permission-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 16px}.permission-check-grid label{display:flex;gap:9px;align-items:flex-start;padding:10px;border:1px solid var(--border,#dbe1e8);border-radius:10px}.permission-check-grid input{width:auto;min-height:auto;margin-top:3px}.permission-check-grid span,.permission-check-grid b,.permission-check-grid small{display:block}.permission-check-grid small{color:var(--muted,#697586);font-size:10px}.center-access-card{margin-top:16px}
@media(max-width:700px){.permission-check-grid{grid-template-columns:1fr}}

.audit-filters{margin-top:16px}.audit-table-wrap{overflow:auto}.audit-table{min-width:980px}.audit-table td{vertical-align:top}.audit-table td small{display:block;color:var(--muted,#697586);margin-top:3px;max-width:360px}.audit-table tbody tr:hover{background:rgba(90,130,180,.05)}

.agent-workspace{max-width:1200px}.agent-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.agent-toolbar h1{margin:.2em 0}.agent-state-buttons,.softphone-buttons,.supervisor-controls{display:flex;gap:7px;flex-wrap:wrap}.softphone-shell{border:1px solid var(--border,#dbe1e8);border-radius:16px;padding:16px;background:rgba(90,130,180,.05)}.softphone-display{padding:18px;border-radius:12px;background:#101827;color:#fff;margin-bottom:12px}.softphone-display span,.softphone-display b{display:block}.softphone-display span{opacity:.65;font-size:11px;text-transform:uppercase}.softphone-display b{font-size:1.25rem;margin-top:5px}.assignment-summary p{padding:8px 0;border-bottom:1px solid var(--border,#dbe1e8)}.mail-thread{max-height:420px;overflow:auto}.mail-msg{padding:12px;border-radius:12px;margin:8px 0;background:rgba(90,130,180,.08)}.mail-msg.outbound{margin-left:40px}.mail-msg.inbound{margin-right:40px}.mail-msg small{display:block;color:var(--muted,#697586)}.mail-msg p{white-space:pre-wrap}.supervisor-controls button{padding:6px 9px;font-size:11px}

.report-summary-hero{border-top:3px solid #4e7dd1}.cos-report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cos-metric{border:1px solid var(--border,#dbe1e8);border-radius:14px;padding:15px;background:var(--card,#fff)}.cos-metric span{display:block;color:var(--muted,#697586);font-size:12px}.cos-metric b{display:block;font-size:1.55rem;margin-top:5px}.cos-metric.emphasis{border-top:3px solid #4e7dd1}.report-section-title{margin:18px 0 8px}.report-section-title h2,.report-section-title p{margin:0}.cos-question-card h2{font-size:1.05rem;line-height:1.35}.unmapped-row{background:rgba(220,122,70,.10)}.unmapped-row td:first-child{font-weight:700;color:#ad5c2d}.mapping-note{display:flex;justify-content:space-between;align-items:center;gap:15px}.qmap-block{padding:14px 0;border-top:1px solid var(--border,#dbe1e8)}.qmap-grid{display:grid;grid-template-columns:120px 1fr;gap:7px 12px}.qmap-grid label{margin:0}
@media(max-width:900px){.cos-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.cos-report-grid{grid-template-columns:1fr 1fr}.mapping-note{display:block}.mapping-note button{width:100%;margin-top:10px}.qmap-grid{grid-template-columns:90px 1fr}}

.card h1,.card h2,.card h3,.card h4,.cos-metric b,.ops-kpi b,.stat .v{color:inherit}}

.report-branding-card{border-top:3px solid #4e7dd1}.report-logo-preview{min-height:90px;border:1px dashed #8fa0b4;border-radius:14px;margin:12px 0;padding:12px;display:flex;align-items:center;justify-content:center;background:#f8fafc;color:#344054}.report-logo-preview img{max-height:90px;max-width:320px;object-fit:contain}
.client-report-shell{max-width:1480px;margin:0 auto;padding-bottom:40px}.client-report-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:8px 0 22px;border-bottom:1px solid #2a3546}.report-brand-line{display:flex;align-items:center;gap:18px}.client-report-logo{max-height:76px;max-width:250px;object-fit:contain}.client-report-header h1{font-size:2.15rem;margin:.15em 0}.client-report-header p{margin:0;color:#9aa8bb}.report-header-actions{display:flex;gap:8px}
.client-report-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin:18px 0}.report-kpi{background:#111925;border:1px solid #2b3749;border-radius:17px;padding:18px}.report-kpi.primary{background:linear-gradient(145deg,#172a46,#1f3e68);border-color:#3d628e}.report-kpi span,.report-kpi small{display:block}.report-kpi span{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#9bacc1}.report-kpi b{display:block;font-size:1.85rem;margin:6px 0;color:#f7f9fc}.report-kpi small{color:#9bacc1}
.report-grid-main{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:16px}.report-panel{background:#111925;border:1px solid #2b3749;border-radius:18px;padding:20px;color:#edf2f8}.report-panel h2,.report-panel h3,.report-panel b{color:#f5f7fb}.report-panel p,.report-panel small,.report-panel span{color:#a9b6c7}.report-panel-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-end;margin-bottom:14px}.report-panel-head h2{margin:0 0 3px}.report-panel-head p{margin:0}
.report-chart-layout{display:grid;grid-template-columns:245px 1fr;gap:22px;align-items:center}.report-donut{width:230px;height:230px;border-radius:50%;position:relative;display:grid;place-items:center}.report-donut:after{content:"";position:absolute;inset:52px;border-radius:50%;background:#111925}.report-donut>div{position:relative;z-index:2;text-align:center}.report-donut b,.report-donut span{display:block}.report-donut b{font-size:2rem}.report-legend>div{display:grid;grid-template-columns:12px minmax(130px,1fr) 70px 52px;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #253044}.report-legend i{width:9px;height:9px;border-radius:50%;background:var(--dot)}.report-legend em{font-style:normal;color:#9bacc1;text-align:right}
.saturation-hero{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;background:#182334}.sat-number{font-size:2.6rem;font-weight:800;color:#7fc5ff}.saturation-hero b,.saturation-hero span{display:block}.sat-bar{height:12px;border-radius:999px;background:#273449;margin:14px 0 18px;overflow:hidden}.sat-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2f6df6,#14a3a5)}
.report-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.report-mini-grid>div{padding:12px;border-radius:12px;background:#151f2e}.report-mini-grid span,.report-mini-grid b,.report-mini-grid small{display:block}.report-mini-grid span{font-size:11px;text-transform:uppercase}.report-mini-grid b{font-size:1.3rem;margin:4px 0}
.performance-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.performance-strip>div{padding:14px;border-radius:12px;background:#151f2e}.performance-strip span,.performance-strip b{display:block}.performance-strip span{font-size:11px;text-transform:uppercase}.performance-strip b{font-size:1.45rem;margin-top:4px}
.report-question{background:#111925;border:1px solid #2b3749;border-radius:18px;padding:20px;margin:13px 0}.question-title{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:start;padding-bottom:14px;border-bottom:1px solid #283448}.question-title>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#1e3353;color:#8ecbff;font-weight:800}.question-title h3{margin:3px 0;font-size:1rem;line-height:1.4;color:#f3f6fa}.question-title>b{font-size:12px;color:#9bacc1;margin-top:8px}.question-results{padding-top:10px}.question-result-row{display:grid;grid-template-columns:minmax(150px,260px) 1fr 80px 64px;gap:12px;align-items:center;padding:8px 0}.qr-label{color:#e8edf5}.qr-bar{height:10px;background:#283548;border-radius:999px;overflow:hidden}.qr-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2f6df6,#7799ff)}.question-result-row.refused .qr-bar span{background:#7d5fc4}.question-result-row b{text-align:right}.question-result-row em{font-style:normal;color:#aab6c7;text-align:right}
@media print{.side,.topbar,.report-header-actions{display:none!important}.main{margin:0!important;padding:0!important}.client-report-shell{max-width:none}.report-panel,.report-question,.report-kpi{break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}}
@media(max-width:1100px){.client-report-kpis{grid-template-columns:repeat(3,1fr)}.report-grid-main{grid-template-columns:1fr}.performance-strip{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.client-report-header{display:block}.report-brand-line{align-items:flex-start}.report-header-actions{margin-top:12px}.client-report-kpis{grid-template-columns:1fr 1fr}.report-chart-layout{grid-template-columns:1fr}.report-donut{margin:auto}.performance-strip{grid-template-columns:1fr 1fr}.question-result-row{grid-template-columns:1fr 70px 55px}.qr-label{grid-column:1/-1}.qr-bar{grid-column:1}.client-report-logo{max-width:140px;max-height:60px}}

.client-edit-card{margin:14px 0 18px}
.client-edit-card #clName{font-weight:700}


/* ============================================================
   PULSE DEFINITIVE CONTRAST FIX
   ============================================================ */
html body{background:#0b0e13!important;color:#edf2f8!important}
html body .card,
html body .editor-panel,
html body .provider-card,
html body .compact-card,
html body .ops-kpi,
html body .command-card,
html body .center-access-card,
html body .client-edit-card,
html body .report-branding-card,
html body .report-summary-hero,
html body .cos-question-card,
html body .mapping-note{
  background:#121722!important;color:#edf2f8!important;border-color:#344156!important
}
html body .card h1,html body .card h2,html body .card h3,html body .card h4,
html body .editor-panel h1,html body .editor-panel h2,html body .editor-panel h3,html body .editor-panel h4,
html body .provider-card h1,html body .provider-card h2,html body .provider-card h3,html body .provider-card h4,
html body .compact-card h1,html body .compact-card h2,html body .compact-card h3,html body .compact-card h4,
html body .ops-kpi b,html body .cos-metric b,html body td b,html body td strong{
  color:#f4f7fb!important
}
html body .muted,html body .card .muted,html body .editor-panel .muted,
html body .card small,html body .editor-panel small,html body .ops-kpi span,html body .ops-kpi small,
html body .cos-metric span,html body .health-grid span,html body .stat .k,html body .status-definition-row small{
  color:#9eafc3!important
}
html body table{color:#edf2f8!important}
html body table thead th{
  color:#aebdd0!important;background:#0f151e!important;border-color:#344156!important
}
html body table tbody td{
  color:#e7edf6!important;background:#121722!important;border-color:#2d394c!important
}
html body table tbody tr:nth-child(even) td{background:#101620!important}
html body table tbody tr:hover td,
html body table tbody tr.selected-row td,
html body .selected-row td{
  background:#1a2637!important;color:#fff!important
}
html body table tbody td a{color:#9dccff!important}
html body table tbody td a:hover{color:#cce5ff!important}
html body table tbody td small,html body table tbody td .muted{color:#9eafc3!important}
html body label{color:#becbdd!important}
html body input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
html body select,html body textarea{
  background:#0d131c!important;color:#f4f7fb!important;border:1px solid #46566e!important
}
html body input::placeholder,html body textarea::placeholder{color:#73849a!important;opacity:1!important}
html body select option{background:#0d131c!important;color:#f4f7fb!important}
html body .client-tabs,html body .tabs,html body .project-nav,html body .subtabs,html body .nav-tabs{border-color:#344156!important}
html body .client-tabs button,html body .tabs a,html body .project-nav a,html body .subtabs a,html body .nav-tabs a{color:#b2c0d1!important}
html body .client-tabs button.active,html body .tabs a.active,html body .project-nav a.active,
html body .subtabs a.active,html body .nav-tabs a.active{color:#fff!important;background:#1b2636!important}
html body button.secondary,html body .btn.secondary,html body .button.secondary{
  background:#172131!important;color:#eef4fb!important;border-color:#3c4b61!important
}
html body .permission-check-grid label{
  background:#101620!important;border-color:#344156!important;color:#e7edf6!important
}
html body .permission-check-grid label b{color:#f4f7fb!important}
html body .permission-check-grid label small{color:#8fa2b8!important}
html body .client-profile-head,html body .clientTabPane,html body .center-access-card{color:#edf2f8!important}
html body .sticky-client-tabs{background:#0b0e13!important}
html body .report-logo-preview{background:#f8fafc!important;color:#344054!important;border-color:#8fa0b4!important}
html body .report-logo-preview span{color:#475467!important}
html body .report-branding-card input,html body .report-branding-card select,html body .report-branding-card textarea{
  background:#0d131c!important;color:#f4f7fb!important;border-color:#46566e!important
}
html body .report-branding-card .muted,html body .report-summary-hero .muted,html body .mapping-note p{
  color:#9eafc3!important
}
html body a:visited{color:inherit}
html body td a:visited,html body .card a:visited{color:#9dccff!important}

/* ===== COS-style client-facing report ===== */
.cos-client-report{max-width:1180px;margin:0 auto 50px;color:#edf3f9}
.cos-report-header{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:10px 0 20px;border-bottom:1px solid #334155}
.cos-report-brand{display:flex;gap:16px;align-items:center}.cos-report-logo{max-width:190px;max-height:68px;object-fit:contain}.cos-report-kicker{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8ea1b7}.cos-report-header h1{margin:3px 0 4px;font-size:28px;color:#f7f9fc}.cos-report-header p{margin:0;color:#93a4b8}.cos-report-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.client-report-sharebox{margin:14px 0;padding:14px 16px;background:#111925;border:1px solid #344156;border-radius:12px}.client-report-sharebox b{color:#fff}.client-report-sharebox small{color:#93a4b8}.share-link-row{display:flex;gap:8px;margin:8px 0}.share-link-row input{flex:1}
.cos-report-summary{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #334155;border-radius:14px;overflow:hidden;margin:18px 0;background:#111822}.cos-report-summary>div{padding:15px 17px;border-right:1px solid #2b3748}.cos-report-summary>div:last-child{border-right:0}.cos-report-summary span,.cos-report-summary small{display:block;color:#8fa1b6}.cos-report-summary span{text-transform:uppercase;letter-spacing:.06em;font-size:10px}.cos-report-summary b{display:block;color:#f5f8fc;font-size:22px;margin:4px 0}
.cos-results-card,.cos-question{background:#111822;border:1px solid #334155;border-radius:14px}.cos-results-card{padding:19px}.cos-results-title,.cos-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.cos-results-title h2,.cos-section-heading h2{margin:0;color:#f6f8fb;font-size:19px}.cos-results-title p,.cos-section-heading p{margin:4px 0 0;color:#8fa1b6}.cos-sat-pill{text-align:right}.cos-sat-pill span,.cos-sat-pill b{display:block}.cos-sat-pill span{font-size:10px;text-transform:uppercase;color:#8092a8}.cos-sat-pill b{font-size:12px;color:#cbd6e3}
.cos-results-grid{display:grid;grid-template-columns:300px 1fr;gap:28px;margin-top:20px}.cos-chart-side{display:flex;flex-direction:column;align-items:center}.cos-donut{width:220px;height:220px;border-radius:50%;display:grid;place-items:center;position:relative}.cos-donut:after{content:"";position:absolute;inset:48px;background:#111822;border-radius:50%}.cos-donut>div{z-index:2;text-align:center}.cos-donut b,.cos-donut span{display:block}.cos-donut b{font-size:30px;color:#fff}.cos-donut span{font-size:11px;color:#8fa1b6;text-transform:uppercase}
.cos-saturation{width:100%;margin-top:16px}.cos-saturation>div:first-child{display:flex;justify-content:space-between;align-items:center}.cos-saturation span,.cos-saturation small{color:#8fa1b6}.cos-saturation b{color:#f5f8fc}.cos-sat-track,.cos-answer-track{height:8px;border-radius:99px;background:#283548;overflow:hidden}.cos-sat-track{margin:7px 0}.cos-sat-track i{display:block;height:100%;background:#3b82f6;border-radius:99px}
.cos-disp-head,.cos-disp-row{display:grid;grid-template-columns:minmax(180px,1fr) 90px 90px 90px;gap:10px;align-items:center}.cos-disp-head{padding:0 8px 8px;color:#8092a8;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.cos-disp-head span:not(:first-child){text-align:right}.cos-disp-row{padding:9px 8px;border-top:1px solid #293547}.cos-disp-row>span{color:#e6edf5;display:flex;align-items:center;gap:9px}.cos-disp-row i{width:9px;height:9px;border-radius:50%;background:var(--dot);flex:0 0 auto}.cos-disp-row b,.cos-disp-row em{text-align:right}.cos-disp-row b{color:#f5f8fc}.cos-disp-row em{font-style:normal;color:#9aacbf}
.cos-question-section{margin-top:24px}.cos-section-heading{margin-bottom:12px}.cos-question{padding:17px 19px;margin:10px 0}.cos-question-head{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start}.cos-question-head>span{display:grid;place-items:center;width:38px;height:38px;background:#1c3150;border-radius:9px;color:#9fd0ff;font-weight:800}.cos-question-head h3{margin:1px 0 3px;color:#f1f5f9;font-size:15px;line-height:1.4}.cos-question-head small{color:#8395aa}.cos-answer-list{margin:13px 0 0 54px}.cos-answer-row{display:grid;grid-template-columns:minmax(150px,240px) 1fr 65px 58px;gap:11px;align-items:center;padding:7px 0}.cos-answer-label{color:#dce5ef}.cos-answer-track i{display:block;height:100%;border-radius:99px;background:#4f86d9}.cos-answer-row.is-refused .cos-answer-track i{background:#7c6bb1}.cos-answer-row b{text-align:right;color:#eef3f8}.cos-answer-row em{text-align:right;font-style:normal;color:#8fa1b6}.cos-report-footer{text-align:center;color:#65768a;font-size:10px;margin-top:24px;padding-top:14px;border-top:1px solid #273344}
@media(max-width:850px){.cos-report-header{display:block}.cos-report-actions{justify-content:flex-start;margin-top:13px}.cos-report-summary{grid-template-columns:repeat(2,1fr)}.cos-report-summary>div{border-bottom:1px solid #2b3748}.cos-results-grid{grid-template-columns:1fr}.cos-disp-head,.cos-disp-row{grid-template-columns:minmax(120px,1fr) 65px 70px 70px}.cos-answer-row{grid-template-columns:1fr 58px 50px}.cos-answer-label{grid-column:1/-1}.cos-answer-list{margin-left:0}}
@media print{body{background:#fff!important}.side,.topbar,.cos-report-actions,.client-report-sharebox{display:none!important}.main{margin:0!important;padding:0!important}.cos-client-report{max-width:none;color:#172033}.cos-report-header,.cos-report-summary,.cos-results-card,.cos-question{border-color:#cbd5e1!important}.cos-report-summary,.cos-results-card,.cos-question{background:#fff!important}.cos-report-header h1,.cos-report-summary b,.cos-results-title h2,.cos-section-heading h2,.cos-disp-row b,.cos-question-head h3,.cos-answer-row b{color:#172033!important}.cos-donut:after{background:#fff!important}.cos-disp-row>span,.cos-answer-label{color:#253244!important}.cos-question,.cos-results-card{break-inside:avoid}.cos-report-footer{color:#64748b}}


/* Polished client report — matched to approved Campaign Calling Report mockup */
body:has(.cos-polished-report){background:#f5f7fa!important}
.cos-polished-report{max-width:1180px!important;margin:0 auto 48px!important;background:#fff!important;color:#111827!important;border:1px solid #d7dde6!important;box-shadow:0 12px 34px rgba(15,23,42,.08)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.cos-polished-report .cos-report-header{padding:22px 24px!important;border-bottom:1px solid #cbd5e1!important;background:#fff!important;align-items:flex-start!important}
.cos-polished-report .cos-report-brand{gap:22px!important;align-items:flex-start!important}.cos-polished-report .cos-report-logo{max-width:255px!important;max-height:105px!important;object-fit:contain!important}.cos-polished-report .cos-title-block h1{font-size:30px!important;line-height:1.1!important;margin:2px 0 8px!important;color:#08152d!important}.cos-polished-report .cos-title-block p{margin:3px 0!important;color:#172033!important;font-size:14px!important}.cos-polished-report .cos-title-block small{display:block;margin-top:13px;color:#172033!important;font-size:13px}.cos-polished-report .cos-report-context{color:#64748b!important}.cos-polished-report .cos-report-actions{max-width:190px!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important}.cos-polished-report .cos-report-actions button,.cos-polished-report .cos-report-actions .btn{background:#fff!important;color:#0f172a!important;border:1px solid #94a3b8!important;box-shadow:none!important;border-radius:6px!important;padding:8px 12px!important;font-weight:650!important;font-size:12px!important;text-align:center!important}
.cos-polished-report .cos-band-label{margin:15px 24px 7px;text-transform:uppercase;font-weight:800;font-size:13px;color:#08152d;letter-spacing:.01em}
.cos-polished-report .cos-report-summary{margin:0 24px 16px!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;grid-template-columns:repeat(5,1fr)!important}.cos-polished-report .cos-report-summary>div{padding:15px 13px!important;text-align:center!important;border-right:1px solid #cbd5e1!important}.cos-polished-report .cos-report-summary>div:last-child{border-right:0!important}.cos-polished-report .cos-report-summary span{font-size:10px!important;font-weight:800!important;color:#172033!important}.cos-polished-report .cos-report-summary b{font-size:23px!important;color:#08152d!important;margin:7px 0 4px!important}.cos-polished-report .cos-report-summary small{font-size:10px!important;color:#172033!important}
.cos-polished-report .cos-results-card,.cos-polished-report .cos-reach-card,.cos-polished-report .cos-question{margin:0 24px 12px!important;padding:0!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:7px!important;overflow:hidden!important}.cos-polished-report .cos-navy-bar,.cos-polished-report .cos-question-head{display:flex!important;justify-content:space-between!important;align-items:center!important;background:#06162f!important;color:#fff!important;padding:8px 13px!important}.cos-polished-report .cos-navy-bar b{text-transform:uppercase!important;font-size:13px!important}.cos-polished-report .cos-navy-bar span{font-size:11px!important}.cos-polished-report .cos-results-grid{display:grid!important;grid-template-columns:320px 1fr!important;gap:0!important;margin:0!important}.cos-polished-report .cos-chart-side{min-height:330px!important;display:flex!important;justify-content:center!important;align-items:center!important;position:relative!important;border-right:1px solid #d7dde6!important}.cos-polished-report .cos-pie{width:250px;height:250px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}.cos-polished-report .cos-pie-total{position:absolute;bottom:14px;left:0;right:0;text-align:center;color:#64748b}.cos-polished-report .cos-pie-total b{display:block;color:#08152d;font-size:18px}.cos-polished-report .cos-pie-total span{text-transform:uppercase;font-size:9px;letter-spacing:.08em}.cos-polished-report .cos-disposition-table{padding:14px 0 8px}.cos-polished-report .cos-table-title{font-weight:800;color:#111827;padding:0 13px 9px;font-size:13px}.cos-polished-report .cos-disp-head,.cos-polished-report .cos-disp-row{grid-template-columns:minmax(180px,1fr) 90px 110px 100px!important;padding-left:13px!important;padding-right:13px!important}.cos-polished-report .cos-disp-head{color:#334155!important;font-weight:700!important;border-bottom:1px solid #94a3b8!important}.cos-polished-report .cos-disp-row{border-top:1px solid #d7dde6!important;padding-top:7px!important;padding-bottom:7px!important}.cos-polished-report .cos-disp-row>span,.cos-polished-report .cos-disp-row b{color:#111827!important}.cos-polished-report .cos-disp-row em{color:#172033!important}.cos-polished-report .cos-disp-row i,.cos-polished-report .cos-answer-label i{border-radius:0!important;width:9px!important;height:9px!important;background:var(--dot)!important;display:inline-block!important;flex:0 0 auto!important}.cos-polished-report .cos-total-row{font-weight:800!important;background:#f8fafc!important}
.cos-polished-report .cos-reach-grid{display:grid;grid-template-columns:repeat(5,1fr);padding:10px 0}.cos-polished-report .cos-reach-grid>div{text-align:center;padding:8px 10px;border-right:1px solid #cbd5e1}.cos-polished-report .cos-reach-grid>div:last-child{border-right:0}.cos-polished-report .cos-reach-grid span{display:block;text-transform:uppercase;font-weight:800;font-size:10px;color:#172033}.cos-polished-report .cos-reach-grid b{display:block;font-size:20px;color:#08152d;margin:6px 0 3px}.cos-polished-report .cos-reach-grid small{font-size:10px;color:#172033}
.cos-polished-report .cos-question-section{margin:0!important}.cos-polished-report .cos-question-head{border-radius:0!important}.cos-polished-report .cos-question-head b{font-size:12px;color:#fff!important}.cos-polished-report .cos-question-head span{font-size:10px;color:#fff!important}.cos-polished-report .cos-question-body{display:grid;grid-template-columns:1.1fr 1fr}.cos-polished-report .cos-answer-list{margin:0!important;padding:10px 13px;border-right:1px solid #d7dde6}.cos-polished-report .cos-answer-row{display:grid!important;grid-template-columns:minmax(150px,1fr) 65px minmax(90px,180px) 52px!important;gap:8px!important;padding:5px 0!important}.cos-polished-report .cos-answer-label{display:flex;align-items:center;gap:8px;color:#111827!important;font-size:11px}.cos-polished-report .cos-answer-row b,.cos-polished-report .cos-answer-row em{color:#111827!important;font-size:11px}.cos-polished-report .cos-answer-track{height:12px!important;background:transparent!important;border-radius:0!important;border-left:1px solid #94a3b8!important}.cos-polished-report .cos-answer-track i{display:block;height:100%;background:var(--bar)!important;border-radius:0!important}.cos-polished-report .cos-question-table{padding:8px 13px}.cos-polished-report .cos-qtable-head,.cos-polished-report .cos-qtable-row{display:grid;grid-template-columns:minmax(150px,1fr) 65px 110px 90px;gap:8px;align-items:center}.cos-polished-report .cos-qtable-head{font-size:9px;font-weight:800;color:#172033;padding-bottom:5px;border-bottom:1px solid #cbd5e1}.cos-polished-report .cos-qtable-row{font-size:10px;padding:4px 0;color:#111827}.cos-polished-report .cos-qtable-head span:not(:first-child),.cos-polished-report .cos-qtable-row b,.cos-polished-report .cos-qtable-row em{text-align:right}.cos-polished-report .cos-qtable-row em{font-style:normal;color:#111827}.cos-polished-report .cos-report-footer{margin:9px 24px 18px!important;padding:4px 0 0!important;border:0!important;color:#64748b!important;text-align:left!important;font-size:9px!important;font-style:italic}
@media(max-width:900px){.cos-polished-report .cos-report-header{display:block!important}.cos-polished-report .cos-report-actions{max-width:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:15px}.cos-polished-report .cos-results-grid,.cos-polished-report .cos-question-body{grid-template-columns:1fr!important}.cos-polished-report .cos-chart-side,.cos-polished-report .cos-answer-list{border-right:0!important}.cos-polished-report .cos-report-summary,.cos-polished-report .cos-reach-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:620px){.cos-polished-report .cos-report-summary,.cos-polished-report .cos-reach-grid{grid-template-columns:1fr!important}.cos-polished-report .cos-report-summary>div,.cos-polished-report .cos-reach-grid>div{border-right:0!important;border-bottom:1px solid #cbd5e1}.cos-polished-report .cos-report-brand{display:block!important}.cos-polished-report .cos-report-logo{margin-bottom:14px}.cos-polished-report .cos-answer-row{grid-template-columns:minmax(120px,1fr) 55px 80px 45px!important}.cos-polished-report .cos-qtable-head,.cos-polished-report .cos-qtable-row{grid-template-columns:minmax(120px,1fr) 55px 80px 70px!important}}
@media print{body:has(.cos-polished-report){background:#fff!important}.cos-polished-report{border:0!important;box-shadow:none!important;margin:0!important;max-width:none!important}.cos-polished-report .cos-report-header{padding:10px 8px 12px!important}.cos-polished-report .cos-band-label,.cos-polished-report .cos-report-summary,.cos-polished-report .cos-results-card,.cos-polished-report .cos-reach-card,.cos-polished-report .cos-question,.cos-polished-report .cos-report-footer{margin-left:8px!important;margin-right:8px!important}.cos-polished-report .cos-question{break-inside:avoid!important}.cos-polished-report .cos-results-card{break-inside:avoid!important}.cos-polished-report .cos-navy-bar,.cos-polished-report .cos-question-head{background:#06162f!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.cos-polished-report .cos-pie,.cos-polished-report .cos-answer-track i,.cos-polished-report .cos-disp-row i,.cos-polished-report .cos-answer-label i{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Restored client-report project identification block */
.cos-polished-report .cos-project-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin:13px 0 4px;padding-top:11px;border-top:1px solid #d7dee8}.cos-polished-report .cos-project-meta>div{min-width:130px}.cos-polished-report .cos-project-meta span{display:block;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:750;color:#64748b}.cos-polished-report .cos-project-meta b{display:block;margin-top:2px;font-size:12px;color:#0f172a}.cos-polished-report .cos-title-block{min-width:0;flex:1}@media print{.cos-polished-report .cos-project-meta{gap:6px 18px;break-inside:avoid}}

/* Smart report branding defaults + overrides */
.report-default-note{margin:0 0 18px;padding:12px 14px;border:1px solid #33445f;border-radius:12px;background:#0d1624;color:#b9c8dc;font-size:14px}
.report-default-note b{color:#eef4ff}
.report-brand-field{position:relative;padding-bottom:19px}
.report-brand-field .brand-source{position:absolute;left:0;bottom:0;font-size:11px;font-weight:700;letter-spacing:.02em}
.report-brand-field .brand-source.default{color:#68d4c7}
.report-brand-field .brand-source.custom{color:#8cb7ff}
.report-branding-card .button-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
@media(max-width:850px){.report-brand-grid{grid-template-columns:1fr!important}}

/* Safari-safe client edit + revised report identity hierarchy */
.safari-client-editor{scroll-margin-top:24px}
.safari-client-editor label small{display:block;margin-top:6px;color:#91a0b5;font-size:12px}
.cos-polished-report .cos-title-block h1{font-size:clamp(34px,4vw,56px);line-height:1.02;letter-spacing:-.035em;margin:0 0 8px;font-weight:850;color:#0b1730}
.cos-polished-report .cos-report-type{font-size:18px!important;font-weight:700!important;color:#46546a!important;margin:0 0 5px!important}
.cos-polished-report .cos-report-context{font-size:14px!important;color:#748096!important;margin:0 0 14px!important}
@media print{
 .cos-polished-report .cos-title-block h1{font-size:34px!important}
 .cos-polished-report .cos-report-type{font-size:14px!important}
}

/* Restored Projects list — list is intentionally first and always visible */
.projects-list-first{margin-bottom:22px}
.projects-main-head{align-items:flex-end}
.project-view-filters{display:flex;gap:8px;flex-wrap:wrap}
.project-view-filters .btn span{display:inline-block;margin-left:6px;min-width:22px;padding:1px 7px;border-radius:999px;background:rgba(255,255,255,.09);font-size:12px}
.project-view-filters .active-filter{background:#2f73f6;color:white;border-color:#2f73f6}
.projects-list-card{margin-top:8px}
.project-name-link{font-size:16px}
.projects-empty{padding:28px;text-align:center;color:#9aabc1}
.project-create-tools{margin-top:24px}
.project-create-tools>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:14px;padding:2px 0}
.project-create-tools>summary::-webkit-details-marker{display:none}
.project-create-tools>summary b{font-size:18px}
.project-create-tools>summary span{color:#8fa0b8;font-size:13px}
.project-create-tools>summary:after{content:"▾";margin-left:auto;color:#8fa0b8}
.project-create-tools[open]>summary:after{content:"▴"}
.project-create-tools-body{padding-top:22px}
.project-tool-panel{min-width:0}
@media(max-width:900px){
 .projects-main-head{align-items:flex-start}
 .project-view-filters{width:100%;margin-top:10px}
 .project-view-filters .btn{flex:1;text-align:center;min-width:100px}
}

/* ============================================================
   CLIENT REPORT PDF / SAFARI PRINT HARD FIX
   ============================================================ */
.cos-polished-report .cos-project-kicker{
  font-size:11px!important;font-weight:850!important;letter-spacing:.12em!important;
  color:#64748b!important;text-transform:uppercase!important;margin:0 0 4px!important
}
.cos-polished-report .cos-project-description{
  margin:0 0 6px!important;font-size:15px!important;line-height:1.35!important;
  font-weight:600!important;color:#334155!important
}
.cos-polished-report .cos-project-meta .meta-description{min-width:250px;flex:2}
@page{size:Letter portrait;margin:.38in .42in .42in}

@media print{
  html,body{width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important}
  body:has(.cos-polished-report) .side,
  body:has(.cos-polished-report) .top,
  body:has(.cos-polished-report) .topbar,
  body:has(.cos-polished-report) .mobile-nav-toggle,
  body:has(.cos-polished-report) .mobile-nav-backdrop,
  body:has(.cos-polished-report) .cos-report-actions,
  body:has(.cos-polished-report) .client-report-sharebox{display:none!important}
  body:has(.cos-polished-report) .shell{display:block!important;min-height:0!important}
  body:has(.cos-polished-report) .main{display:block!important;margin:0!important;padding:0!important;width:auto!important;max-width:none!important}
  .cos-polished-report{
    display:block!important;width:100%!important;max-width:none!important;margin:0!important;
    padding:0!important;border:0!important;box-shadow:none!important;font-size:9pt!important
  }
  .cos-polished-report .cos-report-header{
    display:block!important;padding:0 0 9px!important;margin:0 0 7px!important;border-bottom:1.5px solid #0b1b36!important
  }
  .cos-polished-report .cos-report-brand{display:flex!important;gap:14px!important;align-items:flex-start!important}
  .cos-polished-report .cos-report-logo{max-width:1.55in!important;max-height:.72in!important}
  .cos-polished-report .cos-title-block h1{
    font-size:22pt!important;line-height:1.03!important;margin:0 0 3px!important;letter-spacing:-.02em!important
  }
  .cos-polished-report .cos-project-kicker{font-size:7.5pt!important;margin-bottom:2px!important}
  .cos-polished-report .cos-project-description{font-size:9.5pt!important;margin:0 0 3px!important}
  .cos-polished-report .cos-report-type{font-size:9.5pt!important;margin:0 0 2px!important;color:#334155!important}
  .cos-polished-report .cos-report-context{font-size:8pt!important;margin:0 0 4px!important}
  .cos-polished-report .cos-title-block>small{font-size:7.5pt!important;margin-top:5px!important}
  .cos-polished-report .cos-project-meta{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:4px 12px!important;margin:6px 0 0!important;padding-top:5px!important
  }
  .cos-polished-report .cos-project-meta>div{min-width:0!important}
  .cos-polished-report .cos-project-meta .meta-description{grid-column:span 2!important;min-width:0!important}
  .cos-polished-report .cos-project-meta span{font-size:6.5pt!important}
  .cos-polished-report .cos-project-meta b{font-size:8pt!important;line-height:1.2!important}

  .cos-polished-report .cos-band-label{margin:6px 0 4px!important;font-size:8pt!important}
  .cos-polished-report .cos-report-summary{
    margin:0 0 7px!important;border-radius:4px!important;grid-template-columns:repeat(5,1fr)!important
  }
  .cos-polished-report .cos-report-summary>div{padding:6px 5px!important}
  .cos-polished-report .cos-report-summary span{font-size:6.5pt!important}
  .cos-polished-report .cos-report-summary b{font-size:14pt!important;margin:2px 0!important}
  .cos-polished-report .cos-report-summary small{font-size:6.4pt!important;line-height:1.15!important}

  .cos-polished-report .cos-results-card,
  .cos-polished-report .cos-reach-card,
  .cos-polished-report .cos-question{
    margin:0 0 7px!important;border-radius:4px!important
  }
  /* Do NOT force the large calling-results block to the next page. */
  .cos-polished-report .cos-results-card{break-inside:auto!important;page-break-inside:auto!important}
  .cos-polished-report .cos-results-grid{
    display:grid!important;grid-template-columns:2.0in 1fr!important;break-inside:auto!important
  }
  .cos-polished-report .cos-chart-side{
    min-height:2.05in!important;border-right:1px solid #d7dde6!important
  }
  .cos-polished-report .cos-pie{width:1.55in!important;height:1.55in!important}
  .cos-polished-report .cos-pie-total{bottom:4px!important}
  .cos-polished-report .cos-pie-total b{font-size:10pt!important}
  .cos-polished-report .cos-pie-total span{font-size:6pt!important}
  .cos-polished-report .cos-disposition-table{padding:5px 0!important}
  .cos-polished-report .cos-table-title{font-size:8pt!important;padding:0 6px 4px!important}
  .cos-polished-report .cos-disp-head,.cos-polished-report .cos-disp-row{
    grid-template-columns:minmax(0,1.6fr) .55fr .72fr .72fr!important;
    padding:3px 6px!important;font-size:6.7pt!important;line-height:1.15!important
  }
  .cos-polished-report .cos-navy-bar,.cos-polished-report .cos-question-head{
    padding:4px 7px!important;background:#06162f!important;color:#fff!important;
    -webkit-print-color-adjust:exact!important;print-color-adjust:exact!important
  }
  .cos-polished-report .cos-navy-bar b{font-size:8pt!important}
  .cos-polished-report .cos-navy-bar span{font-size:6.5pt!important}

  .cos-polished-report .cos-reach-grid>div{padding:5px 4px!important}
  .cos-polished-report .cos-reach-grid span{font-size:6.3pt!important}
  .cos-polished-report .cos-reach-grid b{font-size:12pt!important}
  .cos-polished-report .cos-reach-grid small{font-size:6.2pt!important}

  .cos-polished-report .cos-question{break-inside:avoid!important;page-break-inside:avoid!important}
  .cos-polished-report .cos-question-head b{font-size:8pt!important}
  .cos-polished-report .cos-question-head span{font-size:6.5pt!important}
  .cos-polished-report .cos-question-body{grid-template-columns:1fr 1fr!important}
  .cos-polished-report .cos-answer-row,.cos-polished-report .cos-qtable-row,.cos-polished-report .cos-qtable-head{
    font-size:6.5pt!important;line-height:1.15!important
  }
  .cos-polished-report .cos-report-footer{margin:5px 0 0!important;font-size:6.5pt!important}
}

/* General Info, calling-date reporting, and Project Templates */
.calling-date-toolbar{margin:0 24px 14px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#172033;display:flex;align-items:center;justify-content:space-between;gap:16px}
.calling-date-toolbar>div span{display:block;text-transform:uppercase;letter-spacing:.07em;font-size:9px;font-weight:800;color:#64748b}
.calling-date-toolbar>div b{display:block;margin-top:2px;font-size:14px;color:#0f172a}
.calling-date-toolbar label{display:flex;align-items:center;gap:8px;color:#334155!important;font-size:12px;font-weight:700}
.calling-date-toolbar select{min-width:170px;background:#fff!important;color:#0f172a!important;border:1px solid #94a3b8!important}
.cos-project-meta .meta-calling-date{min-width:190px}
.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.project-template-form{padding:20px}
.project-template-form .section-head{margin-bottom:12px}
.new-template-card{border-style:dashed!important}
@media(max-width:900px){.template-grid{grid-template-columns:1fr}.calling-date-toolbar{display:block}.calling-date-toolbar label{margin-top:10px;display:block}}
@media print{
 .calling-date-toolbar{margin:0 0 6px!important;padding:4px 6px!important;display:block!important;border-color:#cbd5e1!important}
 .calling-date-toolbar label{display:none!important}
 .calling-date-toolbar>div span{font-size:6pt!important}
 .calling-date-toolbar>div b{font-size:8pt!important}
}

/* Client-code locking + automatic project numbering */
#lockedClientCode[readonly], #projectForm input[name="project_number"][readonly]{
 background:#101827!important;color:#d7e3f7!important;border-style:dashed!important;cursor:not-allowed
}
.admin-code-override{margin-top:24px!important;padding:10px 12px;border:1px solid #5c4a2d;border-radius:10px;background:#20190f}
.auto-project-number-note{padding:10px 12px;border:1px solid #33445f;border-radius:10px;background:#101827}
.auto-project-number-note b{display:block;color:#edf4ff;margin-bottom:3px}
.auto-project-number-note span{display:block;color:#9fb0c8;font-size:12px;line-height:1.35}
#projectForm label small{display:block;margin-top:5px;color:#8fa1b9;font-size:11px}

/* Project reference + General form corrections */
.compact-projects th:first-child,.compact-projects td:first-child{white-space:nowrap;width:115px}
.project-number-link{font-variant-numeric:tabular-nums;letter-spacing:.02em}
.project-general-form{display:block!important}
.project-general-form .form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.project-general-form .project-schedule-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.project-general-form label{display:block!important;visibility:visible!important}
.project-general-form textarea,.project-general-form input,.project-general-form select{width:100%}
@media(max-width:900px){
 .project-general-form .form-grid,.project-general-form .project-schedule-grid{grid-template-columns:1fr!important}
}

/* HARD FIX: General must never clip after Client */
.general-page-stack{display:flex!important;flex-direction:column!important;gap:18px!important;width:100%!important;max-width:1180px!important}
.project-general-card{display:block!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important}
.project-general-card .project-general-form{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important}
.project-general-card .form-grid,.project-general-card .project-schedule-grid{height:auto!important;max-height:none!important;overflow:visible!important}
.project-general-card label,.project-general-card select,.project-general-card input,.project-general-card textarea,.project-general-card button{visibility:visible!important;opacity:1!important}
.project-management-card{width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important}
\n.general-section-label{margin:22px 0 5px;padding-top:16px;border-top:1px solid #334156;color:#f2f6fb;font-size:14px;font-weight:800;letter-spacing:.02em}\n
/* General schedule + locked assignment */
.general-section-label{margin:22px 0 4px;padding-top:16px;border-top:1px solid #334156;color:#eaf1fb;font-size:15px;font-weight:800}
.project-general-form input[readonly]{background:#101827!important;border-style:dashed!important;color:#d9e5f4!important}
.project-general-form .project-schedule-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.crumb a{text-decoration:underline;text-underline-offset:2px}
@media(max-width:900px){.project-general-form .project-schedule-grid{grid-template-columns:1fr!important}}


/* Hunter beta feedback — Script Navigator */
.script-workspace-layout{
 display:grid;
 grid-template-columns:250px minmax(0,1fr) 360px;
 gap:16px;
 align-items:start
}
.script-outline-card{
 position:sticky;
 top:18px;
 max-height:calc(100vh - 36px);
 overflow:auto;
 padding:14px!important
}
.script-outline{display:flex;flex-direction:column;gap:5px}
.script-outline a{
 display:grid;
 grid-template-columns:42px minmax(0,1fr);
 gap:9px;
 align-items:center;
 padding:9px 8px;
 border:1px solid transparent;
 border-radius:8px
}
.script-outline a:hover{background:#172131;border-color:#30415a}
.script-outline a span{font-size:10px;font-weight:850;letter-spacing:.06em;color:#79a7ff}
.script-outline a b{
 font-size:12px;
 line-height:1.25;
 color:#e8eef7;
 overflow:hidden;
 text-overflow:ellipsis
}
.script-anchor{scroll-margin-top:22px}
.script-editor-card,.script-tools-stack{min-width:0}

/* Admin-only lightweight request timing */
.pulse-perf-indicator{
 position:fixed;
 right:14px;
 bottom:14px;
 z-index:5000;
 display:flex;
 gap:7px;
 align-items:center;
 padding:7px 10px;
 border:1px solid #42516a;
 border-radius:999px;
 background:rgba(10,15,24,.94);
 box-shadow:0 4px 20px rgba(0,0,0,.28);
 font-size:11px
}
.pulse-perf-indicator span{font-size:9px;font-weight:850;letter-spacing:.08em;color:#89a5cb}
.pulse-perf-indicator b{color:#eaf2ff;font-variant-numeric:tabular-nums}
.pulse-perf-indicator em{font-style:normal;color:#96a6bc}

@media(max-width:1250px){
 .script-workspace-layout{grid-template-columns:220px minmax(0,1fr)}
 .script-tools-stack{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}
@media(max-width:850px){
 .script-workspace-layout{grid-template-columns:1fr}
 .script-outline-card{position:static;max-height:none}
 .script-tools-stack{grid-template-columns:1fr}
}

/* Project tabs: keep every tab independently clickable across Safari/desktop browsers. */
.project-nav{position:relative;z-index:20}
.project-nav .project-tab-link{position:relative;z-index:21;pointer-events:auto!important;cursor:pointer}

/* Inline refusal percentage control */
.refusal-toggle-link{color:inherit!important;text-decoration:none!important;font-weight:inherit}
.refusal-toggle-link small{
 display:inline-block;
 margin-left:8px;
 font-size:9px;
 font-weight:700;
 letter-spacing:.02em;
 color:#75859a;
 opacity:.75
}
.refusal-toggle-row:hover{background:#f7f9fc}
.refusal-toggle-row:hover .refusal-toggle-link{color:#1d4ed8!important}
.refusal-toggle-row:hover .refusal-toggle-link small{opacity:1;color:#52657c}
.refusal-toggle-link.compact{display:inline-block}
.refusal-mode-link{
 display:inline-block;
 margin-left:8px;
 padding:2px 7px;
 border:1px solid #cbd5e1;
 border-radius:999px;
 color:#52657c!important;
 text-decoration:none!important;
 font-size:9px;
 font-weight:750
}
.refusal-mode-link:hover{background:#f1f5f9;color:#0f172a!important}
.print-only{display:none}
@media print{
 .no-print{display:none!important}
 .print-only{display:inline!important}
 .refusal-print-note{font-size:7pt;color:#64748b}
}

/* Reliable server-side refusal toggle — no JS dependency */
.refusal-inline-form,.refusal-show-form{display:inline;margin:0;padding:0}
.refusal-inline-form button,.refusal-show-form button{
 appearance:none;-webkit-appearance:none;background:none;border:0;padding:0;margin:0;font:inherit;cursor:pointer
}
.refusal-inline-form .refusal-toggle-link{display:inline-flex;align-items:center;text-align:left}
.refusal-toggle-row{cursor:pointer}
.refusal-show-form{margin-left:8px}
.refusal-show-form .refusal-mode-link{
 padding:2px 7px!important;border:1px solid #cbd5e1!important;border-radius:999px!important;
 background:#fff!important;color:#52657c!important;font-size:9px!important;font-weight:750!important
}

/* Report calling-period presentation */
.cos-report-period{margin:3px 0 0;font-size:15px;color:#27364a}
.cos-report-period b{font-weight:800;color:#0f172a}
.report-generated{display:block;margin-top:8px;color:#64748b}
.calling-date-toolbar.compact{
 margin:0 24px 12px;
 padding:0;
 border:0;
 background:transparent;
 display:flex;
 justify-content:flex-end
}
.calling-date-toolbar.compact label{
 display:flex;
 align-items:center;
 gap:8px;
 margin:0;
 font-size:11px;
 color:#64748b
}
.calling-date-toolbar.compact select{
 width:auto;
 min-width:210px;
 padding:6px 28px 6px 8px
}
@media print{
 .calling-date-toolbar.compact{display:none!important}
 .cos-report-period{font-size:9pt!important}
 .report-generated{font-size:7pt!important}
}

/* Compact report header metadata */
.cos-report-compact-meta{
 display:flex;
 flex-wrap:wrap;
 gap:0;
 align-items:center;
 margin:5px 0 0;
 font-size:11px;
 line-height:1.25;
 color:#64748b;
 font-family:inherit
}
.cos-report-compact-meta span{display:inline-flex;align-items:center}
.cos-report-compact-meta span+span:before{
 content:"·";
 margin:0 7px;
 color:#94a3b8;
 font-weight:400
}
.cos-report-compact-meta b{
 color:#334155;
 font-size:inherit;
 font-weight:750
}
.cos-report-period,.report-generated{display:none!important}
@media print{
 .cos-report-compact-meta{font-size:7.5pt!important;margin-top:2px!important}
}

/* Generalized report response/disposition filters */
.report-filter-link{color:inherit!important;text-decoration:none!important}
.report-filter-link small{margin-left:7px;font-size:8px;font-weight:700;color:#94a3b8;opacity:0;transition:opacity .12s}
.cos-answer-row:hover .report-filter-link small,.cos-disp-row:hover .report-filter-link small{opacity:1}
.report-filter-link:hover{color:#2563eb!important}
.report-filter-status{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:4px 24px 10px;font-size:10px;color:#64748b}
.report-filter-status a{color:#2563eb;text-decoration:none;font-weight:700}
@media print{.report-filter-link small,.report-filter-status{display:none!important}}

/* PULSE product-only branding */
.pulse-product-brand{padding:4px 4px 18px!important}
.pulse-product-lockup{display:flex;align-items:center;gap:11px}
.pulse-product-lockup img{width:38px;height:38px;display:block}
.pulse-product-lockup strong{font-size:23px;line-height:1;letter-spacing:.14em;font-weight:850;color:#f8fafc}
.pulse-product-brand small{display:none!important}

/* Report exclusions: live controls stay out of the report until the operator asks for them. */
.report-filter-tools{
 margin:10px 24px 12px;padding:11px 13px;border:1px solid #d8e0eb;border-radius:10px;background:#f8fafc;
 display:flex;align-items:flex-start;justify-content:space-between;gap:14px;color:#475569;font-size:10px
}
.report-filter-tools>div:first-child{display:flex;flex-direction:column;gap:2px}
.report-filter-tools b{color:#172033;font-size:11px}
.report-filter-tools strong{font-weight:800;color:#2563eb}
.report-filter-active{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;max-width:55%}
.filter-active-title{font-weight:750;color:#64748b;margin-right:3px}
.filter-chip{display:inline-flex;padding:3px 7px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#334155!important;text-decoration:none!important;font-weight:700}
.filter-chip:hover{border-color:#7c9ddb;background:#eef4ff}
.filter-reset{margin-left:3px;color:#2563eb!important;text-decoration:none!important;font-weight:800}
.report-filter-link{display:inline-flex!important;align-items:center;position:relative;color:inherit!important;text-decoration:none!important}
.report-filter-link .filter-action{
 position:absolute;left:100%;top:50%;transform:translate(8px,-50%);z-index:20;
 display:inline-flex!important;align-items:center;opacity:0!important;visibility:hidden;pointer-events:none;
 margin:0!important;padding:2px 6px;border:1px solid #cbd5e1;border-radius:999px;
 font-size:8px!important;line-height:1.2;color:#64748b!important;background:#fff;font-weight:750!important;white-space:nowrap;
 box-shadow:0 2px 8px rgba(15,23,42,.10);transition:opacity .12s ease,visibility .12s ease
}
.cos-answer-row:hover .report-filter-link .filter-action,
.cos-disp-row:hover .report-filter-link .filter-action,
.report-filter-link:hover .filter-action,
.report-filter-link:focus-visible .filter-action{
 opacity:1!important;visibility:visible;border-color:#7c9ddb;color:#2563eb!important;background:#eef4ff
}
@media print{
 .report-filter-tools,.filter-action,.report-filter-link .filter-action,.report-filter-status{display:none!important;visibility:hidden!important;opacity:0!important}
 .report-filter-link{color:inherit!important;text-decoration:none!important;pointer-events:none!important}
}

/* Template library */
.template-library-layout{display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr);gap:18px;align-items:start}
.template-library-list{padding:10px!important;position:sticky;top:18px}
.template-list-head{display:flex;justify-content:space-between;align-items:center;padding:8px 9px 12px;border-bottom:1px solid #28364a}
.template-list-head span{font-size:11px;color:#94a3b8}
.template-list-item{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 10px;margin-top:5px;border-radius:9px;color:inherit!important;text-decoration:none!important;border:1px solid transparent}
.template-list-item:hover{background:#182234;border-color:#34445c}
.template-list-item.selected{background:#1d2a40;border-color:#3b82f6}
.template-list-item>div{display:flex;min-width:0;flex-direction:column;gap:3px}
.template-list-item b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.template-list-item div span{font-size:10px;color:#9fb0c7}
.template-state{font-size:9px;padding:3px 6px;border-radius:999px;white-space:nowrap}
.template-state.active{background:#0f3833;color:#74e2d4}.template-state.inactive{background:#2c3340;color:#aab4c3}
.template-library-editor{padding:22px!important}
.template-delete-zone{margin-top:24px;padding-top:18px;border-top:1px solid #334155;display:flex;justify-content:space-between;align-items:center;gap:15px}
.template-delete-zone>div{display:flex;flex-direction:column;gap:3px}.template-delete-zone span{font-size:11px;color:#94a3b8}
button.danger{background:#7f1d1d!important;border-color:#991b1b!important;color:#fff!important}
.template-empty{padding:12px}
@media(max-width:850px){.template-library-layout{grid-template-columns:1fr}.template-library-list{position:static}.report-filter-tools{flex-direction:column}.report-filter-active{max-width:none;justify-content:flex-start}}

/* Project template status-code parity editor */
.template-status-editor{margin-top:22px;padding-top:18px;border-top:1px solid #334155}
.template-status-editor .section-head{align-items:flex-start;margin-bottom:10px}
.status-class-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;padding:10px 12px;margin-bottom:12px;border:1px solid #334155;border-radius:9px;background:#111a28}
.status-class-legend span{font-size:10px;color:#9fb0c7}.status-class-legend b{color:#dbeafe}
.template-status-table-wrap{overflow-x:auto}
.template-status-code-table{min-width:820px}
.template-status-code-table th:nth-child(n+3):nth-child(-n+7),.template-status-code-table td:nth-child(n+3):nth-child(-n+7){text-align:center;width:76px}
.template-status-code-table input[type=checkbox]{width:18px;height:18px}
.template-status-code-table td:first-child input{min-width:72px}
.template-status-code-table td:nth-child(2) input{min-width:190px}
.removeTemplateStatusCode{padding:5px 9px!important;min-width:0!important}
@media(max-width:850px){.status-class-legend{grid-template-columns:1fr}}

.goal-overview-definition{display:flex;flex-direction:column;gap:4px;margin-top:14px}
.goal-overview-definition span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}
.goal-overview-definition b{font-size:18px;color:#f8fafc}
.goal-overview-definition small{font-size:11px;color:#9fb0c7}

/* Phase 2 — Launch Readiness / canonical eligibility */
.launch-readiness-card{border-left:4px solid #3b82f6}
.readiness-score{min-width:116px;padding:8px 12px;border-radius:10px;text-align:center;display:flex;flex-direction:column;gap:2px}
.readiness-score b{font-size:23px}.readiness-score span{font-size:9px;font-weight:800;letter-spacing:.08em}
.readiness-score.good{background:#0d3c31;color:#81ead3}.readiness-score.warn{background:#493714;color:#f5d580}.readiness-score.bad{background:#4c1d24;color:#fca5a5}
.readiness-summary{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:10px 0 14px;border-bottom:1px solid #334155}
.readiness-summary span{font-size:11px;color:#a9b6c8}.readiness-summary span b{font-size:15px;color:#f8fafc;margin-right:4px}
.readiness-summary button{margin-left:auto}
.readiness-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 13px;margin-top:14px}
.readiness-check{display:flex;gap:8px;align-items:flex-start;padding:7px 8px;border-radius:8px;background:#111a28}
.readiness-check i{display:flex;width:18px;height:18px;align-items:center;justify-content:center;border-radius:50%;font-style:normal;font-weight:900;font-size:10px;flex:0 0 auto}
.readiness-check.pass i{background:#123e34;color:#7ee2ca}.readiness-check.warn i{background:#4a3714;color:#f4d27b}.readiness-check.block i{background:#4b1e25;color:#fca5a5}
.readiness-check span{font-size:11px;line-height:1.4;color:#c8d2df}
@media(max-width:850px){.readiness-checks{grid-template-columns:1fr}.readiness-summary button{margin-left:0}}
.liz-readiness{display:flex;gap:9px;align-items:center;padding:10px 11px;margin-top:12px;border:1px solid #334155;border-radius:9px;background:#101a29;font-size:11px}.liz-readiness b{color:#8fb5ff;white-space:nowrap}.liz-readiness span{color:#c8d2df}

/* Phase 3 — capability packs, Robo/IVR, assets, workforce routing and pacing */
.template-capabilities{margin:18px 0;padding:12px;border:1px solid #334155;border-radius:10px;background:#111a28}
.template-capabilities>div:first-child{display:flex;flex-direction:column;gap:3px;margin-bottom:9px}.template-capabilities span{font-size:10px;color:#94a3b8}
.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px}.capability-grid label{font-size:11px}
.capability-strip{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.capability-strip span{padding:4px 8px;border-radius:999px;background:#222c3b;color:#7f8da1;font-size:9px;font-weight:800}.capability-strip span.on{background:#123b34;color:#7de2cb}
.automation-builder .card{height:100%}.automation-validation{display:flex;flex-direction:column;gap:5px;padding:11px;border-radius:9px;margin-bottom:12px}.automation-validation.valid{background:#103a31;color:#9ce8d6}.automation-validation.invalid{background:#421d25;color:#fecaca}
.automation-validation span{font-size:11px}.automation-help{display:flex;flex-direction:column;gap:5px;margin:12px 0}.automation-help b{font-size:11px}.automation-help span{font-size:10px;color:#9fb0c7}
.ivr-table{min-width:980px}.ivr-table td:first-child input{width:54px;text-align:center;font-weight:850}.ivr-table td:nth-child(2) input{min-width:180px}.ivr-table td:nth-child(4) input{min-width:150px}
.project-asset-list{display:flex;flex-direction:column;gap:8px}.project-asset-row{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid #334155;border-radius:9px;background:#111a28}.asset-icon{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:#17243a;color:#8fb5ff;font-size:17px}.asset-main{display:flex;min-width:0;flex-direction:column;gap:2px}.asset-main b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-main span,.asset-main small{font-size:10px;color:#96a5b9}.asset-actions{display:flex;align-items:center;gap:6px}.asset-actions form{margin:0}
.pacing-card{border-left:4px solid #8b5cf6}.pacing-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.pacing-reasons{display:flex;flex-wrap:wrap;gap:6px 14px;margin:13px 0}.pacing-reasons span{font-size:10px;color:#9fb0c7}
.workforce-router-card{border-left:4px solid #22c55e}.routing-explain{margin-top:12px}.route-explain-row{display:flex;justify-content:space-between;gap:12px;padding:8px 9px;border-top:1px solid #2e3b4f}.route-explain-row:first-child{border-top:0}.route-explain-row span{color:#9fb0c7}
@media(max-width:900px){.capability-grid,.pacing-kpis{grid-template-columns:1fr 1fr}.project-asset-row{grid-template-columns:34px 1fr}.asset-actions{grid-column:2}.route-explain-row{flex-direction:column}}

/* Phase 4 — private enterprise control plane */
.fleet-card{border-left:4px solid #0ea5e9}
.fleet-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.inline-pair{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.fleet-principles{display:flex;gap:9px;align-items:flex-start;margin-top:14px;padding:10px 11px;border-radius:9px;background:#0f1c2d;border:1px solid #334155}
.fleet-principles b{color:#7dd3fc;white-space:nowrap}.fleet-principles span{font-size:11px;color:#c7d2df}
@media(max-width:900px){.fleet-kpis{grid-template-columns:1fr 1fr}}

/* Phase 5 — data readiness and resilience */
.data-readiness-card{border-left:4px solid #14b8a6}.data-health-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.ops-health-card{border-left:4px solid #f59e0b}.ops-health-card details summary{cursor:pointer;font-weight:800}
@media(max-width:1100px){.data-health-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.data-health-grid{grid-template-columns:1fr 1fr}}

/* Phase 6 operational workflow */
.record-browser-tools{display:flex;gap:10px;align-items:center;margin:10px 0}.record-browser-tools input{flex:1}
.segment-list{display:grid;gap:7px;margin-top:12px}.segment-list .compact-card{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.row-attention{background:rgba(245,158,11,.08)}

.liz-action-queue{border-left:4px solid #60a5fa}.liz-task-list{display:flex;flex-direction:column;gap:7px}.liz-task{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:10px;border:1px solid #334155;border-radius:9px;background:#101a29}.liz-task.critical{border-left:3px solid #ef4444}.liz-task>div:first-child{display:flex;flex-direction:column;gap:3px}.liz-task span{font-size:10px;color:#94a3b8}.liz-task>div:last-child{display:flex;gap:6px}

.sms-inbox-list{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow:auto}.smsThreadOpen{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:#111a28;border:1px solid #334155;border-radius:8px;padding:9px 10px}.smsThreadOpen span{font-size:11px;color:#c7d2df;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smsThreadOpen small{font-size:9px;color:#8fa0b6}.sms-thread-view{margin-top:12px;border-top:1px solid #334155;padding-top:12px}.sms-message-stream{display:flex;flex-direction:column;gap:7px;max-height:310px;overflow:auto;margin:10px 0}.sms-bubble{max-width:85%;padding:8px 10px;border-radius:10px;background:#182538;display:flex;flex-direction:column;gap:3px}.sms-bubble.out{align-self:flex-end;background:#173b36}.sms-bubble small{font-size:8px;color:#91a0b3}.qa-recording-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px;border-bottom:1px solid #334155}.qa-recording-row>div:first-child{display:flex;flex-direction:column;gap:3px}

.secret-field{display:flex;gap:6px;align-items:center}.secret-field input{flex:1}.secret-field button{white-space:nowrap}

.email-live-test{padding:.35rem 0}.email-address code{font-size:1.05rem;user-select:all}.email-advanced{margin:.5rem 0}.email-advanced summary{cursor:pointer;font-weight:700}.email-live-test input{max-width:420px}

/* 2026-08-13 REPORT FILTER CONTROL HOTFIX
   Live report: controls are absent until the operator hovers/focuses a result row.
   Print/PDF: controls and filter-management UI never render. */
.report-filter-link .filter-action,
.cos-polished-report .report-filter-link .filter-action{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  position:absolute!important;
  left:100%!important;
  top:50%!important;
  transform:translate(8px,-50%)!important;
  z-index:30!important;
  margin:0!important;
  padding:2px 6px!important;
  border:1px solid #cbd5e1!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#64748b!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-weight:750!important;
  white-space:nowrap!important;
  box-shadow:0 2px 8px rgba(15,23,42,.10)!important;
}
@media screen and (hover:hover){
  .cos-answer-row:hover .report-filter-link .filter-action,
  .cos-disp-row:hover .report-filter-link .filter-action,
  .cos-qtable-row:hover .report-filter-link .filter-action,
  .report-filter-link:hover .filter-action{
    display:inline-flex!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;
    color:#2563eb!important;
    border-color:#7c9ddb!important;
    background:#eef4ff!important;
  }
}
.report-filter-link:focus-visible .filter-action{
  display:inline-flex!important;
  opacity:1!important;
  visibility:visible!important;
}
@media print{
  .filter-action,
  .report-filter-link .filter-action,
  .cos-polished-report .filter-action,
  .report-filter-tools,
  .report-filter-status,
  .filter-chip,
  .filter-reset{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
  }
  .report-filter-link{
    color:inherit!important;
    text-decoration:none!important;
    pointer-events:none!important;
  }
}


/* 2026-08-13 SAFARI REPORT FILTER CLICK FIX
   The action itself is now the anchor. It stays in layout at all times so Safari
   never loses the hit target between hover and click. */
.report-filter-cell{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  overflow:visible!important;
}
.report-filter-label{min-width:0}
a.report-filter-action.filter-action{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:2px 7px!important;
  border:1px solid #cbd5e1!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#64748b!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-weight:750!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  cursor:pointer!important;
  transition:opacity .10s ease,visibility .10s ease!important;
  -webkit-tap-highlight-color:rgba(37,99,235,.12);
  touch-action:manipulation;
}
@media screen{
  .cos-answer-row:hover a.report-filter-action,
  .cos-disp-row:hover a.report-filter-action,
  .cos-qtable-row:hover a.report-filter-action,
  .report-filter-cell:focus-within a.report-filter-action,
  a.report-filter-action:focus-visible{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    color:#2563eb!important;
    border-color:#7c9ddb!important;
    background:#eef4ff!important;
  }
}
@media print{
  a.report-filter-action,
  .report-filter-action,
  .filter-action{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}


/* Phase 14 — Agent Desktop */
.agent-desktop{max-width:1500px}.agent-desktop-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.agent-desktop-grid{align-items:stretch}.call-control-bar{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.call-control-bar .danger{background:#7f1d1d;border-color:#7f1d1d}.desktop-field{display:grid;grid-template-columns:minmax(130px,.7fr) 1.3fr;gap:12px;padding:8px 0;border-bottom:1px solid rgba(127,127,127,.18)}.desktop-field span{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;opacity:.65}.agent-script-question{padding:12px 0;border-bottom:1px solid rgba(127,127,127,.18)}.agent-script-question p{margin:6px 0 0}.agent-desktop [hidden]{display:none!important}@media(max-width:850px){.agent-desktop-head{display:block}.desktop-field{grid-template-columns:1fr}.call-control-bar button{flex:1 1 40%}}

/* Kraken Phase 20: grouped navigation + contextual helpers */
.nav-group-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.6;padding:14px 12px 5px}.context-strip{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:0 0 18px;padding:10px 14px;border:1px solid rgba(127,127,127,.25);border-radius:10px;background:rgba(255,255,255,.03)}.context-strip div{display:flex;flex-direction:column;gap:2px}.context-strip span{font-size:12px;opacity:.72}.context-strip a{white-space:nowrap}.nav a{margin-bottom:1px}@media(max-width:760px){.context-strip{align-items:flex-start;flex-direction:column}.context-strip a{white-space:normal}}

/* Kraken Phase 26 — desktop sidebar overflow fix.
   Keep branding fixed while the navigation itself scrolls on short viewports. */
@media (min-width: 821px){
  .side{
    display:flex;
    flex-direction:column;
    height:100vh;
    max-height:100vh;
    overflow:hidden;
    padding-bottom:12px;
  }
  .side .brand,
  .side .brand-logo,
  .side .side-powered{
    flex:0 0 auto;
  }
  .side .nav{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    -webkit-overflow-scrolling:touch;
    padding-right:4px;
    padding-bottom:14px;
  }
  .side .nav::-webkit-scrollbar{width:8px}
  .side .nav::-webkit-scrollbar-track{background:transparent}
  .side .nav::-webkit-scrollbar-thumb{background:#2d394c;border-radius:999px}
  .side .nav::-webkit-scrollbar-thumb:hover{background:#46566e}
}

/* Preserve the existing drawer behavior on tablet/mobile. */
@media (max-width: 820px){
  .side{display:block!important;overflow-y:auto!important}
  .side .nav{display:block!important;overflow:visible!important;padding-bottom:18px}
}

/* Kraken Phase 27 — compact collapsible navigation hierarchy.
   Category headers are visually distinct and only the active job-area opens by default. */
.nav-group{margin:4px 0;border:0}
.nav-group>summary{list-style:none}
.nav-group>summary::-webkit-details-marker{display:none}
.nav-group-label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:3px 2px;
  padding:8px 10px;
  border:1px solid transparent;
  border-radius:8px;
  background:#111827;
  color:#aebbd0;
  font-size:10px;
  font-weight:800;
  letter-spacing:.13em;
  line-height:1.15;
  text-transform:uppercase;
  opacity:1;
  cursor:pointer;
  user-select:none;
}
.nav-group-label:hover{background:#151e2d;color:#d7e2f2;border-color:#26344a}
.nav-group[open]>.nav-group-label{background:#172033;color:#c9d8ee;border-color:#2a3b57}
.nav-group-chevron{font-size:18px;line-height:10px;color:#6f8fca;transform:rotate(0deg);transition:transform .15s ease}
.nav-group[open] .nav-group-chevron{transform:rotate(90deg);color:#78a6ff}
.nav-group-items{padding:0 0 2px 5px}
.nav-group-items a{padding:8px 10px;margin:1px 0 1px 3px;font-size:14px;border-radius:8px}
.nav-group-items a.active{background:#171d29;color:#f3f7fc}
.nav-signout{margin-top:8px!important;border-top:1px solid #273043;border-radius:0!important;padding-top:13px!important}

/* On the mobile drawer, groups stay vertical/collapsible just like desktop. */
@media (max-width:900px){
  .nav{display:block;overflow:visible}
  .nav-group{width:100%}
  .nav-group-label{white-space:normal}
  .nav-group-items a{white-space:normal}
}

/* Kraken Phase 28 — navigation state correctness.
   Browser :visited state must never masquerade as the active page. */
html body .side .nav a:not(.active):visited{color:var(--muted)!important}
html body .side .nav a.active,html body .side .nav a.active:visited{color:#f3f7fc!important}
html body .side .nav a:not(.active):hover{color:var(--text)!important}

/* Phase 29 — Amazon Polly TTS Studio */
.tts-studio{overflow:hidden}.tts-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:18px;align-items:start}.tts-studio textarea{min-height:180px;resize:vertical}.tts-preview-card{margin-top:14px;padding:12px 14px;border:1px solid var(--line,#263548);border-radius:12px;background:rgba(90,120,255,.06);display:grid;gap:8px}.tts-preview-card audio{width:100%;min-height:34px}.tts-studio .button-row{flex-wrap:wrap}@media(max-width:900px){.tts-grid{grid-template-columns:1fr}}
/* Kraken Phase 30 — capability-aware slim workspaces */
.project-capability-cell{min-width:150px}.project-cap-badges{display:flex;gap:4px;align-items:center;white-space:nowrap}.project-cap-badges span{display:inline-flex;align-items:center;padding:3px 6px;border-radius:999px;background:rgba(55,214,255,.11);border:1px solid rgba(55,214,255,.24);font-size:10px;font-weight:800;letter-spacing:.03em;color:var(--text)}.project-cap-badges span.more{background:rgba(139,108,255,.13);border-color:rgba(139,108,255,.28)}.project-capability-cell small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.project-capability-editor,.client-capability-card{margin:14px 0 20px;padding:16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,rgba(55,214,255,.05),rgba(139,108,255,.05))}.project-capability-grid label,.client-capability-grid label{display:flex;gap:8px;align-items:center}.client-capability-grid label span{margin-left:auto;color:var(--muted);font-size:10px}
/* Kraken Phase 31 — questionnaire voice */
.robo-questionnaire-studio{border-color:rgba(35,227,178,.28)}.questionnaire-voice-map{margin-top:18px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.qvm-head,.qvm-row{display:grid;grid-template-columns:80px minmax(240px,1.8fr) minmax(180px,1fr) 100px;gap:12px;align-items:start;padding:11px 13px}.qvm-head{background:rgba(255,255,255,.04);font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:800}.qvm-row{border-top:1px solid var(--line);font-size:12px}.qvm-row>span:nth-child(2){line-height:1.45}.qvm-row i{display:block;font-style:normal;margin-bottom:4px;color:var(--muted)}.qvm-row .ok{color:#23e3b2}@media(max-width:850px){.qvm-head{display:none}.qvm-row{grid-template-columns:1fr}.qvm-row b{font-size:13px}}
/* Kraken Phase 32 — public/tracked web surveys */
.web-survey-hero{background:linear-gradient(135deg,rgba(35,227,178,.08),rgba(55,214,255,.04))}.survey-url-box{display:flex;flex-direction:column;gap:8px;margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.12)}.survey-url-box code{white-space:normal;word-break:break-all;color:#23e3b2}.source-chip-row{display:flex;gap:9px;flex-wrap:wrap}.source-chip-row span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03)}

/* Kraken Phase 33 — supporter PWA */
.supporter-distribution-card{background:linear-gradient(135deg,rgba(255,200,90,.06),rgba(35,227,178,.04))}
/* Kraken Phase 34 — hybrid live-agent / AI survey */
.hybrid-ai-card{background:linear-gradient(135deg,rgba(141,114,255,.08),rgba(57,215,255,.04));border-color:rgba(141,114,255,.28)}.hybrid-ai-card code{word-break:break-all;color:#23e3b2}
/* Kraken Phase 35 — Omni Journey reporting */
.omni-journey-card,.omni-report-hero{background:linear-gradient(135deg,rgba(57,215,255,.08),rgba(141,114,255,.07));border-color:rgba(57,215,255,.25)}.journey-source-bars{display:grid;gap:10px}.journey-source-row{display:grid;grid-template-columns:125px 1fr 65px 54px;align-items:center;gap:9px;font-size:12px}.journey-source-row>div{height:10px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.journey-source-row i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#39d7ff,#23e3b2)}.journey-source-row small{color:var(--muted)}.journey-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.journey-path-grid>div,.weighted-result{padding:14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.journey-path-grid span,.weighted-result span{display:block;color:var(--muted);font-size:11px}.journey-path-grid b,.weighted-result b{font-size:22px}.weight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.weight-grid input{margin-top:4px}@media(max-width:760px){.journey-source-row{grid-template-columns:100px 1fr 50px}.journey-source-row small{display:none}.journey-path-grid,.weight-grid{grid-template-columns:1fr}}

/* Phase 36 — Omni UX release-candidate cleanup */
.advanced-automation{border:1px solid var(--line,#29445f);border-radius:16px;background:rgba(15,32,53,.72);overflow:hidden}
.advanced-automation>summary{cursor:pointer;list-style:none;padding:18px 20px;display:flex;justify-content:space-between;gap:18px;align-items:center}
.advanced-automation>summary::-webkit-details-marker{display:none}
.advanced-automation>summary:after{content:"›";font-size:26px;line-height:1;transition:transform .18s ease;opacity:.7}
.advanced-automation[open]>summary:after{transform:rotate(90deg)}
.advanced-automation>summary span{font-size:12px;color:var(--muted);font-weight:400;text-align:right}
.advanced-automation-body{padding:0 18px 18px}
.robo-questionnaire-studio{border:1px solid rgba(55,214,255,.35);box-shadow:0 16px 40px rgba(0,0,0,.12)}
.questionnaire-voice-map .qvm-row i{display:block;font-style:normal;margin:2px 0}
.web-project-stats .stat .v{font-variant-numeric:tabular-nums}
.project-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:900px){.advanced-automation>summary{align-items:flex-start;flex-direction:column}.advanced-automation>summary span{text-align:left}.project-actions{justify-content:flex-start}}

/* Kraken Phase 37 — obvious project type creation */
.project-create-presets{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:4px}.project-create-preset{display:flex;min-height:58px;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);color:var(--text);text-align:left;cursor:pointer}.project-create-preset b{font-size:11px}.project-create-preset span{font-size:9px;color:var(--muted)}.project-create-preset:hover,.project-create-preset.active{border-color:rgba(55,214,255,.55);background:rgba(55,214,255,.09)}@media(max-width:1050px){.project-create-presets{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.project-create-presets{grid-template-columns:1fr 1fr}}

/* Kraken Phase 38 — first-class Web Survey create/publish repair */
.web-survey-build-step{border-color:rgba(57,215,255,.3)}
.web-survey-build-step .section-head{align-items:center}
#webSurveyPublishStatus.ok{color:#65e6a1}
#publishWebSurvey:disabled{opacity:.5;cursor:not-allowed}
.project-create-preset.active{box-shadow:0 0 0 1px rgba(57,215,255,.45) inset}


/* ===== Build 48: client-ready Web Survey campaign report ===== */
.web-client-report .web-report-summary{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.web-client-report .web-source-card .cos-chart-side{min-height:285px!important}
.web-client-report .web-source-card .cos-pie{width:218px!important;height:218px!important}
.web-client-report .web-participation-card{margin-top:0!important}
.web-client-report .web-report-empty{color:#64748b!important;font-size:11px!important;margin:10px 0!important}
.client-report-card{border-top:3px solid #39c6b5!important}
@media(max-width:900px){.web-client-report .web-report-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.web-client-report .web-report-summary{grid-template-columns:1fr!important}}
@media print{
 body:has(.web-client-report) .context-strip,body:has(.web-client-report) .top{display:none!important}
 .web-client-report .web-report-summary{grid-template-columns:repeat(5,minmax(0,1fr))!important}
 .web-client-report .web-source-card .cos-chart-side{min-height:235px!important}
 .web-client-report .web-source-card .cos-pie{width:190px!important;height:190px!important}
}

/* Build 48: shared client reports are standalone deliverables, not admin screens. */
.shared-report-page{background:#eef2f7;color:#0b1730}
.shared-report-page .side,.shared-report-page .top,.shared-report-page .context-strip,.shared-report-page .mobile-nav-toggle,.shared-report-page .mobile-nav-backdrop{display:none!important}
.shared-report-page .shell{display:block!important;min-height:100vh}
.shared-report-page main{margin:0!important;padding:24px!important;max-width:none!important;width:100%!important}
.shared-report-page .cos-client-report{margin:0 auto;max-width:1180px}
@media(max-width:700px){.shared-report-page main{padding:8px!important}}
@media print{.shared-report-page{background:#fff}.shared-report-page main{padding:0!important}.shared-report-page .cos-report-actions{display:none!important}}

/* Build 49: direct report access from the fast Projects table. */
.project-report-shortcut{white-space:nowrap;padding:7px 11px;font-size:12px}

/* Build 51: performance budgets + diagnostic breakdown. */
.pulse-perf-indicator small{display:block;grid-column:1/-1;font-size:8px;letter-spacing:.04em;color:#7f91aa;margin-top:2px}.pulse-perf-indicator.good{border-color:rgba(52,211,153,.25)}.pulse-perf-indicator.warn{border-color:rgba(245,158,11,.45)}.pulse-perf-indicator.bad{border-color:rgba(248,113,113,.55)}

/* Build 61 — client self-service / permission authority */
.client-permission-group{margin:16px 0}.client-permission-group h4{margin:0 0 8px}.launch-authority-permission{border-color:rgba(245,158,11,.42)!important;background:rgba(245,158,11,.06)!important}.client-project-authority{border-color:rgba(55,214,255,.28)}.client-project-authority .button-row{flex-wrap:wrap}.launch-authority-button{box-shadow:0 0 0 1px rgba(245,158,11,.22) inset}.client-capability-card hr{margin:22px 0}.project-type-permissions,.template-permission-grid{margin-top:10px}.client-capability-card .check-row{margin:8px 0}.client-capability-card small{line-height:1.35}


/* Build 62 — client voter-provider credentials + manual/API project data sources */
.voter-provider-connections{display:grid;gap:14px}.voter-provider-connection{padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}.voter-provider-connection .section-head{margin-bottom:10px}.voter-provider-connection h4{margin:0 0 4px}.voter-provider-connection .button-row{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.data-source-tabs{display:flex;gap:8px;margin:16px 0 12px}.projectDataSourceTab.active{border-color:rgba(55,214,255,.55);background:rgba(55,214,255,.1)}.project-data-source-panel{padding-top:4px}.project-data-source-card textarea[name=query_json]{min-height:96px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}

.voter-provider-connection code{font-size:11px}.voter-provider-connection .check-row{align-items:center}.project-data-source-card .data-source-tabs button.active{box-shadow:0 0 0 1px rgba(57,215,255,.45) inset}
