/* CEO SHIELD MOBILE COMMERCIAL UI V5.4.45
 * Visual-only theme. No display/order/event/data rules are changed here.
 */

:root{
  --bg:#081321;
  --panel:#122238;
  --panel-soft:#0e1b2e;
  --panel-raised:#162941;
  --text:#f4f7fb;
  --muted:#a7b6c9;
  --line:rgba(151,178,209,.16);
  --line-strong:rgba(110,189,219,.28);
  --brand:#42c2d7;
  --brand-soft:rgba(66,194,215,.10);
  --success:#44c892;
  --warning:#f0bd58;
  --danger:#ef7483;
}

html,body{
  background:
    radial-gradient(circle at 50% -120px,rgba(48,119,151,.16),transparent 360px),
    var(--bg) !important;
  color:var(--text);
  -webkit-font-smoothing:antialiased;
}

body{padding-bottom:78px}
.app-shell{max-width:520px}

.topbar{
  padding:16px 16px 13px;
  background:rgba(8,19,33,.92);
  border-bottom:1px solid var(--line);
  box-shadow:0 8px 26px rgba(0,0,0,.12);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.eyebrow{color:#79cce0;letter-spacing:.02em}
.topbar h1{font-size:22px;letter-spacing:-.04em}
.push-state{color:#7cdda8}

/* One shared surface language for all operational modules. */
.mob-v54-panel,
.mob-v541-panel,
.v542,
.mob-v543,
.mob-v5412,
.mob-v548,
.mob-v549,
.mob-v5410,
#ceo-mobile-customer-query-v5417{
  margin-left:12px !important;
  margin-right:12px !important;
  margin-bottom:9px !important;
  border:1px solid var(--line) !important;
  border-radius:15px !important;
  background:linear-gradient(180deg,rgba(19,35,57,.98),rgba(13,27,46,.98)) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.10) !important;
}

.mob-v54-toggle,
.mob-v541-title,
.v542-title,
.mob-v543-title,
.mob-v5412-title,
.mob-v548-title,
.mob-v549-head,
.mob-v5410-head{
  min-height:54px !important;
  padding:0 14px !important;
  background:linear-gradient(180deg,rgba(27,47,72,.74),rgba(18,34,55,.74)) !important;
  border:0 !important;
}

.mob-v54-toggle b,
.mob-v541-title b,
.v542-title b,
.mob-v543-title b,
.mob-v5412-title b,
.mob-v548-title b,
.mob-v549-head b,
.mob-v5410-head b{
  font-size:14px !important;
  letter-spacing:-.025em;
}

.mob-v54-toggle small,
.mob-v541-title small,
.v542-title small,
.mob-v543-title small,
.mob-v5412-title small,
.mob-v548-title small,
.mob-v549-head small,
.mob-v5410-head small{
  color:var(--muted) !important;
  font-size:9px !important;
}

/* V5.4.47 ASSIGNMENT PANEL SIZE PARITY
 * These three assignment modules were omitted from the shared surface sizing
 * rules above. Keep their role colors, but normalize their outer gutter and
 * collapsed header height to the other operational categories.
 */
.mob-v544,
.mob-v545,
.mob-v546{
  margin-left:12px !important;
  margin-right:12px !important;
  margin-bottom:9px !important;
}

.mob-v544-title,
.mob-v545-title,
.mob-v546-title{
  min-height:54px !important;
  padding:0 14px !important;
}

/* Accent is kept in icons/chevrons instead of coloring entire cards. */
.mob-v54-chevron,.mob-v541-title>span:last-child,.v542-title>span:last-child,
.mob-v543-title>span:last-child,.mob-v5412-arrow,.mob-v548-arrow,
.mob-v549-arrow,.mob-v5410-arrow{color:var(--brand) !important}

.mob-v54-body,.mob-v541-body,.v542-body,.mob-v543-body,.mob-v5412-body,
.mob-v548-body,.mob-v549-body,.mob-v5410-body{padding:10px 11px 11px !important}

/* KPI tiles: quieter surfaces, numbers remain immediately readable. */
.mob-v54-kpis button,.mob-v54-status button,.mob-v5412-kpis>div,
.v542-kpis button,.mob-v543-summary button,.mob-v549-main>div,
.mob-v5410-summary>div{
  background:rgba(7,18,32,.54) !important;
  border-color:rgba(164,188,215,.11) !important;
  box-shadow:none !important;
}

.mob-v54-kpis small,.mob-v5412-kpis small,.v542-kpis small,
.mob-v543-summary small,.mob-v549-main small,.mob-v5410-summary span{
  color:#98aac0 !important;
}

/* Customer query is the primary working area. */
#ceo-mobile-customer-query-v5417{
  margin-top:11px !important;
  padding:14px !important;
  border-color:var(--line-strong) !important;
  background:linear-gradient(180deg,#162a43,#112137) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.14) !important;
}
.v5417-title{margin-bottom:11px}
.v5417-title b{font-size:16px;letter-spacing:-.035em}
.v5417-title small{color:#9eb0c4;font-size:8px}
.v5417-grid{gap:7px}
.v5417-select,.v5417-input,
.search-row select,.search-row input{
  min-height:46px;
  border:1px solid rgba(158,184,214,.19) !important;
  border-radius:11px !important;
  background:#0a1729 !important;
  color:#f6f8fb !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015);
}
.v5417-select:focus,.v5417-input:focus,
.search-row select:focus,.search-row input:focus{
  border-color:rgba(66,194,215,.65) !important;
  box-shadow:0 0 0 3px rgba(66,194,215,.10) !important;
}
.v5417-count,.chip{
  background:rgba(8,20,35,.68) !important;
  border-color:rgba(156,183,212,.19) !important;
}
.v5417-count.active,.chip.active{
  background:linear-gradient(135deg,#2867cb,#337de0) !important;
  border-color:#4f91ef !important;
  box-shadow:0 5px 14px rgba(30,91,190,.22);
}

/* Next action: compact task strip, not another oversized card. */
.v5414-next-action{
  margin:0 0 8px !important;
  padding:10px 11px !important;
  border-radius:12px !important;
  background:rgba(13,28,47,.92) !important;
  border-color:rgba(240,189,88,.25) !important;
  box-shadow:none !important;
}
.v5414-next-head small{color:#9badc1 !important}
.v5414-next-head b{font-size:11px !important}
.v5414-next-head span{color:#8196ae !important}

/* Customer cards stay familiar but feel less boxed-in. */
.client-list{padding:7px 12px 18px}
.card-stack{gap:9px}
.client-card{
  border-color:rgba(139,173,209,.20) !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,#1a2d48,#13243a) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.12) !important;
}
.client-head h2{letter-spacing:-.035em}
.subline,.summary-grid .label{color:#adbacb !important}
.source-badge{background:rgba(6,17,31,.44);border-color:rgba(125,165,206,.21)}
.quick-actions{gap:6px;margin-top:12px}
.quick{border-color:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.summary-grid,.summary-grid>.status-assignment-row,.summary-grid>.next-contact-display-row{
  border-color:rgba(151,178,209,.16) !important;
}
.memo-row textarea,.detail-zone,.file-info,.process-status,.meta-box{
  background:#0b182a !important;
  border-color:rgba(151,178,209,.17) !important;
}

button,.chip,.v5417-count,.quick{
  transition:background-color .16s ease,border-color .16s ease,transform .12s ease;
}
button:active,.chip:active,.v5417-count:active,.quick:active{transform:translateY(1px)}

.bottom-nav{
  height:66px;
  background:rgba(8,19,33,.94) !important;
  border-top:1px solid var(--line) !important;
  box-shadow:0 -10px 28px rgba(0,0,0,.18);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.bottom-nav button{height:66px;color:#aab8c8}
.bottom-nav .active{background:rgba(42,94,153,.25);color:#8ed8e8}

/* Compact small screens without changing any module visibility. */
@media(max-width:380px){
  .mob-v54-panel,.mob-v541-panel,.v542,.mob-v543,.mob-v5412,
  .mob-v548,.mob-v549,.mob-v5410,#ceo-mobile-customer-query-v5417{
    margin-left:10px !important;margin-right:10px !important;
  }
  .mob-v544,.mob-v545,.mob-v546{
    margin-left:10px !important;margin-right:10px !important;
  }
  .mob-v54-kpis,.mob-v5412-kpis,.v542-kpis{gap:5px}
  .v5417-search-row{grid-template-columns:94px minmax(0,1fr)}
  .quick-actions{gap:5px}
  .quick{padding-left:6px;padding-right:4px}
}

@media(prefers-reduced-motion:reduce){
  button,.chip,.v5417-count,.quick{transition:none}
}

/* V5.4.46 ALIGNMENT FIX
 * The query panel is dynamically moved inside .search-panel. The parent already
 * owns the page gutter, so the child must not add a second horizontal margin.
 */
.search-panel{
  padding-left:12px !important;
  padding-right:12px !important;
}
.search-panel>#ceo-mobile-customer-query-v5417{
  width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
.search-panel>.scope-row{
  width:100%;
  margin-left:0 !important;
  margin-right:0 !important;
}
@media(max-width:380px){
  .search-panel{padding-left:10px !important;padding-right:10px !important}
  .search-panel>#ceo-mobile-customer-query-v5417{
    margin-left:0 !important;margin-right:0 !important;
  }
}