/* Dokuvara 3.5 Preview 42 — Desktop & Laptop Suite UX. UI-only enhancements. The mobile v41 layout is intentionally untouched. */ @media (min-width:761px) { #suiteChooser.dv42-desktop-ready { background: radial-gradient(ellipse at 15% 5%,rgba(71,103,219,.19),transparent 39%), radial-gradient(ellipse at 96% 94%,rgba(16,185,129,.075),transparent 40%),#10151f; padding: clamp(12px,2.4vw,32px); align-items: start; overscroll-behavior-y:contain; } #suiteChooser.dv42-desktop-ready > .suite-card { width: min(1360px,100%); max-width:100%; border-radius:22px; padding: clamp(18px,2.35vw,30px); border:1px solid #36445f; background:linear-gradient(155deg,#1c2330,#181e2a 75%); box-shadow:0 24px 90px rgba(0,0,0,.30); } #suiteChooser.dv42-desktop-ready .suite-header { min-width:0; display:flex; flex-wrap:wrap;gap:14px; align-items:center; padding-bottom:19px; border-color:#354058; } #suiteChooser.dv42-desktop-ready .suite-header .brand { min-width:235px; } #suiteChooser.dv42-desktop-ready .suite-header .brand > div{min-width:0;} #suiteChooser.dv42-desktop-ready .suite-header .brand-logo { width:48px;height:48px;border-radius:12px; } #suiteChooser.dv42-desktop-ready .suite-header .brand strong { font-size:21px;display:flex;align-items:center;flex-wrap:wrap;gap:9px; } #suiteChooser.dv42-desktop-ready .suite-header .brand small { font-size:12px;color:#aebbd0; } #suiteChooser.dv42-desktop-ready .suite-user { flex-wrap:wrap;justify-content:flex-end;margin-left:auto;gap:8px; } #suiteChooser.dv42-desktop-ready .suite-user > span:first-child { font-size:12px;white-space:nowrap; } #suiteChooser.dv42-desktop-ready .suite-user > strong { font-size:16px;color:#e6edff; } #suiteChooser.dv42-desktop-ready .suite-user .button { min-height:38px;white-space:nowrap;border-radius:10px; } #suiteChooser.dv42-desktop-ready .dv41-suite-nav { display:flex;align-items:center;flex-wrap:wrap; gap:7px; margin:18px 0 4px;padding:0 0 15px; border-bottom:1px solid #344057; } #suiteChooser.dv42-desktop-ready .dv41-suite-nav button, #suiteChooser.dv42-desktop-ready .dv41-suite-nav a { display:inline-flex;align-items:center;justify-content:center;gap:9px; min-height:42px;padding:9px 17px; border:1px solid #394761;border-radius:11px; color:#c9d5ea;background:#222b3a;text-decoration:none; font:650 13px/1.25 system-ui,sans-serif; cursor:pointer;transition:background .12s,border-color .12s; } #suiteChooser.dv42-desktop-ready .dv41-suite-nav button:hover, #suiteChooser.dv42-desktop-ready .dv41-suite-nav a:hover { border-color:#7590ce;background:#293750; } #suiteChooser.dv42-desktop-ready .dv41-suite-nav button[aria-pressed='true'] { background:#395caa;border-color:#739cff;color:#fff; } #suiteChooser.dv42-desktop-ready .dv41-suite-nav button::before, #suiteChooser.dv42-desktop-ready .dv41-suite-nav a::before { content:'';width:18px;height:18px;display:inline-block;flex:0 0 18px; background-color:currentColor; -webkit-mask:var(--dv42-icon) center/contain no-repeat; mask:var(--dv42-icon) center/contain no-repeat; } #suiteChooser.dv42-desktop-ready .dv41-suite-nav button:nth-of-type(1){--dv42-icon:url('/icons/all-files.svg')} #suiteChooser.dv42-desktop-ready .dv41-suite-nav button:nth-of-type(2){--dv42-icon:url('/icons/folder-open.svg')} #suiteChooser.dv42-desktop-ready .dv42-info-trigger{--dv42-icon:url('/icons/security-center.svg')} #suiteChooser.dv42-desktop-ready .dv41-suite-nav a{--dv42-icon:url('/icons/security-center.svg');margin-left:auto;background:transparent} #suiteChooser.dv42-desktop-ready .dv41-suite-nav button:focus-visible, #suiteChooser.dv42-desktop-ready .dv41-suite-nav a:focus-visible {outline:3px solid #a4beff;outline-offset:2px} #suiteChooser.dv42-desktop-ready .suite-intro {padding:24px 4px 17px;} #suiteChooser.dv42-desktop-ready .suite-intro h1 {font-size:clamp(26px,2.3vw,35px);line-height:1.18;margin:5px 0 8px} #suiteChooser.dv42-desktop-ready .suite-intro .muted {max-width:810px;font-size:13px;line-height:1.65} #suiteChooser.dv42-desktop-ready .suite-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:13px} #suiteChooser.dv42-desktop-ready .suite-module { min-height:112px;min-width:0;grid-column:auto; grid-template-columns:53px minmax(0,1fr) 19px;gap:15px; padding:18px;border-radius:15px;border-color:#39475c;background:#222935; } #suiteChooser.dv42-desktop-ready .suite-module:hover {transform:translateY(-2px);border-color:#7190cc;background:#2b3444} #suiteChooser.dv42-desktop-ready .suite-module-mark {width:52px;height:52px;border-radius:14px} #suiteChooser.dv42-desktop-ready .suite-module-mark .app-icon {width:29px;height:29px} #suiteChooser.dv42-desktop-ready .suite-module-copy strong {font-size:18px;line-height:1.25} #suiteChooser.dv42-desktop-ready .suite-module-copy small {font-size:12px;line-height:1.5;color:#b5c1d3} #suiteChooser.dv42-desktop-ready .suite-module-arrow, #suiteChooser.dv42-desktop-ready .suite-module-arrow img {width:19px;height:19px} #suiteChooser.dv42-desktop-ready .suite-workspace {margin:19px 0 6px;padding:19px;border-color:#364761;background:linear-gradient(130deg,#202a3a,#1a2533);box-shadow:none} #suiteChooser.dv42-desktop-ready .suite-workspace-header h1 {font-size:clamp(23px,2.5vw,32px);line-height:1.2} #suiteChooser.dv42-desktop-ready .suite-workspace-header .muted {font-size:13px;line-height:1.55;max-width:660px} #suiteChooser.dv42-desktop-ready .suite-workspace-header {gap:15px} #suiteChooser.dv42-desktop-ready .workspace-continue-card {min-height:94px} #suiteChooser.dv42-desktop-ready .workspace-panels {gap:12px} #suiteChooser.dv42-desktop-ready .workspace-panel {background:#172130;border-color:#38495f} #suiteChooser.dv42-desktop-ready .workspace-panel>header strong {font-size:14px} #suiteChooser.dv42-desktop-ready .workspace-panel>header small {font-size:11px} #suiteChooser.dv42-desktop-ready .workspace-global-search>label {background:#111a27;border-color:#3c506b} #suiteChooser.dv42-desktop-ready .workspace-drop-zone {background:#15243a;border-color:#465d85} #suiteChooser.dv42-desktop-ready .dv42-info-heading{padding:19px 3px 1px} #suiteChooser.dv42-desktop-ready .dv42-info-heading p{margin:0 0 5px;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.12em;color:#a6baff} #suiteChooser.dv42-desktop-ready .dv42-info-heading h2{margin:0;font-size:clamp(24px,2.4vw,30px)} #suiteChooser.dv42-desktop-ready .dv42-info-heading small{display:block;margin-top:7px;color:#aebbd0;font-size:13px} #suiteChooser.dv42-desktop-ready .suite-business-cta {margin-top:17px} /* Only hide things after the enhancement has initialized. Preserve all existing handlers. */ #suiteChooser.dv42-desktop-ready[data-dv42-view='tools'] #suiteWorkspace, #suiteChooser.dv42-desktop-ready[data-dv42-view='tools'] .suite-business-cta, #suiteChooser.dv42-desktop-ready[data-dv42-view='tools'] #suiteTenantPortals, #suiteChooser.dv42-desktop-ready[data-dv42-view='tools'] #pwaInstallPanel, #suiteChooser.dv42-desktop-ready[data-dv42-view='tools'] .suite-note, #suiteChooser.dv42-desktop-ready[data-dv42-view='tools'] .dva-privacy-inline-actions, #suiteChooser.dv42-desktop-ready[data-dv42-view='tools'] .dv42-info-heading {display:none!important} #suiteChooser.dv42-desktop-ready[data-dv42-view='workspace'] .suite-intro, #suiteChooser.dv42-desktop-ready[data-dv42-view='workspace'] .suite-grid, #suiteChooser.dv42-desktop-ready[data-dv42-view='workspace'] .suite-business-cta, #suiteChooser.dv42-desktop-ready[data-dv42-view='workspace'] #suiteTenantPortals, #suiteChooser.dv42-desktop-ready[data-dv42-view='workspace'] #pwaInstallPanel, #suiteChooser.dv42-desktop-ready[data-dv42-view='workspace'] .suite-note, #suiteChooser.dv42-desktop-ready[data-dv42-view='workspace'] .dva-privacy-inline-actions, #suiteChooser.dv42-desktop-ready[data-dv42-view='workspace'] .dv42-info-heading {display:none!important} #suiteChooser.dv42-desktop-ready[data-dv42-view='info'] #suiteWorkspace, #suiteChooser.dv42-desktop-ready[data-dv42-view='info'] .suite-intro, #suiteChooser.dv42-desktop-ready[data-dv42-view='info'] .suite-grid {display:none!important} /* Account actions: one native SVG icon per action, predictable spacing. */ .dva-suite-dropdown .dva-menu-icon {width:18px;height:18px} .dva-suite-dropdown button[data-dva-action='delete-account'] {color:#ffacb7!important} .dva-suite-dropdown button[data-dva-action='delete-account'] .dva-menu-icon{--dva-icon:url('/icons/trash.svg')} .dva-suite-dropdown button:focus-visible {outline:2px solid #95b5ff;outline-offset:-2px} } @media (min-width:761px) and (max-width:1090px){ #suiteChooser.dv42-desktop-ready .suite-user {width:100%;justify-content:flex-start;margin-left:0} #suiteChooser.dv42-desktop-ready .suite-workspace-header {display:grid;grid-template-columns:1fr} #suiteChooser.dv42-desktop-ready .workspace-header-actions{justify-content:flex-start} #suiteChooser.dv42-desktop-ready .suite-workspace-overview{grid-template-columns:1fr} #suiteChooser.dv42-desktop-ready .workspace-panels{grid-template-columns:repeat(2,minmax(0,1fr))} #suiteChooser.dv42-desktop-ready .workspace-control-panel {grid-column:1/-1} #suiteChooser.dv42-desktop-ready .workspace-storage-panel {grid-column:1/-1} } @media (min-width:1450px){ #suiteChooser.dv42-desktop-ready .suite-grid{grid-template-columns:repeat(4,minmax(0,1fr))} #suiteChooser.dv42-desktop-ready .suite-module{grid-template-columns:47px minmax(0,1fr);gap:11px;min-height:145px;align-content:center} #suiteChooser.dv42-desktop-ready .suite-module-arrow{display:none} #suiteChooser.dv42-desktop-ready .suite-module-mark{width:46px;height:46px} #suiteChooser.dv42-desktop-ready .suite-module-copy strong{font-size:16px} #suiteChooser.dv42-desktop-ready .suite-module-copy small{font-size:11px} } @media (max-width:760px){.dv42-info-trigger,.dv42-info-heading{display:none!important}} @media (prefers-reduced-motion: reduce){#suiteChooser.dv42-desktop-ready .suite-module{transition:none}}