:root{--bg:#071019;--panel:#10202d;--line:#213849;--text:#f5fbff;--muted:#8299aa;--accent:#2be0c6;--blue:#42b8ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0,rgba(66,184,255,.08),transparent 28rem),var(--bg);color:var(--text);font:14px/1.5 system-ui,sans-serif}a{color:#cce0ec;text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:20px 14px;background:#09141e;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:#fff}.brand>span:last-child{display:flex;flex-direction:column}.brand small,.workspace small,.sidebar-foot small,.sidebar-foot span,.metric span,.metric small,.eyebrow{color:var(--muted)}.mark{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,var(--accent),var(--blue));color:#06231e;font-weight:900}.workspace{margin:22px 0;padding:12px;border:1px solid var(--line);border-radius:10px}.workspace b{display:block}nav{display:grid;gap:5px}nav a{padding:11px 12px;border-radius:9px}nav a:hover,nav a.active{background:#102333;color:#fff}.sidebar-foot{margin-top:auto;padding:12px;border:1px solid var(--line);border-radius:10px}.sidebar-foot b,.sidebar-foot span{display:block}.link-button{border:0;background:none;color:var(--accent);padding:8px 0;cursor:pointer}main{margin-left:250px}header{display:flex;justify-content:space-between;align-items:center;padding:22px 30px;border-bottom:1px solid var(--line)}header h1{margin:0 0 4px}header p{margin:0;color:var(--muted)}.secure{color:#7fe1bf}.content{padding:26px 30px;max-width:1500px}.card,.hero,.metric{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#122433,#0d1b27);box-shadow:0 18px 50px rgba(0,0,0,.22)}.hero{padding:22px;display:flex;justify-content:space-between;gap:20px}.hero h2{margin:6px 0}.hero p{margin:0;color:#c7d6df}.pill{display:inline-flex;padding:4px 9px;border:1px solid #2a566a;border-radius:999px;color:#9adfff}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.metric{padding:18px}.metric span,.metric small{display:block}.metric b{display:block;font-size:28px;margin:7px 0}.two-column,.detail-grid{display:grid;grid-template-columns:1.7fr .7fr;gap:16px}.card{padding:20px;margin-bottom:16px}.panel-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.call-row{display:grid;grid-template-columns:1fr auto;gap:15px;padding:13px 0;border-top:1px solid var(--line)}.call-row span{display:block;color:var(--muted)}.centre{text-align:center}.ring{--value:0;width:140px;height:140px;margin:20px auto;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#10202d 60%,transparent 61%),conic-gradient(var(--accent) calc(var(--value)*1%),#223847 0)}.ring b{font-size:28px}.primary,.secondary{display:inline-flex;justify-content:center;padding:10px 14px;border-radius:9px;border:1px solid;cursor:pointer}.primary{background:linear-gradient(#35e5cc,#19bca6);border-color:#40ead1;color:#05251f;font-weight:750}.secondary{background:#102333;border-color:var(--line);color:#fff}.filters{display:flex;gap:10px}.filters input{flex:1}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #29465a;border-radius:9px;background:#08151f;color:#fff;font:inherit}.table-wrap{overflow:auto;margin:18px -20px -20px}table{width:100%;border-collapse:collapse}th,td{padding:12px 18px;border-top:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--muted)}dl{display:grid;grid-template-columns:110px 1fr;gap:10px}dt{color:var(--muted)}dd{margin:0}pre{white-space:pre-wrap;color:#c6d6e0}audio{width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.form-grid .full{grid-column:1/-1}.form-stack{display:grid;gap:14px}.knowledge-list{display:grid;gap:12px}.knowledge-list summary{display:flex;justify-content:space-between;gap:15px}.knowledge-list summary span:first-child{display:flex;flex-direction:column}.knowledge-list summary small{color:var(--accent)}.alert{padding:11px 13px;border-radius:9px;margin-bottom:15px}.success{background:rgba(73,215,165,.1);color:#7be2bb}.error{background:rgba(255,100,110,.1);color:#ff9aa2}.empty{color:var(--muted)}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-story{padding:45px;background:linear-gradient(145deg,#0c2533,#07131d);display:flex;flex-direction:column;justify-content:space-between}.login-story h1{font-size:48px;max-width:650px}.login-story p{font-size:17px;color:#c6d4de;max-width:650px}.login-panel{display:grid;place-items:center;padding:25px}.login-form{width:min(430px,100%);display:grid;gap:15px}@media(max-width:950px){.metrics{grid-template-columns:repeat(2,1fr)}.two-column,.detail-grid{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr}.login-story{display:none}}@media(max-width:700px){.sidebar{position:static;width:auto}.workspace,.sidebar-foot{display:none}nav{grid-template-columns:repeat(5,1fr)}main{margin-left:0}.content,header{padding-left:16px;padding-right:16px}.metrics{grid-template-columns:1fr}.filters{flex-direction:column}}

/* v1.1 multi-receptionist additions */
.receptionist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
.receptionist-card{display:flex;justify-content:space-between;gap:24px;padding:22px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#122b3a,#0d1b27);box-shadow:0 18px 50px rgba(0,0,0,.22)}
.receptionist-card h2{margin:5px 0}.receptionist-card p{margin:0;color:#c8d6df}.receptionist-meta{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;white-space:nowrap}
.dashboard-call{grid-template-columns:minmax(190px,.65fr) minmax(260px,1.5fr) auto}.call-summary{overflow:hidden}.call-summary span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.call-filters{display:grid;grid-template-columns:minmax(180px,1fr) repeat(3,minmax(150px,.55fr)) auto}
.assistant-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.assistant-choice{display:flex;flex-direction:column;padding:16px;border:1px solid var(--line);border-radius:12px;background:#0d1b27}
.assistant-choice small{color:var(--accent)}.assistant-choice span{color:var(--muted)}.assistant-choice.active{border-color:#2faeae;background:linear-gradient(145deg,#123241,#102333);box-shadow:inset 3px 0 0 var(--accent)}
@media(max-width:950px){.receptionist-grid,.assistant-switcher{grid-template-columns:1fr}.call-filters{grid-template-columns:1fr 1fr}.dashboard-call{grid-template-columns:1fr auto}.dashboard-call .call-summary{grid-column:1/-1}}
@media(max-width:700px){.call-filters{grid-template-columns:1fr}.receptionist-card{flex-direction:column}.receptionist-meta{align-items:flex-start;gap:12px}}


/* v1.2 live customer-experience refinement */
.reception-status{display:flex;gap:12px;margin-bottom:16px}
.status-line{flex:1;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#0d1b27}
.status-line span{display:flex;align-items:center;gap:9px}
.status-line i{width:8px;height:8px;border-radius:50%;background:#47d7a5;box-shadow:0 0 0 4px rgba(71,215,165,.09)}
.status-line small{color:var(--muted)}
.recent-call{display:grid;grid-template-columns:190px 90px minmax(0,1fr) 70px;gap:14px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}
.recent-call time{font-weight:650}
.recent-summary{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#c5d4de}
.recent-call>b{text-align:right}
.type-badge{display:inline-flex;width:max-content;padding:4px 9px;border:1px solid #2a566a;border-radius:999px;color:#9adfff;font-size:12px}
.call-filters{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,.45fr) minmax(160px,.45fr) auto}
.date-cell{font-weight:650;white-space:nowrap}
.call-summary-card{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin:16px 0;padding:22px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#12303f,#0d1b27)}
.call-summary-card h2{margin:5px 0 0;font-size:20px}
.conversation-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,.65fr);gap:16px}
.conversation{display:grid;gap:14px}
.turn{max-width:86%;padding:13px 15px;border-radius:12px;background:#0a1721;border:1px solid var(--line)}
.turn p{margin:5px 0 0;color:#d6e2e9}
.turn.reception{margin-left:auto;background:#102b31;border-color:#25545a}
.turn b{font-size:12px;color:var(--accent)}
.recording{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.technical{margin-top:22px;padding-top:14px;border-top:1px solid var(--line)}
.technical summary{cursor:pointer;font-weight:700}
.technical pre{max-height:320px;overflow:auto}
@media(max-width:950px){
  .conversation-layout{grid-template-columns:1fr}
  .recent-call{grid-template-columns:165px 80px minmax(0,1fr)}
  .recent-call>b{display:none}
}
@media(max-width:700px){
  .reception-status{flex-direction:column}
  .call-filters{grid-template-columns:1fr}
  .recent-call{grid-template-columns:1fr auto}
  .recent-call .recent-summary{grid-column:1/-1}
  .turn{max-width:95%}
}


/* v1.4 premium dashboard */
.dashboard-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-bottom:18px;
}
.dashboard-metric{
  min-height:150px;
  padding:22px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  border:1px solid var(--line);
  border-radius:15px;
  background:
    radial-gradient(circle at 90% 10%,rgba(66,184,255,.08),transparent 8rem),
    linear-gradient(145deg,#102332,#0c1924);
  box-shadow:0 18px 50px rgba(0,0,0,.22);
}
.dashboard-metric span{
  display:block;
  color:#d9e6ee;
  font-size:15px;
  font-weight:650;
}
.dashboard-metric b{
  display:block;
  margin:8px 0 4px;
  font-size:36px;
  line-height:1;
  letter-spacing:-1px;
}
.dashboard-metric small{color:var(--muted)}
.metric-icon{
  flex:0 0 54px;
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:25px;
  font-weight:800;
  background:#11375b;
  color:#55b6ff;
  box-shadow:inset 0 0 0 1px rgba(85,182,255,.08);
}
.metric-handled .metric-icon{background:#0c4938;color:#62BE1B}
.metric-transfers .metric-icon{background:#482d12;color:#ffb343}
.metric-knowledge .metric-icon{background:#38235d;color:#bd83ff}

.recent-calls-card{padding:22px}
.recent-calls-card .panel-head{margin-bottom:14px}
.recent-table{border-top:1px solid var(--line)}
.recent-table-head,
.recent-table-row{
  display:grid;
  grid-template-columns:190px 105px 145px minmax(240px,1fr) 82px 88px;
  gap:16px;
  align-items:center;
}
.recent-table-head{
  min-height:48px;
  color:#88a8bf;
  font-size:12px;
  font-weight:750;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.recent-table-row{
  min-height:62px;
  border-top:1px solid var(--line);
}
.recent-table-row time{font-weight:700}
.recent-table-row strong{font-weight:650}
.recent-title{
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#e2edf3;
}
.recent-duration{text-align:right}
.call-type{
  display:inline-flex;
  align-items:center;
  padding:5px 10px;
  border-radius:999px;
  border:1px solid;
  font-size:12px;
  font-weight:700;
}
.call-type-internal{
  color:#62BE1B;
  border-color:#126641;
  background:rgba(16,116,72,.18);
}
.call-type-external{
  color:#59adff;
  border-color:#1d5ca0;
  background:rgba(22,92,170,.22);
}
.open-call{
  justify-self:end;
  padding:7px 13px;
  border:1px solid #2273b3;
  border-radius:8px;
  color:#5db9ff;
  font-weight:700;
  white-space:nowrap;
}
.open-call:hover{
  background:rgba(36,123,187,.13);
  color:#8ed0ff;
}

@media(max-width:1200px){
  .dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .recent-table-head,
  .recent-table-row{
    grid-template-columns:170px 95px 125px minmax(200px,1fr) 70px 80px;
    gap:12px;
  }
}
@media(max-width:850px){
  .recent-table-head{display:none}
  .recent-table-row{
    grid-template-columns:1fr auto auto;
    padding:14px 0;
  }
  .recent-table-row time{grid-column:1/2}
  .recent-table-row>span:nth-child(2){grid-column:2/3}
  .recent-table-row>strong:nth-child(3){grid-column:1/2}
  .recent-title{grid-column:1/-1}
  .recent-duration{grid-column:2/3}
  .open-call{grid-column:3/4;grid-row:1/3}
}
@media(max-width:650px){
  .dashboard-metrics{grid-template-columns:1fr}
}

/* v2.0 compact premium dashboard */
body.portal-shell{background:radial-gradient(circle at 75% -10%,rgba(25,89,126,.18),transparent 34rem),#06111a}
.compact-sidebar{width:224px;padding:16px 12px;background:linear-gradient(180deg,#07131d,#081722);border-right:1px solid #20384a}
.compact-brand{padding:0 2px;margin-bottom:16px}.brand-wave{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#26dcc6,#3aaaf7);color:#05241f;font-weight:900}.compact-brand b{font-size:15px}.compact-brand small{font-size:11px}
.compact-workspace{margin:6px 0 18px;padding:12px 13px;background:#091925}.compact-workspace b{font-size:13px;margin-top:2px}
.compact-nav{gap:4px}.compact-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:14px}.compact-nav a span{width:16px;text-align:center;color:#a6c3d6}.compact-nav a.active{background:linear-gradient(90deg,#12314a,#10273a);box-shadow:inset 3px 0 0 #2aa9ef}
.compact-foot{padding:12px 13px}.compact-foot b{font-size:13px}.compact-foot span{font-size:11px;overflow:hidden;text-overflow:ellipsis}
.compact-main{margin-left:224px}.compact-header{min-height:72px;padding:14px 24px;background:rgba(6,17,26,.82);backdrop-filter:blur(8px)}.compact-header h1{font-size:24px}.compact-header p{font-size:13px}.header-user{display:flex;align-items:center;gap:8px;color:#b9cbd7;font-size:13px}.secure-dot{width:8px;height:8px;border-radius:50%;background:#52d8ac;box-shadow:0 0 0 4px rgba(82,216,172,.09)}
.compact-content{max-width:1540px;padding:16px 22px 24px}
.dashboard-metrics.compact-metrics{gap:12px;margin-bottom:14px}
.dashboard-metric.compact-metric{min-height:118px;padding:18px;align-items:center;justify-content:flex-start;gap:16px;border-radius:13px;background:linear-gradient(145deg,#102332,#0b1924)}
.compact-metric .metric-icon{flex:0 0 56px;width:56px;height:56px;font-size:26px}
.metric-copy{min-width:0}.metric-copy span{font-size:14px}.metric-copy b{margin:5px 0 3px;font-size:31px}.metric-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.compact-recent-card{padding:18px 20px 12px;border-radius:14px}.recent-head{margin-bottom:8px}.recent-heading{display:flex;align-items:center;gap:10px}.recent-heading h2{margin:0;font-size:20px}.recent-phone{color:#35aff8;font-size:20px}.recent-head>a{color:#50b7f8;font-weight:650}
.compact-recent-table{border-top:1px solid #243d4e}.compact-recent-table .recent-table-head,.compact-recent-table .recent-table-row{grid-template-columns:175px 95px 130px minmax(260px,1fr) 72px 92px;gap:14px}
.compact-recent-table .recent-table-head{min-height:42px}.compact-recent-table .recent-table-row{min-height:54px}
.compact-recent-table .recent-table-row time{font-size:13px}.compact-recent-table .recent-table-row strong{font-size:13px}.compact-recent-table .recent-title{display:flex;align-items:center;gap:8px;font-size:13px}.summary-bubble{color:#34aff8;font-size:14px}
.compact-recent-table .call-type{padding:4px 9px}.compact-recent-table .open-call{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;font-size:13px}
.recent-footer{text-align:center;padding:10px 0 2px;color:#728da0;font-size:11px}
@media(max-width:1150px){.compact-recent-table .recent-table-head,.compact-recent-table .recent-table-row{grid-template-columns:150px 90px 115px minmax(210px,1fr) 62px 84px}.compact-metric .metric-icon{display:none}}
@media(max-width:900px){.compact-sidebar{width:200px}.compact-main{margin-left:200px}.dashboard-metrics.compact-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-recent-table .recent-table-head{display:none}.compact-recent-table .recent-table-row{grid-template-columns:1fr auto auto;padding:10px 0}.compact-recent-table .recent-title{grid-column:1/-1}.compact-recent-table .open-call{grid-column:3;grid-row:1/3}}
@media(max-width:700px){.compact-sidebar{position:static;width:auto}.compact-main{margin-left:0}.compact-header{padding:12px 16px}.compact-content{padding:12px}.dashboard-metrics.compact-metrics{grid-template-columns:1fr}.header-user{display:none}}


/* v2.1 tighter dashboard */
.compact-content{
  max-width:1480px;
  padding:12px 18px 18px;
}

.dashboard-metrics.compact-metrics{
  gap:10px;
  margin-bottom:10px;
}

.dashboard-metric.compact-metric{
  min-height:94px;
  padding:13px 15px;
  gap:12px;
  border-radius:11px;
}

.compact-metric .metric-icon{
  flex:0 0 42px;
  width:42px;
  height:42px;
  font-size:19px;
}

.metric-copy span{
  font-size:12px;
}

.metric-copy b{
  margin:3px 0 2px;
  font-size:25px;
  line-height:1.05;
}

.metric-copy .metric-empty{
  max-width:125px;
  font-size:17px;
  line-height:1.15;
  letter-spacing:-.2px;
}

.metric-copy small{
  font-size:11px;
}

.compact-recent-card{
  padding:13px 16px 8px;
  border-radius:12px;
}

.recent-head{
  margin-bottom:4px;
}

.recent-heading h2{
  font-size:17px;
}

.recent-phone{
  font-size:17px;
}

.compact-recent-table{
  border-top:1px solid #243d4e;
}

.compact-recent-table .recent-table-head,
.compact-recent-table .recent-table-row{
  grid-template-columns:158px 84px 112px minmax(220px,1fr) 58px 76px;
  gap:10px;
}

.compact-recent-table .recent-table-head{
  min-height:32px;
  font-size:10px;
}

.compact-recent-table .recent-table-row{
  min-height:39px;
  border-top:1px solid rgba(49,75,92,.72);
}

.compact-recent-table .recent-table-row time,
.compact-recent-table .recent-table-row strong,
.compact-recent-table .recent-title{
  font-size:12px;
}

.compact-recent-table .recent-title{
  gap:6px;
}

.summary-bubble{
  font-size:12px;
}

.compact-recent-table .call-type{
  padding:3px 7px;
  font-size:10px;
}

.compact-recent-table .open-call{
  gap:4px;
  padding:4px 8px;
  font-size:11px;
  border-radius:6px;
}

.recent-footer{
  padding:7px 0 0;
  font-size:10px;
}

@media(max-width:1150px){
  .compact-recent-table .recent-table-head,
  .compact-recent-table .recent-table-row{
    grid-template-columns:142px 80px 104px minmax(180px,1fr) 54px 72px;
    gap:8px;
  }
}

@media(max-width:900px){
  .compact-recent-table .recent-table-row{
    min-height:auto;
    padding:8px 0;
  }
}


/* v2.2 compact conversation page */
.call-summary-card{
  margin:8px 0 10px;
  padding:13px 15px;
  border-radius:10px;
}

.call-summary-card h2{
  margin:3px 0 0;
  font-size:16px;
  line-height:1.3;
}

.conversation-layout{
  grid-template-columns:minmax(0,1.72fr) minmax(250px,.52fr);
  gap:10px;
}

.conversation-layout>.card{
  padding:13px 15px;
  margin-bottom:0;
  border-radius:10px;
}

.conversation-layout .panel-head{
  margin-bottom:6px;
}

.conversation-layout .panel-head h2,
.conversation-layout aside h2{
  margin:0;
  font-size:16px;
}

.conversation{
  gap:7px;
}

.turn{
  max-width:80%;
  padding:8px 10px;
  border-radius:8px;
}

.turn p{
  margin:2px 0 0;
  font-size:12px;
  line-height:1.35;
}

.turn b{
  font-size:9px;
  letter-spacing:.03em;
}

.conversation-layout aside dl{
  grid-template-columns:82px 1fr;
  gap:6px 9px;
  margin-bottom:0;
}

.conversation-layout aside dt,
.conversation-layout aside dd{
  font-size:11px;
}

.recording{
  margin-top:12px;
  padding-top:10px;
}

@media(max-width:950px){
  .conversation-layout{
    grid-template-columns:1fr;
  }
}


/* v2.3 compact Calls page */
.compact-calls-card{
  padding:13px 16px 8px;
  border-radius:12px;
}

.calls-filters{
  display:grid;
  grid-template-columns:minmax(220px,1fr) 150px 165px auto;
  gap:8px;
  margin-bottom:10px;
}

.calls-filters input,
.calls-filters select,
.calls-filters button{
  min-height:34px;
  padding:7px 9px;
  font-size:12px;
}

.calls-table{
  border-top:1px solid #243d4e;
}

.calls-table-head,
.calls-table-row{
  display:grid;
  grid-template-columns:158px 84px 112px minmax(220px,1fr) 58px 76px;
  gap:10px;
  align-items:center;
}

.calls-table-head{
  min-height:32px;
  color:#88a8bf;
  font-size:10px;
  font-weight:750;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.calls-table-row{
  min-height:39px;
  border-top:1px solid rgba(49,75,92,.72);
}

.calls-table-row time,
.calls-table-row strong,
.calls-table-row span{
  font-size:12px;
}

.calls-table-row time{
  font-weight:700;
}

.calls-type{
  color:#c7d8e2;
  font-weight:650;
}

.calls-summary{
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#e2edf3;
}

.calls-duration{
  text-align:right;
}

.calls-open{
  justify-self:end;
  padding:4px 8px;
  border:1px solid #2273b3;
  border-radius:6px;
  color:#5db9ff;
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
}

.calls-open:hover{
  background:rgba(36,123,187,.13);
  color:#8ed0ff;
}

.calls-empty{
  padding:14px 0 8px;
}

@media(max-width:1150px){
  .calls-table-head,
  .calls-table-row{
    grid-template-columns:142px 80px 104px minmax(180px,1fr) 54px 72px;
    gap:8px;
  }
}

@media(max-width:900px){
  .calls-filters{
    grid-template-columns:1fr 1fr;
  }

  .calls-table-head{
    display:none;
  }

  .calls-table-row{
    grid-template-columns:1fr auto auto;
    min-height:auto;
    padding:8px 0;
  }

  .calls-table-row time{
    grid-column:1/2;
  }

  .calls-type{
    grid-column:2/3;
  }

  .calls-table-row>strong:nth-child(3){
    grid-column:1/2;
  }

  .calls-summary{
    grid-column:1/-1;
  }

  .calls-duration{
    grid-column:2/3;
  }

  .calls-open{
    grid-column:3/4;
    grid-row:1/3;
  }
}

@media(max-width:650px){
  .calls-filters{
    grid-template-columns:1fr;
  }
}


/* v2.3.1 coloured call type labels */
.calls-type{
  display:inline-flex;
  width:max-content;
  align-items:center;
  padding:2px 6px;
  border-radius:5px;
  font-size:9px !important;
  font-weight:800;
  letter-spacing:.05em;
  line-height:1.2;
  border:1px solid transparent;
}

.calls-type-internal{
  color:#62BE1B;
  background:rgba(16,116,72,.12);
  border-color:rgba(38,146,96,.35);
}

.calls-type-external{
  color:#59adff;
  background:rgba(22,92,170,.14);
  border-color:rgba(40,111,190,.38);
}


/* v2.4 Knowledge page polish */
.knowledge-toolbar-card{
  padding:12px 14px;
  margin-bottom:10px;
}

.knowledge-filters{
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(180px,.42fr) auto;
  gap:9px;
  align-items:center;
}

.knowledge-filters input,
.knowledge-filters select,
.knowledge-filters button{
  min-height:35px;
  padding:7px 10px;
  font-size:12px;
}

.knowledge-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:start;
  margin-bottom:10px;
}

.add-knowledge-card{
  margin:0;
  padding:0;
}

.add-knowledge-card>summary{
  min-height:48px;
  display:flex;
  align-items:center;
  padding:0 15px;
  list-style:none;
  cursor:pointer;
}

.add-knowledge-card>summary::-webkit-details-marker{
  display:none;
}

.add-knowledge-card>summary::marker{
  content:"";
}

.add-knowledge-label{
  display:flex;
  align-items:center;
  gap:9px;
  font-weight:700;
}

.add-knowledge-label>b{
  color:var(--accent);
  font-size:18px;
  line-height:1;
}

.add-knowledge-card .form-grid{
  padding:0 15px 15px;
}

.publish-knowledge{
  min-height:48px;
  padding:0 18px;
  border:1px solid #315369;
  border-radius:11px;
  background:#102433;
  color:#86a7bb;
  font-weight:750;
  white-space:nowrap;
}

.publish-knowledge.pending{
  border-color:#20bda9;
  background:linear-gradient(180deg,#27d7c2,#16b8a7);
  color:#031a1d;
  cursor:pointer;
}

.publish-knowledge:disabled{
  opacity:.8;
  cursor:default;
}

.knowledge-list{
  display:grid;
  gap:8px;
}

.knowledge-item{
  margin:0;
}

@media(max-width:800px){
  .knowledge-filters,
  .knowledge-actions{
    grid-template-columns:1fr;
  }

  .publish-knowledge{
    width:100%;
  }
}

/* v2.5 portal shell and Voice & Behaviour */
.portal-brand .wave-mark{width:34px;height:30px;display:flex;align-items:center;justify-content:center;gap:2px;border-radius:9px;background:linear-gradient(145deg,#0f6f78,#14a8a6);box-shadow:0 8px 24px rgba(20,168,166,.2)}.wave-mark i{width:3px;border-radius:3px;background:#d9ffff}.wave-mark i:nth-child(1),.wave-mark i:nth-child(5){height:9px}.wave-mark i:nth-child(2),.wave-mark i:nth-child(4){height:17px}.wave-mark i:nth-child(3){height:23px}.sidebar-powered{margin-top:auto;padding:14px 15px;border-top:1px solid var(--line)}.sidebar-powered small,.sidebar-powered b{display:block}.sidebar-powered small{color:var(--muted);font-size:10px}.sidebar-powered b{margin-top:3px;font-size:11px}.portal-topbar{min-height:70px;padding:11px 20px}.topbar-account{display:flex;align-items:center;gap:10px}.user-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#116c75,#15a7a6);color:white;font-weight:800}.user-copy{display:flex;flex-direction:column;min-width:0}.user-copy b{font-size:12px}.user-copy small{max-width:190px;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-signout{padding:6px 9px;border:1px solid var(--line);border-radius:7px;background:#10202c;color:#a9c2d1;font-size:11px}.compact-assistant-switcher{gap:9px;margin-bottom:10px}.compact-assistant-switcher .assistant-choice{padding:11px 13px;border-radius:10px}.voice-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.58fr);gap:10px;align-items:start}.voice-main{display:grid;gap:10px}.voice-section{margin:0;padding:14px 16px;border-radius:11px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}.section-heading h2{margin:3px 0 0;font-size:16px}.section-copy{margin:-2px 0 11px;color:var(--muted);font-size:11px;line-height:1.45}.voice-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.voice-form-grid .full{grid-column:1/-1}.voice-form-grid label,.transfer-keyword-item label{font-size:11px;font-weight:700}.voice-form-grid input,.voice-form-grid select,.voice-form-grid textarea,.transfer-keyword-item textarea{margin-top:5px;padding:8px 9px;font-size:12px}.field-help{display:block;margin-top:4px;color:var(--muted);font-size:9px;font-weight:400}.voice-save-row{display:flex;justify-content:flex-end}.voice-side{display:grid;gap:10px}.transfer-keywords{max-height:calc(100vh - 180px);overflow:auto}.transfer-keyword-item{padding:10px 0;border-top:1px solid rgba(49,75,92,.72)}.transfer-keyword-item:first-of-type{border-top:0}.small-button{margin-top:7px;padding:5px 8px;font-size:10px}.voice-publish{width:100%;min-height:43px;border:1px solid #315369;border-radius:10px;background:#102433;color:#86a7bb;font-weight:800}.voice-publish.pending{border-color:#20bda9;background:linear-gradient(180deg,#27d7c2,#16b8a7);color:#031a1d;cursor:pointer}@media(max-width:1000px){.voice-layout{grid-template-columns:1fr}.transfer-keywords{max-height:none}}@media(max-width:720px){.topbar-account .secure,.user-copy{display:none}.voice-form-grid{grid-template-columns:1fr}.voice-form-grid .full{grid-column:auto}}


/* v2.5.2 compact Transfer Rules headings */
.transfer-rule-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:5px;
}

.transfer-rule-heading b{
  font-size:11px;
}

.transfer-rule-heading small{
  color:var(--muted);
  font-size:10px;
  font-weight:650;
  white-space:nowrap;
}


/* v2.6 live ElevenLabs Voice Library */
.current-voice{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:11px;
  padding:11px 12px;
  border:1px solid #284658;
  border-radius:9px;
  background:#0c1c27;
}

.current-voice>div{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.current-voice small{
  color:var(--muted);
  font-size:9px;
  font-weight:800;
  letter-spacing:.05em;
}

.current-voice b{font-size:14px}
.current-voice span{color:var(--muted);font-size:10px}

.voice-preview-audio,
.voice-preview-panel audio{
  width:230px;
  height:32px;
}

.voice-preview-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 10px;
  border:1px solid rgba(49,75,92,.72);
  border-radius:8px;
  background:#0b1923;
}

.voice-preview-panel>div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.voice-preview-panel b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
}

.voice-preview-panel span{
  color:var(--muted);
  font-size:9px;
}

.voice-library-tools{
  padding-bottom:12px;
}

.refresh-voices{
  width:100%;
  padding:7px 10px;
  font-size:11px;
}

.voice-sync-alert{
  margin-bottom:10px;
}

@media(max-width:720px){
  .current-voice,
  .voice-preview-panel{
    align-items:flex-start;
    flex-direction:column;
  }

  .voice-preview-audio,
  .voice-preview-panel audio{
    width:100%;
  }
}


/* v2.6.2 sticky Voice & Behaviour actions */
.voice-action-bar{
  position:sticky;
  top:0;
  z-index:20;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:58px;
  margin-bottom:10px;
  padding:9px 12px;
  border:1px solid #29495b;
  border-radius:11px;
  background:rgba(10,27,38,.96);
  box-shadow:0 12px 28px rgba(0,0,0,.25);
  backdrop-filter:blur(10px);
}

.voice-action-status{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}

.voice-action-status>div{
  display:flex;
  flex-direction:column;
  min-width:0;
}

.voice-action-status b{
  font-size:12px;
}

.voice-action-status small{
  color:var(--muted);
  font-size:9px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.status-dot{
  flex:0 0 9px;
  width:9px;
  height:9px;
  border-radius:50%;
}

.status-dot.published{
  background:#46d7a5;
  box-shadow:0 0 0 4px rgba(70,215,165,.10);
}

.status-dot.pending{
  background:#ffc15a;
  box-shadow:0 0 0 4px rgba(255,193,90,.10);
}

.voice-action-buttons{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
}

.voice-action-buttons button{
  min-height:34px;
  padding:7px 11px;
  border-radius:8px;
  font-size:11px;
  white-space:nowrap;
}

.inline-publish-form{
  margin:0;
}

.voice-publish.top-publish{
  width:auto;
  min-height:34px;
  padding:7px 12px;
}

.voice-publish.top-publish:disabled{
  opacity:.74;
  cursor:default;
}

.discard-voice-changes{
  color:#b7cbd7;
}

@media(max-width:800px){
  .voice-action-bar{
    position:static;
    align-items:stretch;
    flex-direction:column;
  }

  .voice-action-buttons{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .voice-action-buttons .inline-publish-form{
    grid-column:1/-1;
  }

  .voice-action-buttons button,
  .voice-publish.top-publish{
    width:100%;
  }
}


/* v2.6.3 unsaved/discard status */
.status-dot.unsaved{
  background:#5db9ff;
  box-shadow:0 0 0 4px rgba(93,185,255,.10);
}


/* v2.7 shared New Zealand voice library */
.restore-published{
  border-color:#755a2a;
  color:#ffd183;
}

#voice-selector option{
  background:#0b1a24;
  color:#e8f2f7;
}


/* v2.7.1 reception selector cleanup */
.compact-assistant-switcher .assistant-choice{
  min-height:58px;
  padding:10px 13px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.compact-assistant-switcher .assistant-choice>b{
  font-size:14px;
  line-height:1.2;
}

.compact-assistant-switcher .assistant-choice>span{
  margin-top:4px;
  font-size:10px;
}

#save-voice-changes:disabled{
  opacity:.5;
  cursor:not-allowed;
}


/* v2.7.2 clearer transfer extension labels */
.transfer-rule-heading small{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:68px;
  padding:4px 9px;
  border:1px solid rgba(89,173,255,.38);
  border-radius:999px;
  background:rgba(22,92,170,.16);
  color:#78c2ff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  line-height:1;
}


/* v2.7.4 final Voice & Behaviour polish */
.portal-brand{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  min-height:auto;
}

.portal-brand-logo{
  display:block;
  width:170px;
  max-width:100%;
  height:auto;
  object-fit:contain;
}

.portal-brand>small{
  margin-left:48px;
  color:var(--muted);
  font-size:10px;
  line-height:1;
}

.compact-assistant-switcher .assistant-choice{
  min-height:56px;
  padding:10px 13px;
}

.compact-assistant-switcher .assistant-choice>b{
  margin-top:0;
}

.transfer-rule-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.transfer-extension{
  color:#ffffff !important;
  background:none !important;
  border:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-size:10px !important;
  font-weight:800 !important;
}

.voice-sync-alert{
  display:none !important;
}


/* v2.8.0 selected voice preview and pending-current context */
#voice-card-name{
  display:block;
}

#voice-card-name .pending-current,
.voice-pending-current{
  color:#ffc15a;
  font-size:.86em;
  font-weight:650;
}

#voice-card-player[hidden]{
  display:none;
}

#save-voice-changes:disabled{
  opacity:.5;
  cursor:not-allowed;
}


/* v2.8.1 dual voice comparison and contained refresh feedback */
.selected-voice-preview{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:11px 12px;
  border:1px solid rgba(93,185,255,.42);
  border-radius:9px;
  background:rgba(22,92,170,.10);
}

.selected-voice-preview[hidden]{
  display:none;
}

.selected-voice-copy{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.selected-voice-copy small{
  color:#ffc15a;
  font-size:9px;
  font-weight:800;
  letter-spacing:.05em;
}

.selected-voice-copy b{
  font-size:14px;
}

.selected-voice-copy span{
  color:var(--muted);
  font-size:10px;
}

.voice-refresh-result{
  margin:0 0 9px;
  padding:7px 9px;
  border:1px solid rgba(70,215,165,.32);
  border-radius:7px;
  background:rgba(70,215,165,.08);
  color:#7de5bd;
  font-size:10px;
  font-weight:750;
  opacity:1;
  transition:opacity .25s ease;
}

.voice-refresh-result[hidden]{
  display:none;
}

.voice-refresh-result.is-hiding{
  opacity:0;
}

@media(max-width:720px){
  .selected-voice-preview{
    align-items:flex-start;
    flex-direction:column;
  }

  .selected-voice-preview .voice-preview-audio{
    width:100%;
  }
}


/* Phase 2 dashboard icon refresh */
.metric-icon svg,.recent-phone svg,.row-phone svg{width:1em;height:1em;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.metric-icon{box-shadow:inset 0 0 0 1px currentColor,0 8px 22px rgba(0,0,0,.22)}
.metric-calls .metric-icon{background:rgba(31,134,255,.18);color:#3ba7ff}
.metric-handled .metric-icon{background:rgba(38,203,132,.16);color:#38dc98}
.metric-transfers .metric-icon{background:rgba(168,85,247,.18);color:#b76cff}
.metric-knowledge .metric-icon{background:rgba(245,158,11,.18);color:#f6a916}
.recent-phone{width:24px;height:24px;display:grid;place-items:center;color:#3ba7ff}
.recent-phone svg{width:20px;height:20px}
.compact-recent-table .recent-table-row time{display:flex;align-items:center;gap:8px}
.row-phone{flex:0 0 18px;width:18px;height:18px;display:grid;place-items:center;color:#3ba7ff}
.row-phone svg{width:15px;height:15px}


/* v0.4.0 workspace access */
.workspace a{display:block;margin-top:6px;color:#70b8ff;font-size:10px;text-decoration:none}
.workspace-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.workspace-picker-card{display:flex;align-items:center;justify-content:space-between;gap:18px}
.workspace-picker-card small,.workspace-picker-card p,.workspace-access-row small{display:block;color:var(--muted)}
.account-workspaces{margin-top:18px}
.section-heading,.workspace-access-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.workspace-access-row{padding:14px 0;border-top:1px solid var(--line)}
.stack-form{display:grid;gap:14px}
.form-hint{color:var(--muted);font-size:12px}
.form-error{margin:12px 0;padding:10px 12px;border:1px solid #ff7d86;border-radius:8px;background:rgba(130,25,35,.26);color:#ffbec2}


/* v0.4.1 login branding and admin entry */
.login-brand-mark{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:block;
}
.admin-entry{
  position:fixed;
  z-index:20;
  top:18px;
  right:22px;
  padding:8px 13px;
  border:1px solid #29465a;
  border-radius:9px;
  background:rgba(8,21,31,.86);
  color:#cce0ec;
  font-size:12px;
  font-weight:700;
  backdrop-filter:blur(8px);
}
.admin-entry:hover{border-color:#42b8ff;color:#fff}


/* v0.4.4 activation-page logo aspect-ratio fix */
.login-logo{
  display:block;
  width:min(220px,70%);
  height:auto;
  max-height:64px;
  object-fit:contain;
  object-position:left center;
  margin:0 0 18px;
}

/* v0.4.8 knowledge import and review */
.knowledge-import-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
.knowledge-import-card{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}
.knowledge-import-card form{grid-column:1/-1}
.knowledge-import-card h3{margin:0 0 6px}.knowledge-import-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.import-icon{font-size:25px}.knowledge-review-summary{display:flex;align-items:center;gap:28px;margin-bottom:16px}
.knowledge-review-summary>div{display:grid;gap:3px}.knowledge-review-summary small{color:var(--muted);font-size:10px;letter-spacing:.08em}.knowledge-review-summary b{font-size:22px}
.knowledge-review-summary form{margin-left:auto}.knowledge-import-history{margin-bottom:16px}.knowledge-import-history summary{display:flex;justify-content:space-between;align-items:center}
.import-history-row{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-top:1px solid var(--line)}.import-history-row span:first-child{display:grid;gap:3px}.import-history-row small{color:var(--muted)}
@media(max-width:800px){.knowledge-import-grid{grid-template-columns:1fr}.knowledge-review-summary{flex-wrap:wrap}.knowledge-review-summary form{width:100%;margin-left:0}}
.post-call-layout{grid-template-columns:1fr}.delivery-options{grid-template-columns:1fr}}
/* Post-call Delivery layout hotfix v0.4.9.1 */
.post-call-layout{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:18px;
  align-items:start;
}

.post-call-layout .card{
  margin-bottom:0;
}

.post-call-form{
  display:grid;
  gap:16px;
}

.post-call-form > label:not(.toggle-row):not(.check-option){
  display:grid;
  gap:7px;
  font-size:12px;
  font-weight:700;
}

.post-call-form textarea{
  width:100%;
  min-height:84px;
  resize:vertical;
}

.post-call-form .field-help{
  margin-top:0;
  font-size:10px;
  line-height:1.4;
}

.toggle-row,
.check-option{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:13px 14px;
  border:1px solid var(--line);
  border-radius:11px;
  background:rgba(5,18,27,.28);
  cursor:pointer;
}

.toggle-row:hover,
.check-option:hover{
  border-color:#31556c;
  background:rgba(14,38,53,.5);
}

.toggle-row > span,
.check-option > span{
  grid-column:1;
  grid-row:1;
  min-width:0;
  display:grid;
  gap:2px;
}

.toggle-row > input[type="checkbox"],
.check-option > input[type="checkbox"]{
  grid-column:2;
  grid-row:1;
  width:18px;
  height:18px;
  min-width:18px;
  margin:0;
  padding:0;
  accent-color:var(--accent);
  cursor:pointer;
}

.toggle-row b,
.check-option b{
  display:block;
  font-size:12px;
  line-height:1.35;
}

.toggle-row small,
.check-option small{
  display:block;
  color:var(--muted);
  font-size:10px;
  font-weight:400;
  line-height:1.45;
}

.delivery-options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.post-call-form > .primary{
  justify-self:start;
  margin-top:2px;
}

.delivery-log{
  display:grid;
  gap:0;
}

.delivery-log-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px 12px;
  padding:13px 0;
  border-bottom:1px solid var(--line);
}

.delivery-log-row:last-child{
  border-bottom:0;
}

.delivery-log-row > div{
  display:grid;
  gap:3px;
  min-width:0;
}

.delivery-log-row small{
  color:var(--muted);
  overflow-wrap:anywhere;
}

.delivery-error{
  grid-column:1/-1;
  color:#ff9aa2!important;
}

.pill.failed{background:rgba(255,100,110,.12);color:#ff9aa2}
.pill.sent{background:rgba(73,215,165,.12);color:#7be2bb}
.pill.pending,.pill.sending{background:rgba(255,190,70,.12);color:#ffd081}

@media(max-width:1000px){
  .post-call-layout{grid-template-columns:1fr}
}

@media(max-width:720px){
  .delivery-options{grid-template-columns:1fr}
  .toggle-row,.check-option{padding:12px}
}

/* CallIQ brand refresh */
.brand-iq{color:#62BE1B}
.portal-brand img{width:128px;height:auto;object-fit:contain}
.login-logo{max-width:210px;height:auto}

/* CallIQ v1.0.3 unified brand lockup */
:root{--calliq-green:#62BE1B}
.calliq-brand-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:8px;line-height:1}
.calliq-wordmark{display:inline-flex;align-items:baseline;gap:0;white-space:nowrap;font-weight:800;letter-spacing:-.055em;color:#fff}
.calliq-wordmark-call,.calliq-wordmark-iq{display:inline-block}
.calliq-wordmark-iq{color:var(--calliq-green)}
.calliq-brand-subtitle{color:#91abc0;font-weight:400;letter-spacing:.01em;line-height:1.25}
.calliq-brand-lockup--login .calliq-wordmark{font-size:clamp(58px,6vw,92px)}
.calliq-brand-lockup--login .calliq-brand-subtitle{font-size:18px;margin-top:2px}
.calliq-brand-lockup--sidebar{gap:4px}
.calliq-brand-lockup--sidebar .calliq-wordmark{font-size:31px}
.calliq-brand-lockup--sidebar .calliq-brand-subtitle{font-size:10px}
.portal-brand{display:block;color:#fff;margin:4px 18px 18px;text-decoration:none}
.portal-brand:hover{color:#fff}
.login-story{padding:48px 44px 42px}
.login-story-copy{margin:auto 0;max-width:700px}
.login-story-copy h1{margin:0 0 22px;font-size:clamp(46px,5vw,72px);line-height:1.22;letter-spacing:-.035em}
.login-story-copy p{margin:0;font-size:18px;line-height:1.65}
.powered-by{color:#d7e2e9;font-size:13px}
.powered-by strong{color:#fff}
@media(max-width:1200px){.calliq-brand-lockup--login .calliq-wordmark{font-size:64px}.login-story-copy h1{font-size:50px}}
