/* ContractIQ manager dashboard — scoped reference styling only */
body.manager-mode .app{grid-template-columns:286px minmax(0,1fr);background:#f5f7f9}
body.manager-mode .sidebar{background:linear-gradient(100deg,#fafbfc 0%,#e9edf1 48%,#f9fafb 100%);color:#10243f;border-right:1px solid #c4ccd5;box-shadow:inset -1px 0 0 rgba(255,255,255,.9),6px 0 24px rgba(31,45,61,.04);padding:28px 22px}
body.manager-mode .sidebar .brand{padding:2px 8px 24px;margin-bottom:16px;border-bottom:1px solid rgba(118,132,148,.24)}
body.manager-mode .sidebar .brand-mark{background:transparent;color:#0a2e5c;box-shadow:none;width:42px;height:42px;font-size:15px}
body.manager-mode .sidebar .brand strong{color:#092b56;font-size:23px;font-weight:750;letter-spacing:-.04em}
body.manager-mode .sidebar .brand span{color:#6e7e90}
body.manager-mode .nav{gap:7px}
body.manager-mode .nav button{color:#16304f;font-size:14px;font-weight:620;padding:14px 15px;border-radius:11px;border:1px solid transparent}
body.manager-mode .nav button:hover{background:rgba(255,255,255,.72);color:#071d38;border-color:#d9e0e6}
body.manager-mode .nav button.active{color:#fff;background:linear-gradient(180deg,#0c417d 0%,#052b56 100%);border-color:#0b3769;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 6px 14px rgba(5,43,86,.22)}
body.manager-mode .sidebar-foot{color:#33475f;border-top:1px solid rgba(118,132,148,.26);padding:18px 7px 0;font-size:11px}
body.manager-mode .main{background:linear-gradient(180deg,#fbfcfd 0%,#f5f7f9 100%)}
body.manager-mode .topbar{height:98px;background:linear-gradient(100deg,#fafbfc 0%,#dfe4e9 49%,#fafbfc 100%);border-bottom:1px solid #bcc5cf;box-shadow:inset 0 1px 0 #fff,0 2px 10px rgba(28,42,58,.07);padding:0 42px}
body.manager-mode .topbar h2{font-size:24px;color:#092b57;font-weight:760;letter-spacing:-.035em}
body.manager-mode .user-chip{gap:12px;background:rgba(255,255,255,.34);padding:8px 12px 8px 8px;border-radius:18px}
body.manager-mode .avatar{width:58px;height:58px;border-radius:50%;background:linear-gradient(145deg,#fff,#dfe5ea);border:3px solid rgba(255,255,255,.94);box-shadow:0 4px 15px rgba(10,35,64,.14);font-size:14px;color:#0b2a52}
body.manager-mode .user-chip strong{font-size:15px;color:#111827}
body.manager-mode .user-chip small{font-size:11px;color:#405269;margin-top:4px}
body.manager-mode .user-chip>.role{padding:9px 12px;background:rgba(255,255,255,.48);border-color:#c7d0d9}
body.manager-mode .content{padding:34px 44px 54px;max-width:none}
body.manager-mode #dashboardView>.hero{margin-bottom:24px;align-items:center}
body.manager-mode #dashboardView>.hero .eyebrow{display:none}
body.manager-mode #dashboardView>.hero h1{font-size:34px;color:#101820;font-weight:770;letter-spacing:-.045em;margin:0 0 7px}
body.manager-mode #dashboardView>.hero p{font-size:14px;color:#35485f}
body.manager-mode #managerMetrics{gap:20px;margin-bottom:28px}
body.manager-mode #managerMetrics .metric{min-height:150px;width:100%;padding:26px 28px;border-radius:14px;background:linear-gradient(145deg,#fff 0%,#f8f9fa 56%,#eef1f4 100%);border:1px solid #d3dae1;box-shadow:0 10px 20px rgba(19,36,57,.075),inset 0 1px 0 #fff;text-align:left;color:inherit;appearance:none;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
body.manager-mode #managerMetrics .metric:hover{transform:translateY(-2px);border-color:#aeb9c4;box-shadow:0 14px 28px rgba(19,36,57,.11),inset 0 1px 0 #fff}
body.manager-mode #managerMetrics .metric:focus-visible{outline:3px solid rgba(12,65,125,.22);outline-offset:3px}
body.manager-mode #managerMetrics .metric span{font-size:13px;color:#111827;font-weight:690;letter-spacing:0}
body.manager-mode #managerMetrics .metric strong{font-size:42px;color:#082a55;line-height:1;margin-top:14px;font-weight:730}
.manager-dash-sows{background:rgba(255,255,255,.96);border:1px solid #d2d9e0;border-radius:14px;overflow:hidden;box-shadow:0 10px 24px rgba(19,36,57,.075),inset 0 1px 0 #fff}
.manager-dash-sows .manager-table-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px 18px;border-bottom:1px solid #e1e6eb}
.manager-dash-sows .manager-table-title h3{margin:0;font-size:22px;letter-spacing:-.035em;color:#111827}
.manager-dash-sows .manager-table-title p{margin:5px 0 0;color:#627287;font-size:12px}
.manager-dash-sows .manager-table-tools{display:flex;gap:9px;align-items:center}
.manager-dash-sows .manager-table-tools input{width:290px;height:42px;border:1px solid #cbd3db;border-radius:9px;background:#fff;padding:0 13px;outline:none}
.manager-dash-sows .manager-table-tools input:focus{border-color:#8ea3b9;box-shadow:0 0 0 3px rgba(52,95,140,.08)}
.manager-dash-sows .manager-table-tools button{height:42px;border:1px solid #cbd3db;border-radius:9px;background:linear-gradient(180deg,#fff,#f1f3f5);color:#15304f;padding:0 14px;font-weight:700}
.manager-dash-sows .manager-table-tools .primary-small{background:linear-gradient(180deg,#0d3c72,#062a56);border-color:#0a3261;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 5px 12px rgba(6,42,86,.18)}
.manager-dash-sows .sow-table th{background:linear-gradient(180deg,#fff,#f1f3f5);font-size:10px;color:#304258;padding:15px 17px;letter-spacing:.06em}
.manager-dash-sows .sow-table td{padding:16px 17px;font-size:12px}
.manager-dash-sows .sow-table tbody tr:hover{background:#f7f9fb}
.manager-dash-sows .status-chip,.manager-dash-sows .funding-chip{border-radius:5px;padding:5px 8px}
.manager-dash-sows .open-btn{border-radius:8px;padding:7px 11px}
.manager-dash-sows .table-footer{padding:13px 17px;font-size:10px;background:linear-gradient(180deg,#fafbfc,#f2f5f7)}
@media(max-width:1100px){body.manager-mode .app{grid-template-columns:236px minmax(0,1fr)}body.manager-mode .content{padding:28px}body.manager-mode #managerMetrics{grid-template-columns:repeat(2,1fr)}.manager-dash-sows .manager-table-head{align-items:flex-start;flex-direction:column}.manager-dash-sows .manager-table-tools{width:100%}.manager-dash-sows .manager-table-tools input{flex:1;width:auto}}
@media(max-width:900px){body.manager-mode .app{grid-template-columns:1fr}body.manager-mode .sidebar{display:none}body.manager-mode .topbar{padding:0 20px}body.manager-mode .content{padding:24px 18px}.manager-dash-sows .manager-table-tools{flex-wrap:wrap}.manager-dash-sows .manager-table-tools input{min-width:100%}}

/* =========================================================
   REAL APPROVAL COMMAND CENTER
   ========================================================= */

body.manager-mode .ciq-approval-command-hero{
  margin-bottom:24px;
}

body.manager-mode .ciq-approval-command-layout{
  display:grid;
  grid-template-columns:minmax(300px,.72fr) minmax(560px,1.7fr);
  gap:20px;
  align-items:start;
}

body.manager-mode .ciq-approval-command-queue,
body.manager-mode .ciq-approval-command-detail{
  min-width:0;
}

body.manager-mode #ciqApprovalCommandQueue{
  display:grid;
  gap:11px;
}

body.manager-mode .ciq-approval-command-card{
  width:100%;
  border:1px solid rgba(124,151,179,.28);
  border-radius:15px;
  padding:16px;
  text-align:left;
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.82),
      rgba(231,241,250,.68)
    );
  color:#10243f;
  box-shadow:
    0 7px 18px rgba(39,70,102,.07),
    inset 0 1px 0 rgba(255,255,255,.96);
  transition:.16s ease;
}

body.manager-mode .ciq-approval-command-card:hover,
body.manager-mode .ciq-approval-command-card.active{
  transform:translateY(-1px);
  border-color:rgba(68,112,156,.48);
  box-shadow:
    0 12px 26px rgba(39,70,102,.12),
    inset 0 1px 0 rgba(255,255,255,.98);
}

body.manager-mode .ciq-approval-command-card.active{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.96),
      rgba(215,233,248,.82)
    );
}

body.manager-mode .ciq-approval-command-card-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
}

body.manager-mode .ciq-approval-command-card-head>div{
  min-width:0;
}

body.manager-mode .ciq-approval-command-card-head span{
  display:block;
  color:#6e8196;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
}

body.manager-mode .ciq-approval-command-card-head strong{
  display:block;
  margin-top:5px;
  font-size:13px;
  line-height:1.35;
}

body.manager-mode .ciq-approval-command-count{
  min-width:42px;
  padding:7px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(117,147,177,.25);
  text-align:center;
  font-size:11px!important;
  color:#173b63!important;
}

body.manager-mode .ciq-approval-command-progress{
  height:6px;
  margin:14px 0 11px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(111,142,174,.15);
}

body.manager-mode .ciq-approval-command-progress span{
  display:block;
  height:100%;
  border-radius:999px;
  background:
    linear-gradient(
      90deg,
      #2f6fa8,
      #6aa4d5
    );
}

body.manager-mode .ciq-approval-command-card-foot{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
}

body.manager-mode .ciq-approval-command-card-foot strong{
  font-size:11px;
  color:#214d79;
}

body.manager-mode .ciq-approval-command-card-foot small{
  color:#788a9d;
  font-size:10px;
  text-align:right;
}

body.manager-mode .ciq-approval-command-detail-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
  padding-bottom:18px;
  border-bottom:1px solid rgba(125,151,177,.20);
}

body.manager-mode .ciq-approval-command-detail-head h2{
  margin:5px 0 4px;
  font-size:22px;
  letter-spacing:-.025em;
}

body.manager-mode .ciq-approval-command-detail-head p{
  margin:0;
  color:#728398;
  font-size:12px;
}

body.manager-mode .ciq-approval-command-big-count{
  text-align:right;
}

body.manager-mode .ciq-approval-command-big-count strong{
  display:block;
  font-size:27px;
  color:#102f54;
}

body.manager-mode .ciq-approval-command-big-count span{
  display:block;
  margin-top:2px;
  font-size:10px;
  color:#75879a;
}

body.manager-mode .ciq-approval-command-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:18px 0;
}

body.manager-mode .ciq-approval-command-summary>div,
body.manager-mode .ciq-approval-command-version>div{
  padding:13px 14px;
  border-radius:12px;
  border:1px solid rgba(126,153,180,.22);
  background:rgba(246,250,254,.68);
}

body.manager-mode .ciq-approval-command-summary span,
body.manager-mode .ciq-approval-command-version span{
  display:block;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.07em;
  color:#7c8da0;
  font-weight:800;
}

body.manager-mode .ciq-approval-command-summary strong,
body.manager-mode .ciq-approval-command-version strong{
  display:block;
  margin-top:5px;
  font-size:11px;
  color:#183b61;
  overflow-wrap:anywhere;
}

body.manager-mode .ciq-approval-command-lock,
body.manager-mode .ciq-approval-command-ready{
  display:grid;
  gap:4px;
  margin:14px 0;
  padding:14px 16px;
  border-radius:12px;
}

body.manager-mode .ciq-approval-command-lock{
  border:1px solid #ead6a5;
  background:rgba(255,248,226,.78);
  color:#76591b;
}

body.manager-mode .ciq-approval-command-ready{
  border:1px solid #bedfca;
  background:rgba(237,249,241,.78);
  color:#25613b;
}

body.manager-mode .ciq-approval-command-lock span,
body.manager-mode .ciq-approval-command-ready span{
  font-size:11px;
  line-height:1.45;
}

body.manager-mode .ciq-approval-command-version{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:14px 0 20px;
}

body.manager-mode .ciq-approval-command-roster-head{
  display:flex;
  justify-content:space-between;
  gap:15px;
  align-items:center;
  margin:18px 0 10px;
}

body.manager-mode .ciq-approval-command-roster-head h3{
  margin:0;
  font-size:14px;
}

body.manager-mode .ciq-approval-command-roster-head p{
  margin:4px 0 0;
  font-size:10px;
  color:#7a8b9d;
}

body.manager-mode .ciq-approval-command-roster{
  display:grid;
  gap:8px;
}

body.manager-mode .ciq-approval-command-person{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) minmax(170px,.72fr);
  gap:11px;
  align-items:center;
  padding:12px 13px;
  border:1px solid rgba(125,151,177,.20);
  border-radius:12px;
  background:rgba(250,252,255,.58);
}

body.manager-mode .ciq-approval-command-avatar{
  width:36px;
  height:36px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:10px;
  font-weight:850;
  color:#173b63;
  background:
    linear-gradient(
      145deg,
      #fff,
      #dce9f4
    );
  border:1px solid #c4d4e3;
}

body.manager-mode .ciq-approval-command-person-main strong,
body.manager-mode .ciq-approval-command-person-status strong{
  display:block;
  font-size:11px;
}

body.manager-mode .ciq-approval-command-person-main span{
  display:block;
  margin-top:2px;
  font-size:10px;
  color:#5f748a;
}

body.manager-mode .ciq-approval-command-person-main small,
body.manager-mode .ciq-approval-command-person-status small{
  display:block;
  margin-top:2px;
  color:#8493a4;
  font-size:9px;
}

body.manager-mode .ciq-approval-command-person-status{
  text-align:right;
}

body.manager-mode .ciq-approval-command-person-status .ciq-approval-status{
  margin-bottom:5px;
}

body.manager-mode .ciq-approval-command-footer{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(125,151,177,.20);
}

body.manager-mode .ciq-approval-command-footer>div:first-child{
  display:grid;
  gap:3px;
}

body.manager-mode .ciq-approval-command-footer small{
  color:#7b8c9e;
  font-size:10px;
}

body.manager-mode .ciq-approval-command-actions{
  display:flex;
  gap:8px;
}

@media(max-width:1100px){
  body.manager-mode .ciq-approval-command-layout{
    grid-template-columns:1fr;
  }

  body.manager-mode .ciq-approval-command-summary{
    grid-template-columns:1fr 1fr;
  }
}