:root{
  --v17-ink:#082635;
  --v17-green:#0a9660;
  --v17-mint:#dff8ed;
  --v17-sky:#e8f5ff;
  --v17-shadow:0 22px 60px rgba(7,38,53,.12);
}

.topbar{background:rgba(248,251,250,.86);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4)}
.v17-command-button{min-height:42px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(8,38,53,.1);border-radius:14px;background:#fff;color:var(--v17-ink);box-shadow:0 7px 24px rgba(8,38,53,.07);cursor:pointer;transition:.18s ease}
.v17-command-button:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(8,38,53,.12)}
.v17-command-button>span{width:25px;height:25px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#0d9b66,#38c893);color:#fff}
.v17-command-button>b{font-size:10px;white-space:nowrap}
.v17-command-button>kbd{padding:4px 6px;border:1px solid #dde7e4;border-radius:7px;background:#f5f8f7;color:#7a8b86;font:700 8px/1 system-ui}

.v17-resident-now{display:grid;grid-template-columns:1.2fr repeat(4,minmax(112px,.7fr));gap:10px;margin:-6px 0 18px}
.v17-now-intro,.v17-now-action{min-height:108px;border:1px solid rgba(8,38,53,.09);border-radius:20px;background:#fff;box-shadow:0 10px 34px rgba(8,38,53,.07)}
.v17-now-intro{display:flex;flex-direction:column;justify-content:center;padding:18px;background:radial-gradient(circle at 100% 0,rgba(64,212,156,.18),transparent 45%),#fff}
.v17-now-intro>span{color:var(--v17-green);font-size:8px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.v17-now-intro>strong{margin-top:7px;color:var(--v17-ink);font-size:16px;letter-spacing:-.025em}
.v17-now-intro>small{margin-top:5px;color:#74868e;font-size:9px;line-height:1.45}
.v17-now-action{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:14px;text-align:left;cursor:pointer;transition:.18s ease;overflow:hidden}
.v17-now-action:after{content:"→";position:absolute;right:12px;top:12px;color:#9ba9ad;font-weight:900}
.v17-now-action:hover{transform:translateY(-3px);border-color:rgba(10,150,96,.3);box-shadow:var(--v17-shadow)}
.v17-now-action>i{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:var(--v17-mint);color:#08784e;font-style:normal;font-size:15px;font-weight:900}
.v17-now-action:nth-child(3)>i{background:var(--v17-sky);color:#186aa4}
.v17-now-action:nth-child(4)>i{background:#f2edff;color:#6740ae}
.v17-now-action:nth-child(5)>i{background:#fff0e4;color:#ad5e20}
.v17-now-action b,.v17-now-action small{display:block}
.v17-now-action b{color:var(--v17-ink);font-size:11px}
.v17-now-action small{margin-top:3px;color:#7a8b92;font-size:8px;line-height:1.3}

.v17-command-shell{margin:-4px}
.v17-command-head{padding:22px;border-radius:21px;background:radial-gradient(circle at 90% 10%,rgba(75,222,166,.22),transparent 34%),linear-gradient(135deg,#071f2d,#0c4a50);color:#fff}
.v17-command-head-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.v17-command-head .eyebrow{color:#64e4b2}.v17-command-head kbd{padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.12);font:700 8px/1 system-ui;color:rgba(255,255,255,.72)}
.v17-command-head h2{margin:8px 0 6px;font-size:25px;letter-spacing:-.04em}
.v17-command-head p{margin:0;color:rgba(255,255,255,.7);font-size:10px;line-height:1.55}
.v17-command-search{width:100%;height:48px;margin-top:16px;padding:0 15px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.1);color:#fff;outline:0;font-size:12px}
.v17-command-search::placeholder{color:rgba(255,255,255,.53)}.v17-command-search:focus{border-color:#69e8b6;background:rgba(255,255,255,.14)}
.v17-command-list{display:grid;gap:7px;margin-top:12px}
.v17-command-item{width:100%;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:11px;border:1px solid #e3eae8;border-radius:15px;background:#fff;text-align:left;cursor:pointer;transition:.16s ease}
.v17-command-item:hover,.v17-command-item.is-selected{border-color:#9fd7c1;background:#f5fcf9;transform:translateX(2px)}
.v17-command-item>i{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#edf8f3;color:#087a50;font-style:normal;font-weight:900}
.v17-command-item b,.v17-command-item small{display:block}.v17-command-item b{color:var(--v17-ink);font-size:11px}.v17-command-item small{margin-top:4px;color:#788990;font-size:9px}.v17-command-item>em{font-style:normal;color:#99a7ab;font-size:11px}
.v17-command-empty{padding:26px;text-align:center;color:#71828a;font-size:11px}
.v17-live-pill{display:inline-flex;align-items:center;gap:6px;color:#577079;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.v17-live-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:#18b975;box-shadow:0 0 0 4px rgba(24,185,117,.11)}
.v17-live-pill.offline:before{background:#d6822b}.v17-live-pill.offline{color:#9a5b20}

@media(max-width:1100px){.v17-resident-now{grid-template-columns:repeat(4,1fr)}.v17-now-intro{grid-column:1/-1;min-height:82px}}
@media(max-width:760px){
  .main-area{padding-left:12px;padding-right:12px}.topbar{min-height:66px;margin:0 -12px;padding:calc(8px + env(safe-area-inset-top,0px)) 12px 8px}
  .v17-command-button{width:42px;padding:0;justify-content:center}.v17-command-button>b,.v17-command-button>kbd{display:none}
  .v17-resident-now{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:-5px}.v17-now-intro{grid-column:1/-1;min-height:74px;padding:14px 16px}.v17-now-action{min-height:104px}
  .command-hero{border-radius:22px!important;padding:21px!important}.resident-command .command-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.resident-command .command-actions button{min-height:46px}
  .bottom-nav{left:10px!important;right:10px!important;bottom:8px!important;width:auto;height:calc(61px + env(safe-area-inset-bottom,0px))!important;border:1px solid rgba(8,38,53,.1)!important;border-radius:19px!important;padding:5px 6px calc(5px + env(safe-area-inset-bottom,0px))!important;background:rgba(255,255,255,.91)!important;box-shadow:0 17px 44px rgba(8,38,53,.18)}
  .bottom-nav button{min-width:0}.bottom-nav button span{font-size:16px}.bottom-nav button b{max-width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .modal{width:calc(100vw - 16px);max-height:calc(100dvh - 24px);border-radius:23px;padding:18px}.v17-command-head{padding:18px}.v17-command-head h2{font-size:22px}
}
@media(max-width:390px){.v17-resident-now{grid-template-columns:1fr}.v17-now-intro{grid-column:auto}.v17-now-action{min-height:78px;display:grid;grid-template-columns:38px 1fr;align-items:center;justify-content:initial;gap:10px}.v17-now-action>span{padding-right:18px}}
@media(prefers-reduced-motion:reduce){.v17-command-button,.v17-now-action,.v17-command-item{transition:none!important}}