/* Final compact premium view. Loaded last to protect the original tool logic. */
@media (min-width: 901px) {
  html,body { height:100%; overflow:hidden !important; }
  body .shell { height:100dvh; min-height:0; overflow:hidden; }
  body .shell > aside { height:100dvh; overflow-y:auto !important; overscroll-behavior:contain; scrollbar-gutter:stable; }
  body .shell > main { height:100dvh; min-height:0; overflow-y:auto !important; overscroll-behavior:contain; scrollbar-gutter:stable; }
}
.seva-brand { gap:8px !important; align-items:center; }
.seva-brand .brand-mark { flex:none; width:49px; height:49px; border-radius:50% !important; background:linear-gradient(135deg,#1269bc,#0ab7a5) !important; box-shadow:0 7px 18px #0b539438; }
.seva-brand-label { position:relative; display:inline-block; padding-bottom:10px; font-size:20px !important; font-weight:950 !important; letter-spacing:-.9px; line-height:1.2; color:#f8fcff !important; text-shadow:0 1px 8px #a8d7ff55; white-space:nowrap !important; }
.seva-brand-label::before,.seva-brand-label::after { content:""; position:absolute; left:0; border-radius:100px; }
.seva-brand-label::before { bottom:5px; height:3px; width:100%; background:#247bc4; }
.seva-brand-label::after { bottom:0; height:2px; width:66%; background:#14a7a2; }
:is(html[data-seva-theme="02"],html[data-seva-theme="04"],html[data-seva-theme="05"],html[data-seva-theme="06"],html[data-seva-theme="07"]) .seva-brand-label { color:var(--tm-ink) !important; text-shadow:none !important; }
.seva-editable-head { display:flex; align-items:flex-start; gap:12px; }
.seva-editable-head h1 { flex:1; font-weight:900; }
#seva-banner-edit { cursor:pointer; flex:none; border:1px solid #b9dbec; border-radius:10px; background:#ffffffd9; color:#145a8b; padding:9px 12px; font-weight:800; }
#seva-banner-edit:hover { background:white; }
.new-workspaces-v21-arrow,.partner-arrow { font-size:0 !important; display:inline-flex !important; align-items:center; justify-content:center; width:16px; height:16px; }
.new-workspaces-v21-arrow::before,.partner-arrow::before { content:""; display:block; width:7px; height:7px; border-top:2px solid currentColor; border-right:2px solid currentColor; transform:rotate(45deg); }
/* Navigator-style compact, full-width list for every built-in tool category. */
#cards.cards { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:8px !important; }
body:has(#nav) #cards > .personalised-card { display:flex !important; flex-direction:row !important; justify-content:space-between !important; text-align:left !important; align-items:center !important; gap:12px !important; min-height:88px !important; height:auto !important; padding:10px 14px !important; border:1px solid #d7e3ef !important; border-radius:13px !important; background:#fff !important; box-shadow:0 2px 7px #1634540c !important; }
body:has(#nav) #cards .tool-card-main { display:flex !important; flex-direction:row !important; justify-content:flex-start !important; text-align:left !important; align-items:center !important; flex:1 1 0 !important; min-width:0; gap:12px !important; text-decoration:none; }
body:has(#nav) #cards .tool-card-main .card-top { display:flex !important; flex:0 0 58px !important; width:58px !important; height:58px !important; align-self:center; align-items:center !important; justify-content:center !important; margin:0 !important; }
#cards .tool-card-main .card-top .arrow { display:none; }
#cards .tool-card-main > div:last-child { min-width:0; flex:1; }
body:has(#nav) #cards .tool-card-main strong { font-size:16px !important; color:#12385d !important; opacity:1 !important; }
body:has(#nav) #cards .tool-card-main .card-category { color:#4e6d8a !important; opacity:1 !important; }
body:has(#nav) #cards .tool-card-main p { margin:3px 0 0 !important; line-height:1.3; font-size:12px; color:#59738d !important; opacity:1 !important; }
body:has(#nav) #cards .tool-card-actions { display:flex !important; flex:0 0 auto !important; align-self:center !important; flex-wrap:wrap; gap:6px; margin:0 !important; justify-content:flex-end; }
#cards .tool-card-actions button { min-height:34px; border-radius:9px; }
@media(max-width:680px) {
  body:has(#nav) #cards > .personalised-card { flex-direction:row !important; align-items:center !important; padding:8px !important; gap:6px !important; }
  body:has(#nav) #cards .tool-card-main { gap:7px !important; }
  body:has(#nav) #cards .tool-card-actions { justify-content:flex-end; padding:0; max-width:115px; }
  #cards .tool-card-actions button { font-size:10px; padding:5px !important; min-height:27px; }
  #cards .tool-card-main p { display:none; }
  .seva-brand-label { font-size:20px !important; }
}
@media print {
  html,body,body .shell,body .shell > main,body .shell > aside { height:auto !important; overflow:visible !important; }
}