/* ConstructNav v0.9.2.69 — context-aware time and top-bar tracker */

.cn-segmented{
  display:inline-flex;
  gap:4px;
  padding:4px;
  border:1px solid #d8e3ed;
  border-radius:10px;
  background:#edf3f8;
}
.cn-segmented button{
  border:0;
  border-radius:7px;
  padding:8px 13px;
  background:transparent;
  color:var(--muted);
  font:inherit;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
}
.cn-segmented button.active{
  background:#fff;
  color:var(--blue);
  box-shadow:0 2px 7px rgba(12,45,79,.12);
}
.cn-crm-scope{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0 0 14px;
  padding:13px 14px;
  border:1px solid #cbdce9;
  border-radius:11px;
  background:linear-gradient(135deg,#f4f9fd,#fff);
}
.cn-crm-scope strong,.cn-crm-scope span{display:block}
.cn-crm-scope span{margin-top:3px;color:var(--muted);font-size:11px}

/* The same calendar event record is now rendered in every mode. */
.calendar-date{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  width:100%;
  border:0;
  padding:1px 2px 6px;
  background:transparent;
  color:inherit;
  font:inherit;
  font-weight:900;
  cursor:pointer;
}
.calendar-date span{
  color:var(--muted);
  font-size:9px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.calendar-event{
  min-height:38px;
  white-space:normal!important;
  line-height:1.25;
}
.calendar-event span{display:block;overflow:hidden;text-overflow:ellipsis}
.cn-calendar-event-time{
  margin-bottom:2px;
  font-size:8px;
  font-weight:900;
  letter-spacing:.025em;
  text-transform:uppercase;
}
.cn-calendar-event-title{font-size:10px;font-weight:850}
.cn-calendar-event-meta{margin-top:2px;font-size:8px;font-weight:650;opacity:.78}
.cn-calendar-more{
  width:100%;
  border:0;
  border-radius:6px;
  padding:6px;
  background:#edf3f8;
  color:var(--blue);
  font-size:9px;
  font-weight:850;
  cursor:pointer;
}
.calendar-grid.cn-calendar-month .calendar-day{min-height:146px}
.calendar-grid.cn-calendar-week .calendar-event,
.calendar-grid.cn-calendar-day .calendar-event{padding:9px 10px;margin:6px 0}
.calendar-grid.cn-calendar-week .cn-calendar-event-time,
.calendar-grid.cn-calendar-day .cn-calendar-event-time{font-size:10px}
.calendar-grid.cn-calendar-week .cn-calendar-event-title,
.calendar-grid.cn-calendar-day .cn-calendar-event-title{font-size:12px}
.calendar-grid.cn-calendar-week .cn-calendar-event-meta,
.calendar-grid.cn-calendar-day .cn-calendar-event-meta{font-size:10px}

/* Sales goals */
.cn-goal-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.cn-goal-head h3,.cn-goal-head p{margin:0}
.cn-goal-head p{margin-top:4px}
.cn-goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cn-goal-panel{
  min-width:0;
  padding:17px;
  border:1px solid #d8e4ed;
  border-radius:12px;
  background:#f7fafc;
}
.cn-goal-panel.company{background:linear-gradient(135deg,#edf6ff,#fff)}
.cn-goal-panel.personal{background:linear-gradient(135deg,#effaf5,#fff)}
.cn-goal-panel>span,.cn-goal-panel>small{display:block;color:var(--muted)}
.cn-goal-panel>span{font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.cn-goal-panel>strong{display:block;margin:5px 0 2px;color:var(--ink);font-size:24px}
.cn-goal-panel>small{font-size:11px}
.cn-goal-progress{
  height:7px;
  margin-top:12px;
  overflow:hidden;
  border-radius:999px;
  background:#e1eaf1;
}
.cn-goal-progress span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#0a5c9e,#22a374);
}
.cn-sales-goals-settings,.cn-workspace-controls,.cn-import-center{grid-column:1/-1}
.cn-policy-chip{
  display:inline-flex;
  align-items:center;
  padding:5px 8px;
  border-radius:999px;
  background:#e7f6ee;
  color:#176d4c;
  font-size:9px;
  font-weight:900;
  letter-spacing:.05em;
}
.cn-company-goal-row,.cn-user-goal-row{
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(120px,auto) minmax(150px,210px);
  gap:13px;
  align-items:center;
  padding:12px 0;
  border-bottom:1px solid var(--line);
}
.cn-company-goal-row{grid-template-columns:minmax(220px,1fr) minmax(150px,210px)}
.cn-company-goal-row small,.cn-user-goal-row small{display:block;margin-top:3px;color:var(--muted)}
.cn-user-goal-total{color:var(--blue);font-weight:900;text-align:right}
.cn-user-goal-table{margin:5px 0 14px}
.cn-workspace-controls .form-grid{margin-top:14px}
.cn-access-policy-summary{
  display:flex;
  gap:11px;
  align-items:flex-start;
  padding:13px;
  border-left:4px solid var(--blue);
  border-radius:8px;
  background:#f1f6fa;
}
.cn-access-policy-summary span{color:var(--muted);font-size:12px;line-height:1.45}

/* Setup imports */
.cn-import-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:15px 0;
}
.cn-import-tile{
  display:grid;
  grid-template-columns:35px minmax(0,1fr);
  grid-template-rows:auto auto;
  gap:2px 10px;
  align-items:center;
  min-height:82px;
  padding:13px;
  border:1px solid #d5e1eb;
  border-radius:11px;
  background:#fff;
  color:var(--ink);
  text-align:left;
  cursor:pointer;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.cn-import-tile:hover{
  transform:translateY(-1px);
  border-color:#6fa3cc;
  box-shadow:0 7px 18px rgba(12,45,79,.09);
}
.cn-import-tile>span{
  grid-row:1/3;
  display:grid;
  width:35px;
  height:35px;
  place-items:center;
  border-radius:9px;
  background:#eaf3fa;
  color:var(--blue);
  font-size:17px;
  font-weight:900;
}
.cn-import-tile strong{font-size:12px}
.cn-import-tile small{color:var(--muted);font-size:9px;line-height:1.3}
.cn-import-result{
  padding:11px 13px;
  border:1px solid #d9e3ec;
  border-radius:9px;
  background:#f7f9fb;
  color:var(--muted);
  font-size:11px;
}
.cn-import-result.busy{border-color:#9bc4e2;background:#f0f8fd;color:#155b8e}
.cn-import-result.success{border-color:#a9dbc4;background:#effaf5;color:#176d4c}
.cn-import-result.error{border-color:#e5b3b8;background:#fff3f4;color:#a12d39}
.cn-import-result.unavailable{border-color:#e3c98f;background:#fff9eb;color:#72551a}

/* Friction and executive intelligence */
.cn-ai-data-brief{
  min-height:76px;
  padding:13px 15px;
  border:1px solid #cbdce9;
  border-radius:11px;
  background:linear-gradient(135deg,#f4f9fd,#fff);
}
.cn-ai-data-brief ul{margin:0;padding-left:18px}
.cn-ai-data-brief li{margin:0 0 8px;line-height:1.42}
.cn-ai-data-brief li:last-child{margin-bottom:0}
.cn-ai-data-label{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:9px;
  color:#176d4c;
  font-size:9px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.cn-ai-data-label span{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#20a36f;
  box-shadow:0 0 0 3px rgba(32,163,111,.14);
}
.cn-ai-data-label.warning{color:#a56700}
.cn-ai-loading{color:var(--muted);font-size:12px}
.cn-exec-shell{display:grid;gap:15px}
.cn-exec-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  padding:20px;
  border-radius:14px;
  background:linear-gradient(135deg,#082d53,#0b5d9d);
  color:#fff;
}
.cn-exec-head h2{margin:3px 0 5px;color:#fff;font-size:27px}
.cn-exec-head p{margin:0;color:#d7e7f5}
.cn-exec-eyebrow{font-size:9px;font-weight:900;letter-spacing:.14em;color:#91c9f4}
.cn-exec-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.cn-exec-kpis>div{
  min-width:0;
  padding:15px;
  border:1px solid #d8e3ec;
  border-radius:11px;
  background:#fff;
}
.cn-exec-kpis span,.cn-exec-kpis small{display:block;color:var(--muted)}
.cn-exec-kpis span{font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.cn-exec-kpis strong{display:block;margin:6px 0 2px;color:var(--ink);font-size:22px}
.cn-exec-kpis small{font-size:10px}
.cn-exec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cn-exec-data-card h3{margin-bottom:8px}
.cn-exec-data-card dl{margin:0}
.cn-exec-data-card dl>div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:9px 0;
  border-bottom:1px solid var(--line);
}
.cn-exec-data-card dl>div:last-child{border-bottom:0}
.cn-exec-data-card dt{color:var(--muted)}
.cn-exec-data-card dd{margin:0;color:var(--ink);font-weight:900;text-align:right}
.cn-exec-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:10px;
}
.cn-exec-actions span{margin-left:auto}
.cn-financial-private{display:none!important}

/* The live tracker is a compact top-bar control beside Record Meeting. */
html:not(.cn-mobile-mode) .topbar{
  z-index:90;
}
html:not(.cn-mobile-mode) .topbar .top-actions>#cnFocusTracker{
  position:relative!important;
  inset:auto!important;
  z-index:95!important;
  flex:0 1 220px;
  width:220px!important;
  min-width:170px;
  max-width:250px!important;
  margin:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:var(--ink)!important;
  box-shadow:none!important;
}
html:not(.cn-mobile-mode) .topbar .top-actions>#cnFocusTracker .cn-focus-head{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:38px;
  padding:5px 7px 5px 10px!important;
  border:1px solid #1b557f;
  border-radius:10px;
  background:linear-gradient(135deg,#0d3759,#155d88);
  color:#fff;
  cursor:pointer;
  box-shadow:0 5px 13px rgba(14,66,103,.16);
}
html:not(.cn-mobile-mode) .topbar .top-actions>#cnFocusTracker .cn-focus-head>div{
  min-width:0;
}
html:not(.cn-mobile-mode) .topbar .top-actions>#cnFocusTracker .cn-focus-head strong{
  display:block;
  overflow:hidden;
  color:#fff;
  font-size:10px;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}
html:not(.cn-mobile-mode) .topbar .top-actions>#cnFocusTracker #cnFocusLabel{
  overflow:hidden;
  color:#d5e7f4;
  font-size:9px!important;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
html:not(.cn-mobile-mode) .topbar .top-actions>#cnFocusTracker .cn-focus-min{
  display:grid!important;
  flex:0 0 26px;
  width:26px;
  height:26px;
  place-items:center;
  border:1px solid rgba(255,255,255,.24);
  border-radius:7px;
  background:rgba(255,255,255,.10);
  color:#fff;
  font-size:16px;
  cursor:pointer;
}
html:not(.cn-mobile-mode) .topbar .top-actions>#cnFocusTracker .cn-focus-body{
  position:absolute;
  top:calc(100% + 9px);
  right:0;
  display:block;
  width:min(410px,calc(100vw - 32px));
  max-height:min(560px,calc(100vh - 92px));
  overflow:auto;
  padding:12px!important;
  border:1px solid #b9ccdc;
  border-radius:13px;
  background:#fff;
  color:var(--ink);
  box-shadow:0 16px 42px rgba(7,35,62,.25);
}
html:not(.cn-mobile-mode) .topbar .top-actions>#cnFocusTracker.minimized .cn-focus-body{
  display:none!important;
}
.cn-focus-switch{
  display:grid;
  gap:5px;
  margin:0 0 10px;
  padding:9px;
  border:1px solid #d6e2ec;
  border-radius:9px;
  background:#f1f6fa;
}
.cn-focus-switch label{
  color:#526a7f;
  font-size:10px;
  font-weight:850;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.cn-focus-switch select{
  width:100%;
  min-width:0;
  border:1px solid rgba(255,255,255,.28);
  border-radius:7px;
  padding:8px 9px;
  background:#fff;
  color:#092844;
  font:inherit;
  font-size:12px;
  font-weight:750;
}
html:not(.cn-mobile-mode) .topbar .top-actions>#cnFocusTracker.minimized .cn-focus-head{
  min-height:38px;
}

@media(max-width:1050px){
  .cn-import-grid,.cn-exec-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cn-exec-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .cn-crm-scope,.cn-goal-head,.cn-exec-head{align-items:stretch;flex-direction:column}
  .cn-segmented{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .cn-goal-grid,.cn-import-grid,.cn-exec-kpis{grid-template-columns:1fr}
  .cn-company-goal-row,.cn-user-goal-row{grid-template-columns:1fr}
  .cn-user-goal-total{text-align:left}
  .cn-exec-head .actions{display:grid;grid-template-columns:1fr}
  .cn-exec-head .btn{width:100%}
  .calendar-grid.cn-calendar-month .calendar-day{min-height:120px}
  .cn-calendar-event-meta{font-size:7px}
}
@media print{
  #cnFocusTracker,.cn-exec-head .actions,.cn-exec-actions .btn{display:none!important}
  .cn-exec-head{background:#fff!important;color:#111!important;border:1px solid #bbb}
  .cn-exec-head h2,.cn-exec-head p{color:#111!important}
}