/* ClokIt USA | Command Center v2
   Presentation only. Existing report, wallet, viewer, and navigation functions are unchanged.
   The Continue Working panel is the sole source of project name/address/progress.
   Project Focus supplies documentation and open-item facts; no invented thumbnails. */

.v220-dashboard .clokit-v2-continue{
  min-width:0;min-height:0;background:linear-gradient(145deg,#fff,#f9fcff);
  border:1px solid #dae8f4;border-radius:17px;padding:12px 14px;
  box-shadow:0 7px 20px rgba(15,52,87,.065);display:flex;flex-direction:column;gap:9px;
}
.v220-dashboard .clokit-v2-panel-title{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.v220-dashboard .clokit-v2-panel-title h2{font-size:clamp(17px,1.25vw,21px);line-height:1.15;letter-spacing:-.035em;color:#102947;margin:0}
.v220-dashboard .clokit-v2-panel-title button{border:0;background:transparent;color:#0674d0;font-size:12px;font-weight:850;padding:5px 1px;cursor:pointer;white-space:nowrap}
.v220-dashboard .clokit-v2-panel-title button:hover{text-decoration:underline}
.v220-dashboard .clokit-v2-continue-body{display:grid;grid-template-columns:minmax(130px,.75fr) minmax(0,1.25fr);gap:15px;min-height:0;flex:1;align-items:stretch}
.v220-dashboard .clokit-v2-preview{min-width:0;min-height:0}
.v220-dashboard .clokit-v2-photo-empty,
.v220-dashboard .clokit-v2-photo-real{
  width:100%;height:100%;min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;
  text-align:center;gap:3px;border:1px solid #cfe3f0;border-radius:12px;
  background:linear-gradient(145deg,#d8ebf9 0%,#edf7fd 55%,#f6faff 100%);
  color:#315a7a;overflow:hidden;padding:12px;
}
.v220-dashboard .clokit-v2-photo-empty .clokit-v2-illustration{font-size:48px;line-height:1;color:#81acc9;transform:rotate(-10deg)}
.v220-dashboard .clokit-v2-photo-empty strong{font-size:13px;color:#214967}
.v220-dashboard .clokit-v2-photo-empty small{font-size:11px;line-height:1.3;max-width:29ch}
.v220-dashboard .clokit-v2-photo-real{padding:0;position:relative;border:0;cursor:pointer}
.v220-dashboard .clokit-v2-photo-real img{width:100%;height:100%;object-fit:cover;display:block}
.v220-dashboard .clokit-v2-photo-real span{position:absolute;bottom:7px;left:8px;background:rgba(11,42,66,.86);color:#fff;padding:5px 8px;font-size:10px;border-radius:8px}
.v220-dashboard .clokit-v2-project-info{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0}
.v220-dashboard .clokit-v2-overline{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.12em;color:#557894}
.v220-dashboard .clokit-v2-project-info h3{font-size:clamp(23px,1.95vw,30px);line-height:1.12;margin:0;color:#102947;overflow-wrap:anywhere}
.v220-dashboard .clokit-v2-project-info p{font-size:clamp(11px,.87vw,13px);line-height:1.35;margin:0;color:#6b8198;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v220-dashboard .clokit-v2-progress-line{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#57728b;margin-top:auto}
.v220-dashboard .clokit-v2-progress-line strong{font-size:15px;color:#112e4d}
.v220-dashboard .clokit-v2-progress-track{height:6px;border-radius:999px;background:#dfeaf4;overflow:hidden}
.v220-dashboard .clokit-v2-progress-track span{display:block;height:100%;background:linear-gradient(90deg,#0d86e8,#3ca6fa);border-radius:999px}
.v220-dashboard .clokit-v2-project-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}
.v220-dashboard .clokit-v2-project-actions button{min-height:38px;border-radius:10px;padding:8px 13px;border:1px solid #cbe2f4;font-size:12px;font-weight:850;cursor:pointer}
.v220-dashboard .clokit-v2-project-actions .clokit-v2-primary{background:linear-gradient(120deg,#0b96ee,#0577d8);color:#fff;border-color:#078add;box-shadow:0 5px 14px rgba(7,117,206,.12)}
.v220-dashboard .clokit-v2-primary span{padding-left:9px}
.v220-dashboard .clokit-v2-project-actions .clokit-v2-secondary{background:#f2f9ff;color:#164e7b}
.v220-dashboard .clokit-v2-project-actions button:hover{filter:brightness(.97)}
.v220-dashboard .clokit-v2-project-actions button:focus-visible,
.v220-dashboard .clokit-v2-panel-title button:focus-visible,
.v220-dashboard .clokit-v2-action-item:focus-visible{outline:3px solid #64b8fa;outline-offset:2px}
.v220-dashboard .clokit-v2-focus h2{font-size:clamp(17px,1.3vw,21px)!important;line-height:1.2!important}
.v220-dashboard .clokit-v2-focus-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.v220-dashboard .clokit-v2-focus .v220-focus-actions{margin-top:11px!important}
.v220-dashboard .clokit-v2-actions{display:block!important;padding:12px!important}
.v220-dashboard .clokit-v2-actions h3{font-size:clamp(15px,1.15vw,18px)!important;margin:0 0 7px!important}
.v220-dashboard .clokit-v2-action-item{
  width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) 16px;align-items:center;gap:9px;
  background:transparent;border:0;border-bottom:1px solid #e2ecf5;padding:8px 1px;cursor:pointer;text-align:left;color:#14334f
}
.v220-dashboard .clokit-v2-action-item:last-child{border-bottom:0}
.v220-dashboard .clokit-v2-action-item:hover{background:#f4f9fe;border-radius:8px}
.v220-dashboard .clokit-v2-action-item i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#e8f3fd;font-size:16px;font-style:normal;color:#0577ce}
.v220-dashboard .clokit-v2-action-item span{display:grid;gap:2px;min-width:0}
.v220-dashboard .clokit-v2-action-item b{font-size:11px;line-height:1.2;color:#173c5a}
.v220-dashboard .clokit-v2-action-item small{font-size:10px;line-height:1.25;color:#7790a5}
.v220-dashboard .clokit-v2-action-item em{font-size:16px;font-style:normal;color:#158ee5}

@media screen and (min-width:1050px) and (min-height:650px) {
  .v220-dashboard:has(.clokit-resources-panel) .v220-center{
    display:grid!important;
    grid-template-rows:auto minmax(158px,1.02fr) minmax(165px,1.06fr) minmax(105px,.67fr)!important;
    gap:11px!important;padding:12px 16px!important;
    min-height:0!important;overflow:hidden!important;align-content:stretch!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-topline{min-height:0!important;margin:0!important;align-items:center!important}
  .v220-dashboard:has(.clokit-resources-panel) .v220-title h1{font-size:clamp(28px,2.1vw,34px)!important}
  .v220-dashboard:has(.clokit-resources-panel) .v220-live-greeting{font-size:clamp(11px,.93vw,13px)!important}
  .v220-dashboard:has(.clokit-resources-panel) .clokit-v2-continue{height:100%!important;overflow:hidden!important}
  .v220-dashboard:has(.clokit-resources-panel) .v220-welcome-video.clokit-resources-panel{
    height:100%!important;min-height:0!important;display:flex!important;
    flex-direction:column!important;overflow:hidden!important;flex:none!important;
    padding:0!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resources-panel .v220-panel-head{padding:0 2px 8px!important;flex:none!important}
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resources-panel .v220-panel-head h2{font-size:clamp(19px,1.45vw,23px)!important}
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resources-panel .v220-panel-head p{font-size:clamp(11px,.8vw,12px)!important}
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-grid{
    flex:1 1 auto!important;height:auto!important;min-height:0!important;gap:10px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-card{
    min-height:0!important;height:100%!important;overflow:hidden!important;
    padding:clamp(11px,.9vw,15px)!important;gap:5px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-icon{width:34px!important;height:34px!important;font-size:17px!important}
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-status{font-size:9px!important}
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-card h3{font-size:clamp(14px,1.1vw,17px)!important}
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-card p{
    font-size:clamp(10px,.79vw,12px)!important;line-height:1.34!important;
    display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:4!important;overflow:hidden!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-actions button{min-height:34px!important;padding:7px 10px!important;font-size:11px!important}
  .v220-dashboard:has(.clokit-resources-panel) .v220-center > .v220-panel:not(.v220-welcome-video){
    display:flex!important;flex-direction:column!important;min-height:0!important;height:100%!important;
    padding:10px 12px!important;overflow:hidden!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-center > .v220-panel:not(.v220-welcome-video) .v220-panel-head{margin:0 0 7px!important}
  .v220-dashboard:has(.clokit-resources-panel) .v220-center > .v220-panel:not(.v220-welcome-video) .v220-panel-head h2{font-size:clamp(16px,1.25vw,21px)!important}
  .v220-dashboard:has(.clokit-resources-panel) .v220-training-grid{min-height:0!important;flex:1 1 auto!important;gap:8px!important}
  .v220-dashboard:has(.clokit-resources-panel) .v220-training-card{
    min-height:0!important;height:100%!important;
    padding:9px!important;grid-template-columns:32px minmax(0,1fr)!important;align-content:start!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-training-icon{width:32px!important;height:32px!important;font-size:17px!important}
  .v220-dashboard:has(.clokit-resources-panel) .v220-training-card h3{font-size:clamp(11px,.79vw,13px)!important}
  .v220-dashboard:has(.clokit-resources-panel) .v220-training-card p{font-size:10px!important;-webkit-line-clamp:2!important}
  .v220-dashboard:has(.clokit-resources-panel) .v220-right{display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:10px!important}
  .v220-dashboard:has(.clokit-resources-panel) .v220-focus{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;padding:11px!important}
  .v220-dashboard:has(.clokit-resources-panel) .v220-plan{flex:1 1 auto!important;min-height:64px!important;max-height:190px!important;margin:8px 0!important}
  .v220-dashboard:has(.clokit-resources-panel) .v220-plan-empty{font-size:11px!important}
  .v220-dashboard:has(.clokit-resources-panel) .v220-focus-stat{padding:8px!important}
  .v220-dashboard:has(.clokit-resources-panel) .v220-focus-stat b{font-size:17px!important}
  .v220-dashboard:has(.clokit-resources-panel) .v220-activity{flex:0 0 auto!important;margin-top:9px!important}
  .v220-dashboard:has(.clokit-resources-panel) .clokit-v2-action-item{padding:6px 1px!important}
}
@media screen and (min-width:1050px) and (min-height:840px){
  .v220-dashboard:has(.clokit-resources-panel) .v220-center{
    grid-template-rows:auto minmax(180px,.95fr) minmax(200px,1.1fr) minmax(120px,.67fr)!important;
    gap:14px!important;padding:16px 19px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-v2-continue{padding:14px 16px!important}
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-card{padding:14px!important;gap:7px!important}
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-icon{width:42px!important;height:42px!important;font-size:21px!important}
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-card h3{font-size:17px!important}
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-card p{font-size:12px!important}
  .v220-dashboard:has(.clokit-resources-panel) .v220-training-card{padding:12px!important}
}
@media screen and (min-width:761px) and (max-width:1049px){
  .v220-dashboard .clokit-v2-continue{margin:0 0 16px;padding:14px}
  .v220-dashboard .clokit-v2-continue-body{min-height:175px}
  .v220-dashboard .clokit-v2-project-info h3{font-size:25px}
  .v220-dashboard .clokit-v2-actions{margin-top:11px!important}
}
@media screen and (max-width:760px){
  .v220-dashboard .clokit-v2-continue{padding:12px;margin:0 0 12px;gap:11px;border-radius:15px}
  .v220-dashboard .clokit-v2-panel-title h2{font-size:18px}
  .v220-dashboard .clokit-v2-panel-title button{font-size:11px}
  .v220-dashboard .clokit-v2-continue-body{grid-template-columns:1fr;gap:10px}
  .v220-dashboard .clokit-v2-preview{height:105px}
  .v220-dashboard .clokit-v2-photo-empty,.v220-dashboard .clokit-v2-photo-real{min-height:105px}
  .v220-dashboard .clokit-v2-project-info h3{font-size:24px}
  .v220-dashboard .clokit-v2-project-info p{font-size:12px}
  .v220-dashboard .clokit-v2-progress-line{margin-top:8px}
  .v220-dashboard .clokit-v2-project-actions button{min-height:44px;flex:1}
  .v220-dashboard .clokit-v2-actions{margin-top:11px!important}
  .v220-dashboard .clokit-v2-action-item{padding:10px 2px}
  .v220-dashboard .clokit-v2-action-item b{font-size:12px}
  .v220-dashboard .clokit-v2-action-item small{font-size:11px}
  .v220-dashboard .clokit-v2-focus .v220-focus-actions button{min-height:44px}
}
@media screen and (min-width:1050px) and (max-height:649px){
  .v220-dashboard .clokit-v2-continue{min-height:166px}
  .v220-dashboard .clokit-v2-preview{min-height:120px}
}

/* Real recent project updates (no repeated navigation or manufactured time labels). */
.v220-dashboard .clokit-v2-recent-row{
 display:grid;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:8px;
 width:100%;border-bottom:1px solid #e0eaf3;padding:9px 0;
}
.v220-dashboard .clokit-v2-recent-row:last-child{border-bottom:0}
.v220-dashboard .clokit-v2-recent-row i{display:grid;place-items:center;width:29px;height:29px;background:#e9f4fd;color:#137bd0;font-size:16px;border-radius:9px;font-style:normal}
.v220-dashboard .clokit-v2-recent-row span{display:grid;gap:2px;min-width:0}
.v220-dashboard .clokit-v2-recent-row b{color:#143450;font-size:11px;line-height:1.25;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.v220-dashboard .clokit-v2-recent-row small{color:#7890a2;font-size:10px;line-height:1.3}
.v220-dashboard .clokit-v2-recent-row time{font-size:10px;color:#768da2;white-space:nowrap}
.v220-dashboard .clokit-v2-empty-activity{padding:16px 5px;color:#67839b;font-size:12px;line-height:1.5}
@media screen and (max-width:760px){.v220-dashboard .clokit-v2-recent-row{padding:12px 0}.v220-dashboard .clokit-v2-recent-row b{font-size:12px}}


/* ClokIt 2026-10-16 | Command Center v2.1 polish */
/* Clear hierarchy, actual-data previews, blueprint-inspired illustrative placeholders.
   Scoped exclusively to dashboard. Layout/action classes remain intact. */
.v220-dashboard{
  font-family:Inter,"Segoe UI",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;
  -webkit-font-smoothing:antialiased;
  color:#112d46;
}
.v220-dashboard button{font-family:inherit!important}
.v220-dashboard .v220-title h1{font-weight:780!important;letter-spacing:-.045em!important}
.v220-dashboard .v220-center{background:linear-gradient(148deg,#f7fbff 0%,#edf6fd 100%)!important}
.v220-dashboard .v220-sidebar{background:linear-gradient(180deg,#f0f8fd,#e8f3fb)!important}
.v220-dashboard .clokit-v2-continue{
  position:relative;
  background:linear-gradient(125deg,#fff 0%,#f7fbff 90%)!important;
  border:1px solid #d4e6f5!important;
  box-shadow:0 10px 26px rgba(13,60,107,.075)!important;
  isolation:isolate;
}
.v220-dashboard .clokit-v2-continue:before{
  content:"";position:absolute;left:0;top:21px;bottom:21px;width:4px;
  border-radius:0 8px 8px 0;background:linear-gradient(#139cf5,#3a77cd);
}
.v220-dashboard .clokit-v2-project-info h3{font-weight:760!important;letter-spacing:-.04em!important}
.v220-dashboard .clokit-v2-project-info p{font-size:clamp(12px,.93vw,14px)!important;color:#526f88!important}
.v220-dashboard .clokit-v2-overline{font-size:11px!important;letter-spacing:.07em!important;text-transform:none!important;color:#42749a!important;font-weight:730!important}
.v220-dashboard .clokit-v2-progress-line{font-size:12px!important}
.v220-dashboard .clokit-v2-project-actions button{font-size:13px!important}
.v220-dashboard .clokit-v2-photo-empty.clokit-v3-photo-empty{
  border:1px solid #badbef!important;
  border-radius:14px!important;
  background:radial-gradient(ellipse at 55% 42%,rgba(255,255,255,.98),rgba(241,249,254,.5) 55%,transparent 70%),
    linear-gradient(135deg,#e6f4ff,#cbe7fa 72%,#e4f2ff)!important;
  position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:3px!important;padding:8px 12px!important;
}
.v220-dashboard .clokit-v3-photo-empty:before,
.v220-dashboard .clokit-v3-plan-graphic:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;
  background-image:linear-gradient(#9cc6de 1px,transparent 1px),linear-gradient(90deg,#9cc6de 1px,transparent 1px);
  background-size:18px 18px;
}
.v220-dashboard .clokit-v3-photo-empty>*{position:relative;z-index:1}
.v220-dashboard .clokit-v3-building-graphic{
  max-height:91px;min-height:0;height:58%;width:min(240px,94%);
  display:grid;place-items:center;
  filter:drop-shadow(0 6px 10px rgba(30,108,158,.11));
}
.v220-dashboard .clokit-v3-building-graphic svg{display:block;width:100%;height:100%;object-fit:contain}
.v220-dashboard .clokit-v3-photo-empty strong{font-size:clamp(12px,.9vw,14px)!important;color:#174666!important;line-height:1.22}
.v220-dashboard .clokit-v3-photo-empty small{font-size:clamp(10px,.77vw,12px)!important;color:#547995!important;line-height:1.3}

.v220-dashboard .v220-focus.clokit-v2-focus{
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
  border:1px solid #dce9f4!important;
  box-shadow:0 7px 18px rgba(16,60,100,.045)!important;
}
.v220-dashboard .clokit-v2-focus .v220-focus-kicker{
  font-size:11px!important;letter-spacing:.07em!important;color:#377298!important;text-transform:none!important;
}
.v220-dashboard .clokit-v2-focus h2{color:#102b46!important;font-weight:760!important}
.v220-dashboard .clokit-v2-focus > p{color:#617c94!important;font-size:12px!important;line-height:1.38!important}
.v220-dashboard .v220-plan:has(.clokit-v3-plan-empty){
  padding:0!important;
  border:1px solid #c8e0f0!important;
  border-radius:14px!important;
  background:linear-gradient(140deg,#f2faff,#e9f5fe)!important;
  overflow:hidden!important;
}
.v220-dashboard .v220-plan-empty.clokit-v3-plan-empty{
  display:flex!important;flex-direction:column!important;
  justify-content:center;align-items:center;
  height:100%;min-height:0;width:100%;
  padding:6px 10px!important;gap:4px;
  color:#19415d;
}
.v220-dashboard .clokit-v3-plan-graphic{
  height:100%;min-height:60px;flex:1 1 auto;width:100%;max-height:132px;
  position:relative;display:grid;place-items:center;
  overflow:hidden;border-radius:9px;
}
.v220-dashboard .clokit-v3-plan-graphic svg{
  display:block;position:relative;z-index:1;width:min(100%,270px);height:100%;
  filter:drop-shadow(0 4px 4px rgba(35,111,161,.1));
}
.v220-dashboard .clokit-v3-plan-watermark{
  position:absolute;z-index:2;bottom:2px;right:3px;color:#40799f;
  font-size:8px;letter-spacing:.08em;font-weight:730;
  background:rgba(235,248,255,.82);padding:2px 4px;border-radius:3px;
}
.v220-dashboard .clokit-v3-plan-caption{
  flex:0 0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;
  gap:2px;padding:1px 5px 5px;
}
.v220-dashboard .clokit-v3-plan-caption strong{color:#1c4a6e;font-size:12px!important;line-height:1.2}
.v220-dashboard .clokit-v3-plan-caption span{font-size:10px;color:#6788a3;line-height:1.25}

.v220-dashboard .clokit-resources-panel .v220-panel-head h2,
.v220-dashboard .v220-center > .v220-panel:not(.v220-welcome-video) .v220-panel-head h2{
  font-weight:760!important;letter-spacing:-.033em!important;color:#12314d!important
}
.v220-dashboard .clokit-resource-card{
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
  border:1px solid #d7e7f4!important;
  border-radius:15px!important;
  background:linear-gradient(150deg,#fff 25%,#f8fcff 100%)!important;
}
.v220-dashboard .clokit-resource-card:hover{transform:translateY(-2px);border-color:#afd4ee!important;box-shadow:0 9px 21px rgba(17,84,140,.09)!important}
.v220-dashboard .clokit-resource-card h3{color:#113251!important;font-weight:740!important;letter-spacing:-.027em!important}
.v220-dashboard .clokit-resource-card p{color:#54728d!important}
.v220-dashboard .clokit-resource-status{
  letter-spacing:.025em!important;text-transform:none!important;
  font-weight:720!important;color:#527995!important
}
.v220-dashboard .clokit-resource-icon{border-radius:11px!important}
.v220-dashboard .clokit-resource-actions button{
  font-weight:750!important;letter-spacing:.005em!important;
  border-radius:9px!important;transition:filter .15s ease!important
}
.v220-dashboard .clokit-resource-actions .active{background:#113b5d!important}
.v220-dashboard .clokit-resource-actions .active:hover{filter:brightness(1.18)!important}
.v220-dashboard .v220-training-card{
  transition:border-color .18s,box-shadow .18s!important;
  background:linear-gradient(135deg,#fff,#fafdff)!important;
  border:1px solid #dce9f5!important;
  border-radius:12px!important;
  box-shadow:0 2px 8px rgba(14,60,90,.025)!important;
}
.v220-dashboard .v220-training-card:hover{border-color:#abd2ed!important;box-shadow:0 6px 16px rgba(13,75,121,.085)!important}
.v220-dashboard .v220-training-card h3{font-weight:740!important;color:#204867!important}
.v220-dashboard .clokit-v2-actions{border:1px solid #dce8f4!important;background:#fff!important}
.v220-dashboard .clokit-v2-actions h3{font-weight:760!important;color:#12314b!important}
.v220-dashboard .clokit-v2-empty-activity{background:#f5faff;border:1px dashed #cfdfed;border-radius:12px;margin-top:6px}
@media screen and (min-width:1050px) and (min-height:650px){
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-card p{
    font-size:clamp(11px,.88vw,13px)!important;
    line-height:1.38!important;
    -webkit-line-clamp:3!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-training-card h3{font-size:clamp(12px,.87vw,14px)!important}
  .v220-dashboard:has(.clokit-resources-panel) .clokit-v2-photo-empty .clokit-v3-building-graphic{max-height:89px}
  .v220-dashboard:has(.clokit-resources-panel) .clokit-v2-focus .v220-plan{min-height:110px!important}
}
@media screen and (max-width:1049px) {
  .v220-dashboard .clokit-v3-building-graphic{max-height:108px}
  .v220-dashboard .clokit-v3-plan-graphic{max-height:185px}
}
@media screen and (max-width:760px){
  .v220-dashboard .clokit-v3-building-graphic{max-height:73px;height:65px}
  .v220-dashboard .clokit-v3-photo-empty strong{font-size:14px!important}
  .v220-dashboard .v220-plan:has(.clokit-v3-plan-empty){min-height:220px!important}
  .v220-dashboard .clokit-v3-plan-graphic{max-height:150px!important}
  .v220-dashboard .clokit-resource-card p{font-size:13px!important}
  .v220-dashboard .clokit-resource-card h3{font-size:16px!important}
  .v220-dashboard .clokit-v2-project-actions button{min-height:44px!important}
}
@media (prefers-reduced-motion:reduce){
  .v220-dashboard .clokit-resource-card,.v220-dashboard .v220-training-card{transition:none!important;transform:none!important}
}


/* Command Center v2.2 — clipping, typography and project links correction */
/* Desktop fit is based on the actual content rows, without stretching the resource cards.
   The minimum sizes account for the three active project actions and guide labels. */
@media screen and (min-width:1050px) and (min-height:650px){
  .v220-dashboard:has(.clokit-resources-panel) .v220-center{
    grid-template-rows:minmax(57px,auto) minmax(195px,1.02fr) minmax(184px,1fr) minmax(126px,.72fr)!important;
    gap:9px!important;
    padding:10px 15px 13px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-v2-continue{
    padding:11px 14px 12px!important;
    gap:6px!important;
    overflow:hidden!important;
  }
  .v220-dashboard .clokit-v2-panel-title h2{font-size:clamp(18px,1.25vw,21px)!important}
  .v220-dashboard .clokit-v2-continue-body{gap:14px!important;min-height:0!important}
  .v220-dashboard .clokit-v2-project-info{
    justify-content:center!important;
    gap:3px!important;
    padding:0 0 2px!important;
  }
  .v220-dashboard .clokit-v2-progress-line{margin-top:5px!important}
  .v220-dashboard .clokit-v2-project-actions{margin-top:5px!important}
  .v220-dashboard .clokit-v2-project-actions button{
    min-height:38px!important;
    padding:8px 13px!important;
    line-height:1.2!important;
    font-size:12px!important;
    flex-shrink:0!important;
  }
  .v220-dashboard .clokit-v2-project-info h3{font-size:clamp(24px,1.8vw,29px)!important}
  .v220-dashboard .clokit-v2-photo-empty.clokit-v3-photo-empty{min-height:0!important;height:100%!important}
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-grid{min-height:0!important}
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-card{
    gap:6px!important;
    padding:12px 13px!important;
    justify-content:flex-start!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-card p{
    display:block!important;
    -webkit-line-clamp:unset!important;
    font-size:clamp(12px,.87vw,13px)!important;
    line-height:1.36!important;
    overflow-wrap:anywhere!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-actions{
    margin-top:auto!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-actions button{
    font-size:11px!important;min-height:36px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-center > .v220-panel:not(.v220-welcome-video){
    padding:11px 12px 12px!important;
    overflow:hidden!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-center > .v220-panel:not(.v220-welcome-video) .v220-panel-head{margin-bottom:5px!important}
  .v220-dashboard:has(.clokit-resources-panel) .v220-training-grid{
    align-items:stretch!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-training-card{
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    align-content:center!important;
    align-items:start!important;
    gap:2px 9px!important;
    padding:8px!important;
    min-height:0!important;
    height:100%!important;
    overflow:hidden!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-training-card .v220-training-icon{
    grid-column:1!important;grid-row:1 / 4!important;
    align-self:center!important;
    margin:0!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-training-card h3{
    grid-column:2!important;grid-row:1!important;
    line-height:1.2!important;
    font-size:clamp(12px,.81vw,14px)!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-training-card p{
    grid-column:2!important;grid-row:2!important;
    display:block!important;
    overflow:visible!important;
    font-size:clamp(10px,.72vw,12px)!important;
    line-height:1.25!important;
    -webkit-line-clamp:unset!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-training-card:after{
    grid-column:2!important;grid-row:3!important;
    content:'Open guide →'!important;
    margin:2px 0 0!important;
    font-size:11px!important;
    line-height:1.1!important;
    color:#087dce!important;
    white-space:nowrap!important;
  }
}
/* A real shortage of viewport height must never cut off essential buttons.
   At shorter dimensions, allow page scrolling rather than hiding project actions. */
@media screen and (min-width:1050px) and (max-height:649px){
  html:has(.v220-dashboard .clokit-resources-panel),
  body:has(.v220-dashboard .clokit-resources-panel){height:auto!important;overflow-y:auto!important}
  body .page:has(.v220-dashboard .clokit-resources-panel){height:auto!important;overflow:visible!important}
  .v220-dashboard:has(.clokit-resources-panel){height:auto!important;overflow:visible!important}
  .v220-dashboard .v220-center,.v220-dashboard .v220-right{overflow:visible!important}
}
/* Deduplicated document state: one readiness message, one labeled illustration. */
.v220-dashboard .clokit-v4-readiness{font-size:12px!important;color:#65849b!important;margin-top:2px!important}
.v220-dashboard .clokit-v2-focus-stats .v220-focus-stat span{
  font-size:10px!important;line-height:1.35!important;
  letter-spacing:0!important;text-transform:none!important;
}
/* Recently updated items are genuine project buttons, not decorative activity rows. */
.v220-dashboard button.clokit-v2-recent-row{
  display:grid!important;
  grid-template-columns:29px minmax(0,1fr) auto 18px!important;
  width:100%!important;
  border:0!important;
  border-bottom:1px solid #e0eaf3!important;
  border-radius:7px!important;
  color:#143450!important;
  background:transparent!important;
  text-align:left!important;
  cursor:pointer!important;
  padding:9px 4px!important;
  font:inherit!important;
  box-shadow:none!important;
}
.v220-dashboard button.clokit-v2-recent-row:last-child{border-bottom:0!important}
.v220-dashboard button.clokit-v2-recent-row:hover{
  background:#f1f8fe!important;
}
.v220-dashboard button.clokit-v2-recent-row:focus-visible{
  outline:3px solid #55b4fa!important;
  outline-offset:2px!important;
}
.v220-dashboard button.clokit-v2-recent-row em{
  font-style:normal!important;
  color:#1484d6!important;
  font-size:15px!important;
}
.v220-dashboard button.clokit-v2-recent-row b{font-size:12px!important}
.v220-dashboard button.clokit-v2-recent-row small{font-size:11px!important}
.v220-dashboard button.clokit-v2-recent-row time{font-size:10px!important}
/* Phone/tablet keep natural document flow; never impose desktop row heights. */
@media screen and (max-width:1049px){
  .v220-dashboard button.clokit-v2-recent-row{min-height:53px!important}
}


/* Command Center v2.4 — no-scroll desktop polish
   Replaces v2.3's page scroll / expanding cards. On standard desktop screens,
   keep four dashboard areas in one viewport without clipping card descriptions.
   No app state, report, credits, model or backend styles are changed. */
@media screen and (min-width:1050px) and (min-height:700px){
  html:has(.v220-dashboard .clokit-resources-panel),
  body:has(.v220-dashboard .clokit-resources-panel){
    height:100%!important;
    overflow-x:hidden!important;
    overflow-y:hidden!important;
    overscroll-behavior-y:contain!important;
  }
  body .page:has(.v220-dashboard .clokit-resources-panel){
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    height:calc(100dvh - 84px)!important;
    min-height:0!important;
    padding:7px 10px 0!important;
    margin:0!important;
    overflow:hidden!important;
  }
  .v220-dashboard:has(.clokit-resources-panel){
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:clamp(185px,15vw,225px) minmax(0,1fr) clamp(268px,20vw,304px)!important;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:17px 17px 0 0!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-center{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(60px,.42fr) minmax(188px,1.12fr) minmax(235px,1.43fr) minmax(113px,.67fr)!important;
    align-content:stretch!important;
    gap:9px!important;
    padding:10px 15px 11px!important;
    min-width:0!important;
    min-height:0!important;
    height:100%!important;
    overflow:hidden!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-center > *{min-width:0!important}
  .v220-dashboard:has(.clokit-resources-panel) .v220-topline{
    min-height:0!important;height:100%!important;margin:0!important;
    align-items:center!important;gap:10px!important;
  }
  .v220-dashboard .v220-title h1{font-size:clamp(26px,2.02vw,33px)!important}
  .v220-dashboard .v220-live-greeting{font-size:13px!important;line-height:1.35!important}
  .v220-dashboard .v220-new{height:44px!important;min-height:44px!important;font-size:14px!important}
  .v220-dashboard:has(.clokit-resources-panel) .clokit-v2-continue{
    box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
    height:100%!important;min-height:0!important;overflow:hidden!important;
    padding:11px 14px!important;gap:7px!important;
  }
  .v220-dashboard .clokit-v2-panel-title h2{font-size:20px!important}
  .v220-dashboard:has(.clokit-resources-panel) .clokit-v2-continue-body{
    min-height:0!important;height:100%!important;flex:1 1 auto!important;
    grid-template-columns:minmax(170px,.75fr) minmax(0,1.25fr)!important;gap:14px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-v2-preview{min-height:0!important;height:100%!important}
  .v220-dashboard:has(.clokit-resources-panel) .clokit-v2-photo-empty{
    height:100%!important;min-height:0!important;
  }
  .v220-dashboard .clokit-v2-project-info{gap:3px!important;justify-content:center!important}
  .v220-dashboard .clokit-v2-project-info h3{font-size:clamp(24px,1.8vw,29px)!important}
  .v220-dashboard .clokit-v2-project-actions{margin-top:4px!important;gap:8px!important}
  .v220-dashboard .clokit-v2-project-actions button{
    min-height:42px!important;line-height:1.18!important;
    padding:9px 13px!important;font-size:13px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-welcome-video.clokit-resources-panel{
    display:flex!important;flex-direction:column!important;
    height:100%!important;min-height:0!important;overflow:hidden!important;
    flex:0 0 auto!important;padding:0!important;margin:0!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resources-panel .v220-panel-head{
    flex:0 0 auto!important;min-height:0!important;
    padding:0 2px 7px!important;margin:0!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resources-panel .v220-panel-head h2{
    font-size:21px!important;line-height:1.13!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resources-panel .v220-panel-head p{
    font-size:12px!important;line-height:1.25!important;margin-top:2px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-grid{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:11px!important;min-width:0!important;
    min-height:0!important;height:100%!important;flex:1 1 auto!important;
    align-items:stretch!important;overflow:hidden!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-card{
    box-sizing:border-box!important;display:grid!important;
    grid-template-columns:35px minmax(0,1fr)!important;
    grid-template-rows:35px auto minmax(0,1fr) auto!important;
    column-gap:9px!important;row-gap:5px!important;
    align-content:stretch!important;align-items:start!important;
    min-width:0!important;min-height:0!important;height:100%!important;
    padding:11px 13px!important;overflow:hidden!important;border-radius:15px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-icon{
    grid-column:1!important;grid-row:1!important;
    width:35px!important;height:35px!important;font-size:18px!important;
    margin:0!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-status{
    grid-column:2!important;grid-row:1!important;align-self:center!important;
    font-size:10.5px!important;line-height:1.25!important;
    letter-spacing:0!important;margin:0!important;
    white-space:normal!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-card h3{
    grid-column:1 / -1!important;grid-row:2!important;
    font-size:clamp(16px,1.1vw,18px)!important;
    line-height:1.22!important;margin:0!important;
    overflow-wrap:anywhere!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-card p{
    grid-column:1 / -1!important;grid-row:3!important;
    display:block!important;margin:0!important;
    min-height:0!important;max-height:none!important;
    font-size:12.5px!important;line-height:1.37!important;
    -webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;
    overflow:visible!important;white-space:normal!important;overflow-wrap:break-word!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-actions{
    grid-column:1 / -1!important;grid-row:4!important;
    display:flex!important;flex-wrap:wrap!important;align-items:center!important;
    min-width:0!important;min-height:40px!important;
    gap:6px!important;margin:0!important;padding-top:7px!important;
    border-top:1px solid #e1ebf3!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-actions button{
    box-sizing:border-box!important;min-height:37px!important;height:auto!important;
    padding:8px 12px!important;font-size:12px!important;
    font-weight:770!important;line-height:1.25!important;
    border-radius:9px!important;white-space:nowrap!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-actions .pending{
    min-height:35px!important;padding:7px 10px!important;
    font-size:11px!important;white-space:nowrap!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-center > .v220-panel:not(.v220-welcome-video){
    box-sizing:border-box!important;
    display:flex!important;flex-direction:column!important;
    height:100%!important;min-height:0!important;
    padding:10px 12px!important;overflow:hidden!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-center > .v220-panel:not(.v220-welcome-video) .v220-panel-head{
    margin:0 0 7px!important;flex:0 0 auto!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-center > .v220-panel:not(.v220-welcome-video) .v220-panel-head h2{
    font-size:19px!important;line-height:1.17!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-center > .v220-panel:not(.v220-welcome-video) .v220-panel-head p{
    font-size:11px!important;line-height:1.25!important;margin:2px 0 0!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-training-grid{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    flex:1 1 auto!important;min-height:0!important;height:100%!important;gap:9px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-training-card{
    box-sizing:border-box!important;display:grid!important;
    grid-template-columns:31px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;align-content:center!important;
    column-gap:8px!important;row-gap:2px!important;
    min-height:0!important;height:100%!important;
    padding:9px!important;overflow:hidden!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-training-icon{
    width:31px!important;height:31px!important;font-size:17px!important;
    grid-column:1!important;grid-row:1 / 3!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-training-card h3{
    grid-column:2!important;grid-row:1!important;
    font-size:12.5px!important;line-height:1.2!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-training-card p{
    grid-column:2!important;grid-row:2!important;
    display:block!important;overflow:visible!important;
    -webkit-line-clamp:unset!important;font-size:11px!important;line-height:1.25!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-training-card:after{
    content:none!important;display:none!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-right{
    height:100%!important;min-height:0!important;overflow:hidden!important;
    display:flex!important;flex-direction:column!important;
    padding:10px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-focus{
    flex:1 1 auto!important;min-height:0!important;height:auto!important;
    overflow:hidden!important;padding:11px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-plan{
    flex:1 1 auto!important;min-height:90px!important;
    max-height:170px!important;margin:8px 0!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-activity{
    flex:0 0 auto!important;min-height:0!important;
    height:auto!important;max-height:33%!important;
    overflow:hidden!important;margin-top:9px!important;
  }
  .v220-dashboard .v220-nav-btn{min-height:41px!important;font-size:13.5px!important}
  .v220-dashboard button:focus-visible{outline:3px solid #53b4fa!important;outline-offset:2px!important}
}
/* Reduced-height desktop: still single screen, prioritize buttons and complete short
   descriptions while reducing whitespace rather than shrinking all text. */
@media screen and (min-width:1050px) and (min-height:700px) and (max-height:790px){
  .v220-dashboard:has(.clokit-resources-panel) .v220-center{
    grid-template-rows:minmax(53px,.40fr) minmax(172px,1.13fr) minmax(218px,1.42fr) minmax(100px,.67fr)!important;
    gap:8px!important;padding:8px 12px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-v2-continue{padding:9px 12px!important}
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-card{padding:9px 11px!important;row-gap:4px!important}
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-actions{padding-top:6px!important}
  .v220-dashboard:has(.clokit-resources-panel) .v220-center > .v220-panel:not(.v220-welcome-video){padding:8px 10px!important}
  .v220-dashboard:has(.clokit-resources-panel) .v220-plan{max-height:130px!important}
}
/* Short desktop viewports need a compact variant, not oversized resource cards.
   Phones and tablets deliberately keep their own existing responsive flow. */
@media screen and (min-width:1050px) and (min-height:580px) and (max-height:699px){
  html:has(.v220-dashboard .clokit-resources-panel),
  body:has(.v220-dashboard .clokit-resources-panel){height:100%!important;overflow-y:hidden!important}
  body .page:has(.v220-dashboard .clokit-resources-panel){
    height:calc(100dvh - 84px)!important;min-height:0!important;overflow:hidden!important;
    padding:4px 7px 0!important;
  }
  .v220-dashboard:has(.clokit-resources-panel){
    height:100%!important;min-height:0!important;overflow:hidden!important;
    grid-template-columns:185px minmax(0,1fr) 264px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-center{
    display:grid!important;min-height:0!important;height:100%!important;overflow:hidden!important;
    grid-template-rows:52px minmax(140px,.95fr) minmax(185px,1.28fr) minmax(85px,.5fr)!important;
    gap:6px!important;padding:6px 10px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-v2-continue{
    min-height:0!important;height:100%!important;overflow:hidden!important;padding:7px 10px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-card{
    min-height:0!important;height:100%!important;
    display:grid!important;grid-template-columns:29px minmax(0,1fr)!important;
    grid-template-rows:29px auto minmax(0,1fr) auto!important;
    column-gap:6px!important;row-gap:3px!important;
    padding:7px 9px!important;overflow:hidden!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-icon{
    grid-column:1!important;grid-row:1!important;width:29px!important;height:29px!important;font-size:16px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-status{
    grid-column:2!important;grid-row:1!important;align-self:center!important;font-size:9px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-card h3{
    grid-column:1 / -1!important;grid-row:2!important;font-size:14px!important;line-height:1.15!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-card p{
    grid-column:1 / -1!important;grid-row:3!important;
    font-size:11px!important;line-height:1.22!important;
    display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-actions{
    grid-column:1 / -1!important;grid-row:4!important;
    margin:0!important;min-height:0!important;padding-top:4px!important;gap:4px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-actions button{
    min-height:31px!important;padding:5px 8px!important;font-size:11px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-center > .v220-panel:not(.v220-welcome-video){
    min-height:0!important;height:100%!important;padding:7px 9px!important;overflow:hidden!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-training-grid{min-height:0!important}
  .v220-dashboard:has(.clokit-resources-panel) .v220-training-card{min-height:0!important;height:100%!important;padding:6px!important}
  .v220-dashboard:has(.clokit-resources-panel) .v220-training-card:after{content:none!important;display:none!important}
  .v220-dashboard:has(.clokit-resources-panel) .v220-right{height:100%!important;min-height:0!important;overflow:hidden!important}
}


/* Command Center v2.5 — single-screen allocation refinement
   Targets the desktop issue verified at 1650x927 screenshot: Continue Working
   footer was clipped; resource-card interiors had excess blank vertical space.
   Keep all dashboard behavior and no-scroll desktop interaction unchanged. */
@media screen and (min-width:1050px) and (min-height:700px){
  .v220-dashboard:has(.clokit-resources-panel) .v220-center{
    /* Reserve enough vertical room for BOTH active-project buttons and the photo.
       Resource and training cards share the remaining space. */
    grid-template-rows:58px minmax(230px,1.2fr) minmax(204px,1fr) 111px!important;
    gap:8px!important;
    padding:9px 14px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-v2-continue{
    padding:10px 13px!important;
    gap:6px!important;
    overflow:hidden!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-v2-continue-body{
    min-height:0!important;
    height:auto!important;
    align-items:stretch!important;
    overflow:visible!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-v2-project-info{
    min-height:0!important;
    gap:3px!important;
    justify-content:center!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-v2-project-actions{
    flex:0 0 auto!important;
    margin-top:5px!important;
    gap:8px!important;
    padding-bottom:1px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-v2-project-actions button{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    height:42px!important;min-height:42px!important;
    line-height:1.2!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-v3-building-graphic{
    max-height:83px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-grid{
    min-height:0!important;height:100%!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-card{
    padding:9px 11px!important;
    row-gap:4px!important;
    grid-template-rows:32px auto minmax(0,1fr) auto!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-icon{
    width:32px!important;height:32px!important;font-size:17px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-status{
    font-size:11px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-card h3{
    font-size:clamp(16px,1.09vw,18px)!important;
    line-height:1.18!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-card p{
    font-size:13px!important;
    line-height:1.34!important;
    -webkit-line-clamp:unset!important;
    overflow:visible!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-actions{
    min-height:38px!important;
    padding-top:5px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-actions button{
    min-height:35px!important;
    padding:7px 11px!important;
    font-size:12px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-center > .v220-panel:not(.v220-welcome-video){
    padding:8px 10px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-center > .v220-panel:not(.v220-welcome-video) .v220-panel-head{
    margin:0 0 5px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-training-card{
    padding:8px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-training-card h3{
    font-size:13px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-training-card p{
    font-size:11.5px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-right{
    padding:10px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-focus{
    flex:0 0 auto!important;
    min-height:0!important;
    height:auto!important;
    padding:11px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-plan{
    flex:0 0 auto!important;
    height:148px!important;
    min-height:0!important;
    max-height:148px!important;
    margin:9px 0!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-activity{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    height:auto!important;
    margin-top:10px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-v2-recent-row{
    min-height:44px!important;
  }
}
/* For shorter desktop viewports, still fit actions by allocating more space
   to the primary project card rather than displaying clipped controls. */
@media screen and (min-width:1050px) and (min-height:580px) and (max-height:699px){
  .v220-dashboard:has(.clokit-resources-panel) .v220-center{
    grid-template-rows:49px minmax(170px,1.15fr) minmax(168px,1fr) 91px!important;
    gap:6px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-v2-project-actions button{
    min-height:35px!important;padding:6px 9px!important;font-size:11px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-v2-project-info h3{
    font-size:22px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-v3-building-graphic{
    max-height:56px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-focus{
    flex:0 0 auto!important;height:auto!important;padding:8px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-plan{
    flex:0 0 auto!important;height:95px!important;max-height:95px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .v220-activity{
    flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;
  }
}


/* ClokIt Action Center v1 — workspace-derived navigation only, no duplicate
   floor-plan preview. Overrides the retired Project Focus positioning without
   changing main-column dimensions or the no-scroll desktop dashboard. */
.v220-dashboard .clokit-action-aside{min-width:0!important;gap:10px!important}
.v220-dashboard .clokit-action-panel{
  box-sizing:border-box;display:flex;flex-direction:column;
  flex:0 0 auto;min-width:0;min-height:0;width:100%;
  padding:14px 13px 11px;background:linear-gradient(170deg,#fff,#fafdff);
  border:1px solid #dae8f4;border-radius:16px;
  box-shadow:0 7px 20px rgba(14,59,94,.045);
  color:#15324a;
}
.v220-dashboard .clokit-action-heading{flex:0 0 auto;min-width:0}
.v220-dashboard .clokit-action-headline{display:flex;align-items:center;gap:10px;min-width:0}
.v220-dashboard .clokit-action-headline>div{min-width:0}
.v220-dashboard .clokit-action-spark{
  display:grid;place-items:center;flex:0 0 38px;
  width:38px;height:38px;color:#137fce;
  background:#e9f4fe;border:1px solid #d9eafa;border-radius:12px;
  font-size:21px;line-height:1;
}
.v220-dashboard .clokit-action-eyebrow{
  display:block;font-size:9.5px;font-weight:800;line-height:1.2;
  letter-spacing:.11em;color:#64849e;
}
.v220-dashboard .clokit-action-heading h2{
  margin:3px 0 0!important;line-height:1.15!important;
  font-size:20px!important;font-weight:780!important;
  letter-spacing:-.035em;color:#102a46;
}
.v220-dashboard .clokit-action-heading>p{
  margin:9px 0 0!important;font-size:11.5px!important;
  line-height:1.36!important;color:#658199!important;
}
.v220-dashboard .clokit-action-list{
  display:grid;grid-template-columns:minmax(0,1fr);
  gap:7px;margin-top:11px;min-height:0;
}
.v220-dashboard .clokit-action-row{
  appearance:none;box-sizing:border-box;display:grid;
  grid-template-columns:31px minmax(0,1fr) 13px;
  align-items:center;gap:8px;
  width:100%;min-width:0;min-height:60px;
  text-align:left;cursor:pointer;
  padding:9px 9px;border:1px solid #e0ebf4;border-radius:11px;
  background:linear-gradient(130deg,#f8fbff,#fff);
  color:#153550;font-family:inherit;
  transition:background .15s,border-color .15s,transform .15s;
}
.v220-dashboard .clokit-action-row:hover{
  background:#edf7ff;border-color:#afd6f3;transform:translateY(-1px);
}
.v220-dashboard .clokit-action-row:focus-visible{
  outline:3px solid #58b2f7!important;outline-offset:2px!important;
}
.v220-dashboard .clokit-action-symbol{
  display:grid;place-items:center;width:31px;height:31px;
  border-radius:9px;background:#e8f3fd;color:#137ac4;
  font-size:17px;font-weight:750;
}
.v220-dashboard .clokit-action-copy{display:grid;gap:3px;min-width:0}
.v220-dashboard .clokit-action-copy b{
  display:block;font-size:12.5px;line-height:1.23;
  font-weight:760;color:#153754;overflow-wrap:break-word;
}
.v220-dashboard .clokit-action-copy small{
  display:block;font-size:10.5px;line-height:1.3;
  color:#6d889e;overflow-wrap:break-word;
}
.v220-dashboard .clokit-action-arrow{
  justify-self:end;color:#0787d2;font-size:17px;font-weight:800;
}
.v220-dashboard .clokit-action-footnote{
  margin:10px 1px 0!important;font-size:9.5px!important;
  line-height:1.32!important;color:#7892a7!important;
}
.v220-dashboard .clokit-action-aside .v220-activity{min-width:0}
.v220-dashboard .clokit-action-aside .clokit-v2-recent-row{width:100%}
@media screen and (min-width:1261px) and (min-height:700px){
  .v220-dashboard:has(.clokit-resources-panel) .clokit-action-aside{
    display:flex!important;flex-direction:column!important;gap:10px!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-action-panel{flex:0 0 auto!important}
  .v220-dashboard:has(.clokit-resources-panel) .clokit-action-aside .v220-activity{
    flex:1 1 auto!important;min-height:0!important;max-height:none!important;
    height:auto!important;margin-top:0!important;
    display:flex!important;flex-direction:column!important;overflow:hidden!important;
  }
}
@media screen and (min-width:1050px) and (max-width:1260px){
  .v220-dashboard:has(.clokit-resources-panel) .clokit-action-aside{
    display:grid!important;
    grid-template-columns:minmax(0,1.13fr) minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-action-panel{
    grid-column:1!important;grid-row:1!important;
  }
  .v220-dashboard:has(.clokit-resources-panel) .clokit-action-aside .v220-activity{
    grid-column:2!important;grid-row:1!important;
    min-width:0!important;min-height:0!important;
    margin:0!important;max-height:none!important;
    overflow:visible!important;
  }
}
@media screen and (min-width:761px) and (max-width:1049px){
  .v220-dashboard .clokit-action-aside{
    grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
  }
  .v220-dashboard .clokit-action-panel{
    grid-column:1!important;grid-row:1!important;
  }
  .v220-dashboard .clokit-action-aside .v220-activity{
    grid-column:2!important;grid-row:1!important;
    margin:0!important;min-height:0!important;max-height:none!important;
  }
}
@media screen and (min-width:1050px) and (max-height:699px){
  .v220-dashboard .clokit-action-panel{padding:9px!important;border-radius:13px!important}
  .v220-dashboard .clokit-action-spark{width:31px;height:31px;flex-basis:31px;font-size:17px}
  .v220-dashboard .clokit-action-heading h2{font-size:17px!important}
  .v220-dashboard .clokit-action-heading>p{font-size:10px!important;margin-top:5px!important}
  .v220-dashboard .clokit-action-list{gap:5px;margin-top:6px}
  .v220-dashboard .clokit-action-row{min-height:47px;padding:6px;grid-template-columns:26px minmax(0,1fr) 10px;gap:5px}
  .v220-dashboard .clokit-action-symbol{width:26px;height:26px;font-size:14px}
  .v220-dashboard .clokit-action-copy b{font-size:11px}
  .v220-dashboard .clokit-action-copy small{font-size:9px}
  .v220-dashboard .clokit-action-footnote{display:none!important}
  .v220-dashboard:has(.clokit-resources-panel) .clokit-action-aside .v220-activity{
    margin-top:0!important;
  }
}
@media screen and (max-width:760px){
  .v220-dashboard .clokit-action-aside{
    display:flex!important;flex-direction:column!important;
    gap:12px!important;
  }
  .v220-dashboard .clokit-action-panel{padding:14px!important}
  .v220-dashboard .clokit-action-heading h2{font-size:20px!important}
  .v220-dashboard .clokit-action-row{min-height:62px;padding:10px}
  .v220-dashboard .clokit-action-copy b{font-size:13px}
  .v220-dashboard .clokit-action-copy small{font-size:11px}
  .v220-dashboard .clokit-action-aside .v220-activity{
    width:100%!important;min-height:0!important;max-height:none!important;
    margin:0!important;overflow:visible!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .v220-dashboard .clokit-action-row{transition:none!important;transform:none!important}
}


/* Approved three resource images: FIX desktop 2-column conflict; scope to dashboard only. */
.v220-dashboard:has(.clokit-resources-panel) .clokit-resource-grid > .clokit-resource-card{
  box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
  align-items:stretch!important;justify-content:flex-start!important;
  grid-template-columns:none!important;grid-template-rows:none!important;
  column-gap:0!important;row-gap:0!important;gap:3px!important;
  padding:0 10px 9px!important;min-width:0!important;min-height:0!important;
  height:100%!important;overflow:hidden!important;background:#fff!important;
}
.v220-dashboard:has(.clokit-resources-panel) .clokit-resource-grid > .clokit-resource-card::before{display:none!important;content:none!important}
.v220-dashboard:has(.clokit-resources-panel) .clokit-resource-grid > .clokit-resource-card > .clokit-resource-media{
  display:block!important;position:relative!important;float:none!important;flex:0 0 61px!important;
  align-self:stretch!important;box-sizing:border-box!important;
  width:calc(100% + 20px)!important;height:61px!important;min-height:61px!important;max-height:61px!important;
  margin:0 -10px 4px!important;padding:0!important;border-radius:0!important;
  background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important;
}
.v220-dashboard:has(.clokit-resources-panel) .clokit-resource-grid > .clokit-resource-card:nth-child(1) > .clokit-resource-media{background-image:url('/assets/clokit-resource-plan-set.svg')!important}
.v220-dashboard:has(.clokit-resources-panel) .clokit-resource-grid > .clokit-resource-card:nth-child(2) > .clokit-resource-media{background-image:url('/assets/clokit-resource-digital-twin.svg')!important}
.v220-dashboard:has(.clokit-resources-panel) .clokit-resource-grid > .clokit-resource-card:nth-child(3) > .clokit-resource-media{background-image:url('/assets/clokit-resource-data-center.svg')!important}
.v220-dashboard:has(.clokit-resources-panel) .clokit-resource-grid > .clokit-resource-card > .clokit-resource-status{
  display:none!important;
}
.v220-dashboard:has(.clokit-resources-panel) .clokit-resource-grid > .clokit-resource-card > h3{
  display:block!important;position:static!important;grid-area:auto!important;
  font-size:clamp(12px,1vw,15px)!important;line-height:1.18!important;
  min-height:0!important;margin:0 0 2px!important;padding:0!important;overflow:visible!important;
}
.v220-dashboard:has(.clokit-resources-panel) .clokit-resource-grid > .clokit-resource-card > p{
  display:block!important;position:static!important;grid-area:auto!important;
  font-size:clamp(10px,.76vw,12px)!important;line-height:1.3!important;
  min-height:0!important;margin:0!important;padding:0!important;
  overflow:hidden!important;-webkit-line-clamp:unset!important;
}
.v220-dashboard:has(.clokit-resources-panel) .clokit-resource-grid > .clokit-resource-card > .clokit-resource-actions{
  display:flex!important;position:static!important;grid-area:auto!important;
  width:100%!important;min-height:0!important;max-height:none!important;
  margin:auto 0 0!important;padding:4px 0 0!important;
  flex:0 0 auto!important;align-items:stretch!important;
}
.v220-dashboard:has(.clokit-resources-panel) .clokit-resource-grid > .clokit-resource-card > .clokit-resource-actions > button{
  display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;
  min-height:29px!important;height:auto!important;padding:6px 5px!important;
  font-size:11px!important;line-height:1.3!important;white-space:normal!important;
  overflow:visible!important;opacity:1!important;
}
@media(max-width:760px){
 .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-grid > .clokit-resource-card{height:auto!important;min-height:175px!important}
 .v220-dashboard:has(.clokit-resources-panel) .clokit-resource-grid > .clokit-resource-card > .clokit-resource-media{flex-basis:84px!important;height:84px!important;min-height:84px!important;max-height:84px!important}
}


/* Action Center v2 · 2026-10-21. Visual-only refinement matching ClokIt image-first cards.
   No changes to action routes, data, dashboard columns, or Academy. */
body .v220-dashboard:has(.clokit-resources-panel) .clokit-action-aside .clokit-action-panel{
  background:linear-gradient(165deg,#f5faff 0%,#ffffff 88%)!important;
  border:1px solid #bfd8ed!important;
  box-shadow:0 7px 19px rgba(12,52,85,.09)!important;
  border-radius:16px!important;
  overflow:hidden!important;
  padding:0!important;
}
body .v220-dashboard:has(.clokit-resources-panel) .clokit-action-panel .clokit-action-heading{
  box-sizing:border-box!important;
  padding:14px 14px 13px!important;
  margin:0!important;
  background:
    radial-gradient(ellipse at 100% 0%,rgba(45,185,244,.33),transparent 57%),
    repeating-linear-gradient(115deg,transparent 0 35px,rgba(143,216,249,.06) 36px,transparent 37px 72px),
    linear-gradient(116deg,#052943 0%,#084969 62%,#075b79 100%)!important;
  border-bottom:1px solid rgba(4,98,141,.25)!important;
}
body .v220-dashboard:has(.clokit-resources-panel) .clokit-action-panel .clokit-action-spark{
  color:#d7f5ff!important;background:rgba(14,151,213,.23)!important;
  border:1px solid rgba(137,221,255,.39)!important;
  box-shadow:inset 0 0 15px rgba(87,207,255,.11)!important;
}
body .v220-dashboard:has(.clokit-resources-panel) .clokit-action-panel .clokit-action-eyebrow{
  color:#76d7ff!important;letter-spacing:.13em!important;
}
body .v220-dashboard:has(.clokit-resources-panel) .clokit-action-panel .clokit-action-heading h2{
  color:#ffffff!important;font-weight:820!important;letter-spacing:-.035em!important;
}
body .v220-dashboard:has(.clokit-resources-panel) .clokit-action-panel .clokit-action-heading>p{
  color:#d1e7f5!important;margin:10px 0 0!important;
  line-height:1.42!important;font-size:11px!important;
}
body .v220-dashboard:has(.clokit-resources-panel) .clokit-action-panel .clokit-action-list{
  gap:8px!important;margin:11px 11px 0!important;padding:0!important;
}
body .v220-dashboard:has(.clokit-resources-panel) .clokit-action-panel .clokit-action-row{
  min-height:60px!important;padding:9px 9px!important;
  background:#ffffff!important;border:1px solid #dcebf6!important;
  border-left:3px solid #40addb!important;border-radius:11px!important;
  box-shadow:0 2px 7px rgba(11,58,89,.035)!important;
  transition:background .17s,border-color .17s,box-shadow .17s,transform .17s!important;
}
body .v220-dashboard:has(.clokit-resources-panel) .clokit-action-panel .clokit-action-row:hover{
  background:#f2faff!important;border-color:#99ccef!important;
  box-shadow:0 5px 13px rgba(8,74,119,.10)!important;
  transform:translateY(-1px)!important;
}
body .v220-dashboard:has(.clokit-resources-panel) .clokit-action-panel .clokit-action-symbol{
  background:#e5f5ff!important;color:#027bba!important;
}
body .v220-dashboard:has(.clokit-resources-panel) .clokit-action-panel .clokit-action-copy b{
  font-size:12.5px!important;color:#0b304e!important;
}
body .v220-dashboard:has(.clokit-resources-panel) .clokit-action-panel .clokit-action-footnote{
  margin:8px 12px 11px!important;font-size:9px!important;
  line-height:1.33!important;color:#69879b!important;
}
body .v220-dashboard:has(.clokit-resources-panel) .clokit-action-aside .v220-activity{
  position:relative!important;isolation:isolate!important;
  background:linear-gradient(166deg,#fff 0%,#f8fcff 80%)!important;
  border:1px solid #d3e4f0!important;border-radius:16px!important;
  box-shadow:0 6px 18px rgba(11,52,82,.05)!important;
  overflow:hidden!important;
}
body .v220-dashboard:has(.clokit-resources-panel) .clokit-action-aside .v220-activity::before{
  content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,#056b9f,#28afe4 65%,#79dff4);
  pointer-events:none;z-index:1;
}
body .v220-dashboard:has(.clokit-resources-panel) .clokit-action-aside .v220-activity h3{
  font-weight:820!important;letter-spacing:-.025em!important;color:#102f4c!important;
}
body .v220-dashboard:has(.clokit-resources-panel) .clokit-action-aside button.clokit-v2-recent-row{
  border-bottom:1px solid #e6f0f7!important;border-radius:9px!important;
  padding:9px 5px!important;transition:background .16s!important;
}
body .v220-dashboard:has(.clokit-resources-panel) .clokit-action-aside button.clokit-v2-recent-row:hover{
  background:#eaf6ff!important;
}
@media screen and (max-height:699px){
  body .v220-dashboard:has(.clokit-resources-panel) .clokit-action-panel .clokit-action-heading{padding:9px!important}
  body .v220-dashboard:has(.clokit-resources-panel) .clokit-action-panel .clokit-action-heading>p{margin-top:5px!important}
  body .v220-dashboard:has(.clokit-resources-panel) .clokit-action-panel .clokit-action-list{gap:5px!important;margin:6px 8px 0!important}
  body .v220-dashboard:has(.clokit-resources-panel) .clokit-action-panel .clokit-action-row{min-height:47px!important;padding:6px!important}
  body .v220-dashboard:has(.clokit-resources-panel) .clokit-action-panel .clokit-action-footnote{margin:6px 9px 8px!important}
}
@media(prefers-reduced-motion:reduce){
  body .v220-dashboard:has(.clokit-resources-panel) .clokit-action-panel .clokit-action-row{transition:none!important}
  body .v220-dashboard:has(.clokit-resources-panel) .clokit-action-panel .clokit-action-row:hover{transform:none!important}
}


/* Consistent Workspace navigation for v221 library/project/team/settings pages. */
.v221-page > .v221-side.clokit-shared-sidebar{
  box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
  gap:7px!important;min-width:0!important;padding:15px 12px!important;
  background:linear-gradient(180deg,#edf7fc,#e7f2fa)!important;
  border-right:1px solid #d9e6f0!important;
}
.v221-page > .v221-side.clokit-shared-sidebar .v220-side-title{
  display:block!important;margin:0!important;padding:7px 10px 4px!important;
  font-size:11px!important;font-weight:850!important;letter-spacing:.105em!important;
  text-transform:uppercase!important;color:#6183a0!important;
}
.v221-page > .v221-side.clokit-shared-sidebar button.v220-nav-btn{
  box-sizing:border-box!important;display:grid!important;grid-template-columns:28px minmax(0,1fr) auto!important;
  align-items:center!important;gap:8px!important;padding:8px 10px!important;
  width:100%!important;min-height:40px!important;margin:0!important;
  background:transparent!important;border:0!important;border-radius:13px!important;
  color:#0a304c!important;text-align:left!important;
  font-size:13px!important;font-weight:800!important;line-height:1.24!important;
  box-shadow:none!important;cursor:pointer!important;white-space:normal!important;
}
.v221-page > .v221-side.clokit-shared-sidebar button.v220-nav-btn .ico{
  display:grid!important;place-items:center!important;width:28px!important;height:28px!important;
  padding:0!important;background:transparent!important;color:#386986!important;
  font-size:17px!important;border-radius:9px!important;
}
.v221-page > .v221-side.clokit-shared-sidebar button.v220-nav-btn small{
  color:#6888a0!important;font-size:10px!important;
}
.v221-page > .v221-side.clokit-shared-sidebar button.v220-nav-btn.active{
  background:#fff!important;color:#0878bf!important;
  box-shadow:inset 4px 0 0 #139af2,0 5px 13px rgba(20,79,117,.07)!important;
}
.v221-page > .v221-side.clokit-shared-sidebar button.v220-nav-btn.active .ico{
  background:#e7f5ff!important;color:#0878bf!important;
}
.v221-page > .v221-side.clokit-shared-sidebar button.v220-nav-btn:hover{
  background:#ffffffd9!important;transform:none!important;
}
.v221-page > .v221-side.clokit-shared-sidebar button.v220-nav-btn:focus-visible{
  outline:3px solid #139af2!important;outline-offset:2px!important;
}
@media(max-width:760px){
  .v221-page > .v221-side.clokit-shared-sidebar{height:auto!important;overflow:visible!important}
}