@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&family=Geist+Mono:wght@400;500;600;700&display=swap') screen and (max-width:800px);
/* ==========================================================================
   CLOUD WORKSPACE — Linear / Notion inspired desktop productivity system
   Neutral, compact and low-contrast. Backend behavior is intentionally
   untouched; this stylesheet owns the visual component layer.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. TEMEL — reset, tipografi, tema token'ları
   -------------------------------------------------------------------------- */
*{box-sizing:border-box}
html{
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  font-family:"Geist","Geist Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html[data-font="inter"]{font-family:var(--font-ui)}
html[data-font="humanist"]{font-family:var(--font-ui)}
html[data-font="classic"]{font-family:var(--font-ui)}
html[data-font="mono"]{font-family:var(--font-mono)}

html{
  --font-ui:"Geist","Geist Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-window:12px;
  --r-xs:var(--radius-xs);--r-sm:var(--radius-sm);--r-md:var(--radius-md);--r-lg:var(--radius-lg);--r-xl:var(--radius-lg);--r-pill:999px;
  --sidebar-width:238px;--topbar-height:54px;--app-gap:0px;--preview-width:400px;
  --ease:cubic-bezier(.2,.7,.2,1);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:28px;
  --accent:#3B82F6;--green:#22B893;--warn:#F59E45;--danger:#E65C5C;--purple:#9A79DB;
  --primary-ink:#fff;--ring:0 0 0 2px rgba(59,130,246,.18);
  --sidebar-bg:var(--side);--sidebar-border:var(--line-strong);--sidebar-text:#CDCDCD;--sidebar-muted:#989898;--sidebar-hover:#242424;--sidebar-active:#2B2B2B;--sidebar-active-text:#F7F7F7;--sidebar-icon:#B1B1B1;--page-surface:var(--surface-main);--card-border:var(--line);--file-name:#F0F0F0;--table-line:var(--line);--input-line:var(--line);
  --primary-control-bg:#242424;--primary-control-text:#FFFFFF;--primary-control-border:rgba(255,255,255,.11);--primary-control-hover:#2C2C2C;--primary-control-hover-border:rgba(255,255,255,.16);--primary-control-pressed:#303030;
  --shell-side-shadow:-10px 16px 42px rgba(0,0,0,.10);--shell-main-shadow:12px 16px 42px rgba(0,0,0,.12);
  --shadow-window:0 20px 70px rgba(0,0,0,.30);--shadow-pop:0 16px 42px rgba(0,0,0,.28);--shadow-1:none;--shadow-2:none;--shadow-3:var(--shadow-pop);
}
/* 2026-10-02 v24 — desktop first-paint typography is local/system-only.
   Do not swap a network font after the first frame; mobile keeps the existing Geist look. */
@media(min-width:801px){
  html{--font-ui:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-family:var(--font-ui);text-rendering:auto}
  body,button,input,select,textarea{font-family:var(--font-ui)}
}
html[data-theme="modern_dark"]{
  --desktop-bg:#111214;--bg:#171819;--side:#151617;--card:#1B1D1F;--panel:#1B1D1F;--soft:#202224;
  --surface-main:#1A1C1D;--surface-raised:#202224;--surface-sunken:#171819;--surface-hover:#25282A;--surface-pressed:#2A2D2F;--surface-selected:#2B2E30;
  --text:#FFFFFF;--muted:#F2F2F2;--metadata:#D0D0D0;--disabled:#6F747B;--line:rgba(255,255,255,.09);--line-strong:rgba(255,255,255,.15);
  --input:#202224;--menu:#1F2123;--dialog:#1F2123;--preview:#1D1F21;--accent2:rgba(59,130,246,.12);--primary-ink:#fff;
  --folder-surface:transparent;--folder-hover:#232628;--control-bg:#232528;--control-hover:#2A2D2F;
  --sidebar-bg:#121314;--sidebar-border:rgba(255,255,255,.12);--sidebar-text:#FFFFFF;--sidebar-muted:#CFCFCF;--sidebar-hover:#202224;--sidebar-active:#292C2E;--sidebar-active-bg:#292C2E;--sidebar-active-text:#FFFFFF;--sidebar-icon:#E8E8E8;--page-surface:#1A1C1D;--card-border:rgba(255,255,255,.09);--file-name:#FFFFFF;--table-line:var(--line-strong);--input-line:rgba(255,255,255,.10);
  --primary-control-bg:#242424;--primary-control-text:#FFFFFF;--primary-control-border:rgba(255,255,255,.11);--primary-control-hover:#2C2C2C;--primary-control-hover-border:rgba(255,255,255,.16);--primary-control-pressed:#303030;
  --shell-side-shadow:-10px 16px 42px rgba(0,0,0,.10);--shell-main-shadow:12px 16px 42px rgba(0,0,0,.12);
}
html[data-theme="modern_light"]{
  /* Pure-white base; hierarchy comes from hover/selected states, not dirty-white page surfaces. */
  --desktop-bg:#FFFFFF;--bg:#FFFFFF;--side:#FFFFFF;--card:#FFFFFF;--panel:#FFFFFF;--soft:#FFFFFF;
  --surface-main:#FFFFFF;--surface-raised:#FFFFFF;--surface-sunken:#FFFFFF;--surface-hover:#F5F5F5;--surface-pressed:#EFEFEF;--surface-selected:#F1F1F1;
  --text:#000000;--muted:#111111;--metadata:#3A3A3A;--disabled:#949AA3;--line:rgba(20,24,28,.10);--line-strong:rgba(20,24,28,.15);
  --input:#FFFFFF;--menu:#FFFFFF;--dialog:#FFFFFF;--preview:#FFFFFF;--accent2:rgba(59,130,246,.06);--primary-ink:#1F1F1F;
  --folder-surface:transparent;--folder-hover:#F5F5F5;--control-bg:#FFFFFF;--control-hover:#F5F5F5;
  --sidebar-bg:#FFFFFF;--sidebar-border:rgba(0,0,0,.12);--sidebar-text:#000000;--sidebar-muted:#4B4B4B;--sidebar-hover:#F5F5F5;--sidebar-active:#F1F1F1;--sidebar-active-bg:#F1F1F1;--sidebar-active-text:#000000;--sidebar-icon:#262626;--page-surface:#FFFFFF;--card-border:rgba(20,24,28,.10);--file-name:#000000;--table-line:rgba(20,24,28,.10);--input-line:rgba(20,24,28,.11);
  --primary-control-bg:#FFFFFF;--primary-control-text:#000000;--primary-control-border:rgba(0,0,0,.10);--primary-control-hover:#F5F5F5;--primary-control-hover-border:rgba(0,0,0,.10);--primary-control-pressed:#EFEFEF;
  --shell-side-shadow:none;--shell-main-shadow:none;--shadow-window:0 10px 26px rgba(32,32,32,.07);--shadow-pop:0 12px 28px rgba(32,32,32,.10);
}
/* Legacy theme names remain backend-compatible aliases; components use only the tokens above. */
html[data-theme="gray_dark"],html[data-theme="mono"],html[data-theme="graphite"],html[data-theme="ocean"],html[data-theme="forest"],html[data-theme="ember"]{
  --desktop-bg:#111214;--bg:#171819;--side:#151617;--card:#1B1D1F;--panel:#1B1D1F;--soft:#202224;--surface-main:#1B1B1B;--surface-raised:#202020;--surface-sunken:#181818;--surface-hover:#272727;--surface-pressed:#292929;--surface-selected:#2D2D2D;--text:#F2F2F2;--muted:#C9C9C9;--metadata:#A0A0A0;--disabled:#707070;--line:rgba(255,255,255,.09);--line-strong:rgba(255,255,255,.14);--input:#202020;--menu:#202020;--dialog:#202020;--preview:#1D1D1D;--accent2:rgba(59,130,246,.12);--folder-surface:transparent;--folder-hover:#232323;--control-bg:#242424;--control-hover:#2C2C2C
}
html[data-theme="gray_light"],html[data-theme="arctic"],html[data-theme="rose"],html[data-theme="sand"]{
  --desktop-bg:#FFFFFF;--bg:#FFFFFF;--side:#FFFFFF;--card:#FFFFFF;--panel:#FFFFFF;--soft:#FAFAF9;--surface-main:#FFFFFF;--surface-raised:#FCFCFB;--surface-sunken:#F7F7F5;--surface-hover:#F0F0ED;--surface-pressed:#E8E7E3;--surface-selected:#E9E8E4;--text:#1F1F1F;--muted:#4B4B4B;--metadata:#717171;--disabled:#989894;--line:rgba(0,0,0,.11);--line-strong:rgba(0,0,0,.16);--input:#FAFAF9;--menu:#FFF;--dialog:#FFF;--preview:#FFF;--accent2:rgba(59,130,246,.06);--primary-ink:#1F1F1F;--folder-surface:transparent;--folder-hover:#F0F0EE;--control-bg:#FFF;--control-hover:#F0F0EE;--sidebar-text:#454545;--sidebar-active-bg:#EAEAE7;--sidebar-active-text:#1A1A1A;--file-name:#1F1F1F;--table-line:rgba(0,0,0,.11);--input-line:rgba(0,0,0,.11);--primary-control-bg:#FFF;--primary-control-text:#1F1F1F;--primary-control-border:rgba(0,0,0,.10);--primary-control-hover:#F0F0EE;--primary-control-hover-border:rgba(0,0,0,.14);--primary-control-pressed:#EAEAE7;--shell-side-shadow:none;--shell-main-shadow:none;--shadow-window:0 10px 26px rgba(32,32,32,.07);--shadow-pop:0 12px 28px rgba(32,32,32,.10)
}

body{margin:0;background:var(--bg);color:var(--text);min-height:100vh;letter-spacing:-.011em}
h1,h2,h3{letter-spacing:-.02em;font-weight:750;margin:0}
a{color:inherit}
p{line-height:1.55}
svg{display:block}
::selection{background:color-mix(in srgb,var(--accent) 30%,transparent)}


/* --------------------------------------------------------------------------
   2. CORE APP SHELL — single source of truth
   -------------------------------------------------------------------------- */
html{font-family:var(--font-ui);background:var(--desktop-bg);font-size:13px}
body{margin:0;min-height:100vh;background:var(--desktop-bg);color:var(--text);font-family:var(--font-ui);font-size:13px;font-weight:475;line-height:1.42;letter-spacing:-.006em;overflow-x:hidden}
h1,h2,h3{font-weight:620;letter-spacing:-.015em;color:var(--text)}
.eyebrow{font-size:10.5px;letter-spacing:.035em;color:var(--metadata);font-weight:650}
:root{--app-edge:0px}

.app-sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);padding:10px 9px 10px;background:var(--sidebar-bg);border:0;border-right:1px solid var(--sidebar-border);border-radius:0;z-index:40;box-shadow:none;display:flex;flex-direction:column;overflow:hidden}
main:not(.authmain):not(.device-lock-page):not(.panel-preview-shell):not(.worktrack-sheet-main){margin:0 0 0 var(--sidebar-width);padding:0;max-width:none;width:auto;min-width:0;min-height:100vh;background:var(--page-surface);border:0;border-radius:0;box-shadow:none;overflow:hidden;transition:margin-right .14s ease}
main:not(.authmain):not(.device-lock-page):not(.panel-preview-shell):not(.worktrack-sheet-main)>.page-shell{width:100%;max-width:none;min-width:0;margin:0;padding:0 18px 28px;min-height:100vh;background:var(--page-surface)}
.page-shell{width:100%;max-width:none;min-width:0;margin:0}
.worktrack-sheet-main{margin:0;padding:0;max-width:none;min-height:100vh;background:var(--surface-main);border-radius:0;box-shadow:none;overflow:auto}
.worktrack-sheet-main>.page-shell{max-width:none;width:100%;min-height:100vh;margin:0;padding:14px 16px;background:var(--surface-main)}
body.preview-open main:not(.authmain):not(.device-lock-page):not(.panel-preview-shell):not(.worktrack-sheet-main){margin-right:var(--preview-width);border-radius:0}

/* Sidebar */
.sidebar-top{display:grid;gap:6px;margin-bottom:6px}.brand{height:42px;min-height:42px;padding:0 8px;margin:0;gap:9px;text-decoration:none;display:flex;align-items:center;border-radius:8px;overflow:hidden}.brand:hover{background:var(--sidebar-hover)}.brandcopy{min-width:0;display:flex;align-items:center;flex:1 1 auto;overflow:hidden;width:auto;height:auto;background:transparent;border-radius:0;color:inherit}.brand b{display:block;max-width:100%;font-size:14.2px;line-height:1.15;font-weight:720;letter-spacing:-.012em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand small{display:none}.authlogo,.brandmark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;box-shadow:none;background:var(--surface-selected);color:var(--text);flex:0 0 28px}.brandmark svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.brand-home{display:flex;align-items:center}.brand-dashboard-only{padding-left:8px}.drive-new-side{width:100%;height:36px;min-height:36px;margin:0;padding:0 10px;justify-content:flex-start;border-radius:8px;background:var(--control-bg);color:var(--text);border:1px solid var(--sidebar-border);box-shadow:none;font-size:13px;font-weight:650;gap:8px}.drive-new-side:hover{background:var(--control-hover);border-color:var(--sidebar-border);filter:none}.drive-new-side:active{transform:none;background:var(--surface-pressed)}.drive-new-side span:first-child{font-size:15px;line-height:1}.sidebar-nav,.app-sidebar nav{display:flex;flex-direction:column;gap:1px;overflow:auto;padding:1px 0 0 0;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--sidebar-text) 13%,transparent) transparent}.app-sidebar nav::-webkit-scrollbar{width:6px}.app-sidebar nav::-webkit-scrollbar-track{background:transparent}.app-sidebar nav::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--sidebar-text) 10%,transparent);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.app-sidebar nav:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--sidebar-text) 20%,transparent);border:2px solid transparent;background-clip:padding-box}.sidebar-section-label{display:none;margin:0;font-size:10.8px;line-height:1;color:var(--sidebar-muted);font-weight:680;letter-spacing:.02em;text-transform:none}.app-sidebar nav a,.worktrack-side-row,.worktrack-side-home{display:flex;align-items:center;min-height:38px;padding:0 11px;border-radius:8px;color:var(--sidebar-text);font-size:13.3px;font-weight:660;gap:10px;text-decoration:none;border:1px solid transparent;box-shadow:none;transition:background .15s ease,color .15s ease,border-color .15s ease}.app-sidebar nav a:hover,.worktrack-side-row:hover,.worktrack-side-home:hover{background:var(--sidebar-hover);color:var(--text);border-color:transparent}.app-sidebar nav a.active,.worktrack-side-row.active,.worktrack-side-home.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);box-shadow:none;border-color:transparent;font-weight:720}.navico{width:18px;height:18px;display:grid;place-items:center;flex:0 0 18px;color:var(--sidebar-icon)}.app-sidebar nav a:hover .navico,.app-sidebar nav a.active .navico,.worktrack-side-row:hover .navico,.worktrack-side-row.active .navico,.worktrack-side-home:hover .navico,.worktrack-side-home.active .navico{color:currentColor}.navico svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.navico-sheet svg{width:16px;height:16px;fill:none;stroke:#11B981;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.navico-sheet .sheet-fill{fill:#11B981;stroke:none}.app-sidebar nav a.active .navico-sheet svg{stroke:#10C98B}.app-sidebar nav a.active .navico-sheet .sheet-fill{fill:#10C98B}.nav-sep{height:1px;background:var(--line);margin:8px 10px}.planned-delete-nav{}.sidebar-bottom{margin-top:auto;padding-top:10px;border-top:1px solid var(--sidebar-border)}.sidebar-rollback{width:100%;min-height:32px;padding:0 10px;margin:0 0 8px;border:1px solid transparent;background:transparent;color:var(--metadata);border-radius:8px;font-size:11.9px;font-weight:620;display:flex;align-items:center;gap:8px}.sidebar-rollback:hover{background:var(--surface-hover);border-color:transparent;color:var(--text)}.sidebar-rollback svg{width:15px;height:15px}.sidefoot{min-height:52px;padding:8px 9px;display:flex;align-items:center;gap:9px;border:1px solid var(--sidebar-border);border-radius:10px;background:color-mix(in srgb,var(--sidebar-bg) 88%,var(--surface-raised))}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:var(--surface-selected);color:var(--text);font-size:11.5px;font-weight:660}.sideuser{min-width:0;flex:1}.sideuser b{display:block;font-size:12.6px;font-weight:650;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sideuser small{display:block;font-size:10.6px;color:var(--metadata);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidefoot form{margin:0}.sidefoot button{width:30px;height:30px;min-height:30px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--text);display:grid;place-items:center}.sidefoot button:hover{background:var(--surface-hover);color:var(--text)}.sidefoot button svg{width:15px;height:15px}

/* Page bars */
header,.compact-head,.file-header{min-height:58px;margin:0 -18px;padding:0 118px 0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-strong);gap:14px;background:var(--page-surface)}
header>div:first-child,.compact-head>div:first-child,.file-header>div:first-child{min-width:0}.file-header .eyebrow{display:none}header h1,.compact-head h1,.file-header h1{font-size:17px;line-height:1.16;margin:0;font-weight:670;color:var(--text)}header p,.compact-head p,.file-header p{font-size:11.9px;line-height:1.35;margin:4px 0 0;color:var(--metadata)}.header-actions{display:flex;gap:6px;align-items:center;flex-wrap:nowrap}.crumbs{display:flex;align-items:center;margin:0;font-size:12px;gap:5px;color:var(--metadata);font-weight:520;min-width:0}.crumbs a{font-weight:540;color:var(--muted);padding:3px 5px;text-decoration:none;white-space:nowrap;border-radius:6px}.crumbs a:hover{background:var(--surface-hover);color:var(--text)}

/* --------------------------------------------------------------------------
   3. UNIFIED CONTROLS — one button/input architecture
   -------------------------------------------------------------------------- */
button,.button,.btn,.primary,.ghost,.danger,.primary-btn,.ghost-btn,.action-btn,.toolbar-btn,.icon-btn{height:32px;min-height:32px;padding:0 11px;border-radius:7px;border:1px solid transparent;font-family:inherit;font-size:12.7px;font-weight:560;line-height:1;box-shadow:none;transform:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .12s ease,color .12s ease,border-color .12s ease,opacity .12s ease;color:var(--text)}
button:disabled,.button:disabled,.btn:disabled{opacity:.42;cursor:not-allowed}.wide,.wide-btn{width:100%}.action-with-icon{display:inline-flex;align-items:center;gap:7px}.btn-svg svg,.action-with-icon svg,button svg,.primary svg,.ghost svg,.icon-btn svg,.drive-quick-action svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.primary,.primary-btn{background:var(--primary-control-bg);color:var(--primary-control-text);border-color:var(--primary-control-border)}.primary:hover,.primary-btn:hover{background:var(--primary-control-hover);color:var(--primary-control-text);border-color:var(--primary-control-hover-border);opacity:1}.primary:active,.primary-btn:active{background:var(--primary-control-pressed);filter:none;transform:none}
.ghost,.ghost-btn,.button.secondary,.btn.secondary,.action-btn,.toolbar-btn{background:var(--control-bg);color:var(--text);border-color:var(--line);box-shadow:none}.ghost:hover,.ghost-btn:hover,.action-btn:hover,.toolbar-btn:hover{background:var(--control-hover);color:var(--text);border-color:var(--line-strong)}
.danger,.danger-soft{background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 18%,transparent)}.danger:hover,.danger-soft:hover{background:color-mix(in srgb,var(--danger) 16%,transparent)}.danger-text{color:var(--danger)}
.icon-btn{width:32px;padding:0;background:var(--control-bg);color:var(--text);border-color:var(--line)}.icon-btn:hover{background:var(--control-hover);color:var(--text)}.icon-btn.active,.drive-layout-option.active,.drive-select-mode-btn.active{background:var(--surface-selected);color:var(--text);border-color:var(--line-strong)}
.compact-primary{height:30px;min-height:30px;padding:0 10px;font-size:12px}
label{display:grid;gap:6px;color:var(--muted);font-size:11.5px;font-weight:560}input,textarea,select{width:100%;min-height:36px;padding:8px 10px;background:var(--input);border:1px solid var(--input-line);border-radius:7px;color:var(--text);font:inherit;font-size:13px;outline:none;box-shadow:none;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}input::placeholder,textarea::placeholder{color:var(--metadata);opacity:1}input:focus,textarea:focus,select:focus{background:var(--input);border-color:color-mix(in srgb,var(--accent) 55%,var(--input-line));box-shadow:var(--ring)}input[type=color]{padding:3px}input[type=range]{accent-color:var(--accent);background:transparent;padding:0}.checks{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px}.checks label{display:flex;align-items:center;gap:8px;padding:9px 10px;background:var(--surface-raised);border:1px solid var(--line);border-radius:7px;font-weight:500}.checks input{width:17px;height:17px;min-height:17px;accent-color:var(--accent)}

/* Dialogs */
dialog{border:1px solid var(--line);border-radius:12px;background:var(--dialog);color:var(--text);padding:0;width:min(92vw,520px);box-shadow:var(--shadow-pop)}dialog::backdrop{background:rgba(0,0,0,.42);backdrop-filter:none}dialog form{padding:18px;display:grid;gap:11px}dialog h2{margin:0;font-size:16px;font-weight:620}dialog p,.dialog-note{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.modal-actions,.dialog-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:6px}.modal-actions button,.dialog-actions button{height:32px;min-height:32px;padding:0 11px}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dialog-close,.login-x{width:29px;height:29px;min-height:29px;padding:0;border:0;border-radius:6px;background:transparent}.dialog-close:hover,.login-x:hover{background:var(--surface-hover)}.modal-icon,.schedule-modal-icon,.drive-confirm-icon,.drive-transfer-icon,.upload-picker-icon,.drive-upload-stage-mark{width:38px;height:38px;border-radius:7px;display:grid;place-items:center;background:var(--surface-raised);color:var(--accent);font-size:18px;font-weight:700}
/* New/create chooser is a compact productivity popover, not a generic content canvas. */
.drive-create-dialog{width:min(92vw,560px);max-height:min(82vh,620px);overflow:hidden}
.drive-create-dialog form{padding:0;gap:0;overflow:hidden}
.drive-create-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 18px 14px;border-bottom:1px solid var(--line)}
.drive-create-head>div{min-width:0}.drive-create-head h2{font-size:16px;line-height:1.25;color:var(--text)}.drive-create-head p{margin-top:3px;color:var(--muted)}
.drive-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:6px}
.drive-create-option{width:100%;height:58px;min-height:58px;padding:0 10px;justify-content:flex-start;text-align:left;background:transparent;border:1px solid transparent;border-radius:7px;color:var(--text);box-shadow:none;overflow:hidden}
.drive-create-option:hover{background:var(--surface-hover);border-color:var(--line)}
.drive-create-option:active{background:var(--surface-selected)}
.drive-create-option>span:nth-child(2){min-width:0;display:grid;gap:2px}.drive-create-option b{display:block;color:var(--text);font-size:12.8px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drive-create-option small{display:block;color:var(--metadata);font-size:11.3px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drive-create-wide{grid-column:1/-1}.drive-create-icon{width:34px;height:34px;min-width:34px;min-height:34px;padding:0;display:grid;place-items:center;border-radius:7px;background:var(--surface-raised);border:1px solid var(--line);color:var(--muted);overflow:hidden}
.drive-create-icon svg,.drive-create-icon img{display:block;width:18px;height:18px;max-width:18px;max-height:18px;object-fit:contain;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.drive-create-icon.table-create img{width:18px;height:18px;max-width:18px;max-height:18px;object-fit:contain}
.drive-create-arrow{margin-left:auto;color:var(--metadata);font-size:17px;line-height:1}.field-error{color:var(--danger);font-size:11px}.field-hint{color:var(--metadata);font-size:11px}.flash{padding:10px 12px;border-radius:8px;border:1px solid var(--line-strong);margin:10px 0;font-size:12.5px;background:var(--surface-raised)}.flash.ok{color:var(--green);background:color-mix(in srgb,var(--green) 9%,transparent)}.flash.bad{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,transparent)}
.empty,.trash-empty-icon,.share-empty,.chat-list-empty,.versions-empty,.scheduled-empty,.muted-empty{color:var(--metadata)}.empty{grid-column:1/-1;min-height:240px;display:grid;place-items:center;align-content:center;gap:8px;border:0;border-radius:0;background:transparent}.empty strong{color:var(--text);font-size:14px}

/* --------------------------------------------------------------------------
   4. FILE MANAGER — full width canvas
   -------------------------------------------------------------------------- */
.drive-commandbar{min-height:52px;margin:0 -18px 10px;padding:8px 18px;display:flex;align-items:center;gap:7px;flex-wrap:nowrap;border-bottom:1px solid var(--line-strong);background:var(--surface-sunken);overflow-x:auto;overflow-y:visible}.drive-global-search-wrap{position:relative;flex:1 1 420px;max-width:none;min-width:240px}.drive-search{height:34px;display:flex;align-items:center;gap:7px;min-width:0;padding:0 9px;border-radius:7px;background:var(--input);border:1px solid var(--input-line);box-shadow:none}.drive-search:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,var(--input-line));box-shadow:var(--ring)}.drive-search svg{width:15px;height:15px;color:var(--metadata);flex:0 0 auto}.drive-search input{min-width:0;min-height:0;height:30px;padding:0;border:0;background:transparent;box-shadow:none;font-size:12.7px;font-weight:540}.drive-search input:focus{box-shadow:none}.drive-search-scope{font-size:10px;font-weight:560;color:var(--metadata);border-left:1px solid var(--line);padding-left:8px;white-space:nowrap}.drive-search-clear{width:28px;height:28px;min-height:28px;padding:0;border:0;background:transparent;color:var(--metadata)}.drive-search-clear:hover{background:var(--surface-hover);color:var(--text)}.drive-search-results{position:absolute;top:38px;left:0;right:0;margin:0;background:var(--menu);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow-pop);overflow:hidden;z-index:80;max-height:60vh;overflow-y:auto}.drive-search-results-head{padding:8px 10px;color:var(--metadata);font-size:10.8px;border-bottom:1px solid var(--line)}.drive-search-result{display:flex;align-items:center;gap:9px;padding:8px 10px;text-decoration:none;color:var(--text)}.drive-search-result:hover{background:var(--surface-hover)}.drive-result-icon{width:30px;height:30px;border-radius:6px;background:var(--surface-raised);display:grid;place-items:center;flex:0 0 auto}.drive-result-main{min-width:0;flex:1}.drive-result-location{font-size:10.5px;color:var(--metadata)}
.drive-toolbar-selection-mode{height:34px;min-height:34px;min-width:0;flex:1 1 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;overflow:visible}
.drive-toolbar-selection-mode[hidden]{display:none}
.drive-toolbar-selection-count,.drive-toolbar-selection-actions{display:flex;align-items:center;gap:6px;min-width:0}
.drive-toolbar-selection-count strong{font-size:12.5px;font-weight:620;color:var(--text);white-space:nowrap}
.drive-toolbar-clear-selection{height:30px;min-height:30px;padding:0 8px;display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font-size:12px;font-weight:550}
.drive-toolbar-clear-selection:hover{background:var(--surface-hover);color:var(--text)}
.drive-toolbar-clear-selection>span{font-size:17px;line-height:1;color:var(--metadata)}
.drive-toolbar-selection-actions>.ghost,.drive-selection-more-button{height:32px;min-height:32px}
.drive-view-actions{margin-left:auto;display:flex;gap:4px;align-items:center;flex-wrap:nowrap;flex:0 0 auto}.drive-quick-action,.drive-layout-option,.drive-select-mode-btn,.drive-new-top{height:32px;min-height:32px;padding:0 9px;white-space:nowrap}.drive-view-toggle-inline{display:flex;padding:2px;background:var(--control-bg);border:1px solid var(--line);border-radius:8px}.drive-layout-option{width:30px;padding:0;background:transparent;border:0;color:var(--muted)}.drive-layout-option:hover{background:var(--surface-hover);color:var(--text)}.drive-new-wrap{position:relative}.drive-new-top{padding:0 11px;background:var(--primary-control-bg);color:var(--primary-control-text);border-color:var(--primary-control-border);font-weight:580}.drive-new-top:hover{background:var(--primary-control-hover);color:var(--primary-control-text);border-color:var(--primary-control-hover-border);opacity:1}.drive-toolbar-meta{display:flex;align-items:center;gap:8px;color:var(--metadata);font-size:11.5px;white-space:nowrap}.drive-location-ready{color:var(--green);font-weight:550}.file-toolbar.drive-location-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px;padding:0 0 8px;border:0;border-radius:0;background:transparent;box-shadow:none;min-width:0}.drive-location-current{min-width:0}.drive-location-label{display:none}.drive-location-toolbar .crumbs{margin:0;overflow-x:auto}.item-count{font-size:11.5px;color:var(--metadata);font-weight:500}
.drive-file-viewport{width:100%;max-width:none;min-width:0;overflow:visible}
.gallery,#driveDropTarget{display:block;width:100%;max-width:none;min-width:0}
.drive-item-section{width:100%;min-width:0;margin:0 0 14px}
.drive-section-heading{display:flex;align-items:center;gap:8px;height:32px;margin:0;color:var(--muted);font-size:12.5px;font-weight:600;border-bottom:1px solid var(--table-line)}
.drive-section-heading small{font-size:11px;color:var(--metadata);font-weight:550}
.drive-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px 10px;width:100%;min-width:0;padding-top:7px}
.drive-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;width:100%;min-width:0;padding-top:8px}
.filecard{position:relative;min-width:0;max-width:none;width:100%;justify-self:stretch;color:var(--text)}
.filecard.drive-folder-card,.filecard.file-tile{border:0;box-shadow:none;transition:background .12s ease,color .12s ease;color:var(--text)}
.filecard.drive-folder-card{height:64px;min-height:64px;padding:8px 38px 8px 9px;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;background:transparent;border-radius:7px}
.filecard.drive-folder-card:hover{background:var(--folder-hover)}
.filecard.drive-folder-card.drive-selected,.filecard.drive-folder-card.selected,.filecard.drive-folder-card.drive-opening{background:var(--surface-selected);box-shadow:inset 0 0 0 1px var(--line-strong)}
.filecard.file-tile{overflow:visible;background:transparent;border-radius:8px;height:184px;min-height:184px;padding:4px;display:grid;grid-template-rows:128px 48px;align-content:start}
.filecard.file-tile:hover{background:var(--surface-hover)}
.filecard.file-tile.drive-selected,.filecard.file-tile.selected{background:var(--surface-selected);outline:0;box-shadow:inset 0 0 0 1px var(--line-strong)}
.preview{height:128px;min-height:128px;display:grid;place-items:center;background:var(--surface-raised);color:var(--muted);font-size:34px;text-decoration:none;overflow:hidden;border:0;border-radius:7px}.preview img,.preview video{width:100%;height:100%;object-fit:contain}.preview.video{color:var(--green)}.image-preview{padding:0}.document-preview,.audio,.textpreview{background:var(--surface-raised)}.doc-icon{width:44px;height:56px;border-radius:7px;background:var(--ib,var(--accent));position:relative;display:grid;place-items:end center;padding:0 4px 9px;box-shadow:none}.doc-icon b{font-size:8.5px;max-width:38px;overflow:hidden;text-overflow:ellipsis;color:#4c5a6d}.type-icon,.generic-file-icon,.archive-file-icon,.mini-sheet-icon{font-size:28px;color:var(--muted)}.sheet-file-icon{width:38px;height:38px;object-fit:contain}.textpreview{padding:10px;align-items:flex-start;justify-content:flex-start;text-align:left}.textpreview pre,.text-file-preview{font-size:9.5px;line-height:1.5;color:var(--metadata);white-space:pre-wrap;margin:0;max-height:100%;overflow:hidden}.media video{width:100%;height:100%;object-fit:contain}.audio{display:flex;flex-direction:column;gap:10px}.audio audio{width:88%;height:32px}.pdf{position:relative}.pdf iframe{width:100%;height:100%;border:0;pointer-events:none}.filetype-corner{position:absolute;right:7px;bottom:7px;padding:2px 6px;border-radius:5px;background:var(--ib,#555);color:var(--if,#fff);font-size:9.5px;font-weight:650}
.drive-file-glyph{position:relative;width:54px;height:66px;display:grid;place-items:center;color:var(--file-accent,var(--muted));font-size:0}
.drive-file-glyph svg{width:46px;height:56px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linejoin:round}
.drive-file-glyph b{position:absolute;left:50%;bottom:9px;transform:translateX(-50%);max-width:43px;padding:1px 4px;border-radius:4px;background:var(--surface-main);color:var(--text);font-size:8.5px;font-weight:650;line-height:1.35;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drive-file-glyph.archive b{color:var(--danger)}
.drive-main-drop-visual{display:none}
body.drive-dragging .drive-main-drop-visual{display:block;position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:2990;pointer-events:none}
.drive-main-drop-badge{display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface-raised);box-shadow:var(--shadow-pop)}
.drive-main-drop-badge>span{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:var(--accent2);color:var(--accent)}
.drive-main-drop-badge div{display:grid;gap:1px}.drive-main-drop-badge b{font-size:12px;color:var(--text)}.drive-main-drop-badge small{font-size:10.5px;color:var(--metadata)}
.file-meta-row{display:flex;align-items:center;gap:6px;min-width:0;height:48px;padding:7px 7px 5px}.fileinfo{padding:0;min-width:0;flex:1}.fileinfo b,.drive-list-name b{display:block;font-size:13px;font-weight:590;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--file-name)}.fileinfo small,.drive-list-name small{display:block;color:var(--metadata);font-size:11.5px;font-weight:500;line-height:1.25;margin-top:3px;opacity:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fileactions{display:none}.filecard:hover .fileactions{display:none}.fileactions a,.fileactions button{width:28px;height:28px;min-height:28px;padding:0;background:transparent;color:var(--muted);border:0;border-radius:6px}.fileactions a:hover,.fileactions button:hover{background:var(--surface-hover);color:var(--text)}.fileactions svg{width:13px;height:13px}.fileactions form{margin:0}
.drive-more-btn{position:absolute;right:6px;top:6px;width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:7px;background:color-mix(in srgb,var(--surface-main) 92%,transparent);color:var(--muted);opacity:1;z-index:5}.drive-more-btn:hover{background:var(--surface-hover);color:var(--text);opacity:1}.drive-folder-card .drive-more-btn{top:50%;transform:translateY(-50%);background:transparent}.drive-folder-symbol,.drive-folder-select{width:34px;height:34px;min-height:34px;display:grid;place-items:center;background:transparent;border:0;padding:0}.drive-folder-symbol svg,.drive-folder-select svg{width:29px;height:29px;fill:var(--folder-custom,#A5A5A5);stroke:none}.folder-color-blue .drive-folder-symbol svg,.folder-color-blue .drive-folder-select svg{fill:#3B82F6}.folder-color-green .drive-folder-symbol svg,.folder-color-green .drive-folder-select svg{fill:#22B893}.folder-color-orange .drive-folder-symbol svg,.folder-color-orange .drive-folder-select svg{fill:#F59E45}.folder-color-red .drive-folder-symbol svg,.folder-color-red .drive-folder-select svg{fill:#FF4D4D}.folder-color-purple .drive-folder-symbol svg,.folder-color-purple .drive-folder-select svg{fill:#9A79DB}.drive-list-name,.drive-list-owner,.drive-list-kind,.drive-list-size,.drive-list-date{display:none}.filecard.drive-folder-card>.drive-list-name{display:block;min-width:0;padding:0}.filecard.drive-folder-card>.drive-list-name b,.filecard.drive-folder-card>.drive-list-name small{display:block}.filecard.drive-folder-card .file-meta-row{display:none}
.drive-select-box{position:absolute;top:9px;left:9px;z-index:5;opacity:0;transition:opacity .12s}.filecard:hover .drive-select-box,.filecard.drive-selected .drive-select-box,.drive-item-check:checked+span{opacity:1}.drive-select-box span{width:20px;height:20px;display:block;border-radius:6px;border:1px solid var(--line-strong);background:color-mix(in srgb,var(--surface-main) 84%,transparent);box-shadow:none}.drive-item-check:checked+span{background:var(--accent);border-color:var(--accent)}.drive-col{display:none}

/* List view */
.gallery.list-view,#driveDropTarget.list-view{display:block;width:100%;max-width:none;background:transparent;border:0;border-radius:0;overflow:visible}
.gallery.list-view .drive-item-section,#driveDropTarget.list-view .drive-item-section{margin:0 0 10px}
.gallery.list-view .drive-folder-grid,.gallery.list-view .drive-files-grid,#driveDropTarget.list-view .drive-folder-grid,#driveDropTarget.list-view .drive-files-grid{display:block;padding-top:0}
.drive-list-header{display:none}
.drive-list-header.is-visible{display:grid;grid-template-columns:42px minmax(250px,1fr) 118px 110px 96px 150px 36px;align-items:center;height:34px;padding:0 7px;border-bottom:1px solid var(--table-line);color:var(--metadata);font-size:11.5px;font-weight:600}
.gallery.list-view .drive-section-heading,#driveDropTarget.list-view .drive-section-heading{display:flex;height:32px;margin-top:4px;border-bottom:1px solid var(--table-line)}
.gallery.list-view .filecard,#driveDropTarget.list-view .filecard{display:grid;grid-template-columns:42px minmax(250px,1fr) 118px 110px 96px 150px 36px;align-items:center;gap:0;width:100%;max-width:none;height:46px;min-height:46px;margin:0;padding:0 8px;border:0;border-radius:0;background:transparent;border-bottom:1px solid var(--table-line);overflow:visible}
.gallery.list-view .filecard:hover,#driveDropTarget.list-view .filecard:hover{background:var(--surface-hover)}
.gallery.list-view .filecard.drive-selected,#driveDropTarget.list-view .filecard.drive-selected{background:var(--surface-selected)}
.gallery.list-view .filecard .preview,#driveDropTarget.list-view .filecard .preview,.gallery.list-view .filecard .drive-folder-select,#driveDropTarget.list-view .filecard .drive-folder-select{grid-column:1;width:32px;height:32px;min-height:32px;background:transparent;border:0;border-radius:5px;margin:0;padding:0;place-self:center}
.gallery.list-view .filecard .preview img,#driveDropTarget.list-view .filecard .preview img{width:30px;height:30px;border-radius:5px;object-fit:contain}
.gallery.list-view .filecard .fileinfo,#driveDropTarget.list-view .filecard .fileinfo{display:none}
.gallery.list-view .drive-list-name,#driveDropTarget.list-view .drive-list-name{display:block;grid-column:2;min-width:0;padding:0 8px}.gallery.list-view .drive-list-name small,#driveDropTarget.list-view .drive-list-name small{display:none}
.gallery.list-view .drive-list-owner,#driveDropTarget.list-view .drive-list-owner{display:flex;grid-column:3;align-items:center;gap:7px;color:var(--muted);font-size:11.8px;font-weight:500;min-width:0}
.gallery.list-view .drive-list-kind,#driveDropTarget.list-view .drive-list-kind{display:block;grid-column:4;color:var(--muted);font-size:11.8px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gallery.list-view .drive-list-size,#driveDropTarget.list-view .drive-list-size{display:block;grid-column:5;color:var(--metadata);font-size:11.5px;font-weight:500}
.gallery.list-view .drive-list-date,#driveDropTarget.list-view .drive-list-date{display:block;grid-column:6;color:var(--metadata);font-size:11.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gallery.list-view .drive-more-btn,#driveDropTarget.list-view .drive-more-btn{position:static;grid-column:7;transform:none;place-self:center;background:transparent}
.gallery.list-view .file-meta-row,#driveDropTarget.list-view .file-meta-row{display:none}
.owner-avatar{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--surface-selected);color:var(--muted);font-size:9.5px;font-style:normal;font-weight:650;flex:0 0 auto}

/* Selection/drop/context */
.filecard[data-file-item="1"]{user-select:none;-webkit-user-select:none;touch-action:manipulation}
body.drive-internal-drag{cursor:grabbing}
body.drive-internal-drag *{user-select:none;-webkit-user-select:none}
body.drive-internal-drag .filecard{cursor:grabbing}
.filecard.drive-drag-source{opacity:.62;background:var(--surface-selected);box-shadow:inset 0 0 0 1px var(--line-strong)}
.drive-internal-target{background:var(--surface-selected);outline:2px solid color-mix(in srgb,var(--accent) 68%,transparent);outline-offset:-2px;box-shadow:inset 0 0 0 1px var(--line-strong)}
.drive-drop-folder.drive-internal-target{border-radius:6px;background:var(--surface-selected);outline:2px solid color-mix(in srgb,var(--accent) 68%,transparent);outline-offset:0}
body.drive-internal-invalid{cursor:not-allowed}
.drive-pointer-ghost{position:fixed;z-index:7000;pointer-events:none;display:flex;align-items:center;gap:8px;min-width:128px;max-width:240px;padding:8px 10px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface-raised);box-shadow:var(--shadow-pop);color:var(--text);transform:translateZ(0)}
.drive-pointer-ghost-icon{width:26px;height:26px;border-radius:6px;display:grid;place-items:center;background:var(--surface-selected);color:var(--accent);font-size:14px;font-weight:700;flex:0 0 auto}.drive-pointer-ghost>span:last-child{min-width:0;display:grid;gap:1px}.drive-pointer-ghost b{font-size:12px;font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drive-pointer-ghost small{font-size:10.5px;color:var(--metadata)}
.drive-transfer-complete{opacity:0;transition:opacity .12s ease}
#driveSelectionBar,.drive-selection-bar{display:flex;align-items:center;gap:8px;border-radius:8px;border:1px solid var(--line);background:var(--surface-raised);box-shadow:var(--shadow-pop);padding:7px 9px;min-height:46px}.drive-clear-selection{width:30px;height:30px;min-height:30px;padding:0;border-radius:6px;background:transparent;border:0}.drive-selection-actions{display:flex;gap:5px}.drive-selection-actions button{height:32px;border-radius:7px;padding:0 11px}.drive-bulk-delete{color:var(--danger)}
#driveDropOverlay .drive-drop-card,.drive-drop-card{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);width:min(460px,calc(100vw - 28px));border-radius:10px;border:1px solid var(--line-strong);background:var(--surface-raised);box-shadow:var(--shadow-pop);padding:12px 14px;display:flex;align-items:center;gap:12px}.drive-root-mark{width:36px;height:36px;border-radius:7px;background:var(--surface-main);border:1px solid var(--line);display:grid;place-items:center;color:var(--accent)}.drive-upload-progress{border-radius:999px;overflow:hidden;background:var(--surface-main);height:4px}.drive-upload-progress i{display:block;height:100%;background:var(--accent)}#driveInternalHint[hidden],.drive-internal-hint[hidden]{display:none}#driveInternalHint:not([hidden]),.drive-internal-hint:not([hidden]){position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:6990;pointer-events:none;border-radius:8px;border:1px solid var(--line-strong);background:var(--surface-raised);box-shadow:var(--shadow-pop);padding:8px 12px;display:flex;align-items:center;gap:8px;max-width:min(420px,calc(100vw - 32px))}
.drive-context-menu,.sheet-context,.global-context-menu,.chat-context-menu,.message-context-menu,.share-menu,.sheet-option-pop,.sheet2-context,.sheet2-menu-pop,.work-card-menu,.drive-new-menu,.work-card-dropdown{position:fixed;z-index:4000;width:232px;max-width:calc(100vw - 16px);padding:5px;border:1px solid var(--line);border-radius:9px;background:var(--menu);box-shadow:var(--shadow-pop);color:var(--text);backdrop-filter:none}.drive-context-menu button,.sheet-context button,.global-context-items button,.global-context-menu button,.chat-context-menu button,.share-menu button,.sheet-option-pop button,.sheet2-context button,.work-card-menu button,.drive-new-menu button,.work-card-dropdown button,.work-card-dropdown a{width:100%;height:34px;min-height:34px;padding:0 8px;justify-content:flex-start;border:0;border-radius:6px;background:transparent;color:var(--text);font-size:12.5px;font-weight:510;text-decoration:none;display:flex;align-items:center;gap:8px}.drive-context-menu button:hover,.sheet-context button:hover,.global-context-items button:hover,.global-context-menu button:hover,.chat-context-menu button:hover,.share-menu button:hover,.sheet-option-pop button:hover,.sheet2-context button:hover,.work-card-menu button:hover,.drive-new-menu button:hover,.work-card-dropdown button:hover,.work-card-dropdown a:hover{background:var(--surface-hover)}.menu-sep,.context-sep,.worktrack-new-sep{height:1px;background:var(--line);margin:4px 5px}.global-context-head,.drive-context-head{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:7px 8px 8px;margin-bottom:4px}

/* --------------------------------------------------------------------------
   5. PREVIEW — real split panel, no overlap
   -------------------------------------------------------------------------- */
.cloud-preview-backdrop{display:none}
.cloud-preview-drawer{display:none;position:fixed;right:0;top:0;bottom:0;width:var(--preview-width);background:var(--preview);border-left:0;border-radius:0;box-shadow:-12px 0 32px rgba(0,0,0,.12);z-index:1001;flex-direction:column;pointer-events:auto;overflow:hidden}
.cloud-preview-drawer.open{display:flex}
.cloud-preview-drawer-head{height:54px;min-height:54px;padding:0 10px 0 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid var(--line);background:var(--preview)}
.cloud-preview-titlewrap{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:1px;overflow:hidden;line-height:1.15}.cloud-preview-titlewrap b{font-size:13.4px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-preview-titlewrap span{font-size:10.8px;font-weight:540;color:var(--metadata);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cloud-preview-drawer-actions{display:flex;align-items:center;gap:3px}.preview-head-action{width:30px;height:30px;min-height:30px;padding:0;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--muted);text-decoration:none}.preview-head-download{width:auto;grid-auto-flow:column;gap:6px;padding:0 9px;color:var(--text);background:var(--surface-raised)}.preview-head-download span{font-size:11.5px;font-weight:650}.preview-head-action:hover{background:var(--surface-hover);color:var(--text)}.preview-head-action svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cloud-preview-drawer-body,.cloud-preview-content{flex:1;min-height:0;overflow:auto;background:var(--preview);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text) 12%,transparent) transparent}.cloud-preview-drawer-body::-webkit-scrollbar,.cloud-preview-content::-webkit-scrollbar{width:6px;height:6px}.cloud-preview-drawer-body::-webkit-scrollbar-track,.cloud-preview-content::-webkit-scrollbar-track{background:transparent}.cloud-preview-drawer-body::-webkit-scrollbar-thumb,.cloud-preview-content::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text) 10%,transparent);border-radius:999px}.cloud-preview-drawer-body:hover::-webkit-scrollbar-thumb,.cloud-preview-content:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text) 20%,transparent)}
.preview-loading,.preview-inline-error{min-height:240px;display:grid;place-items:center;align-content:center;gap:5px;padding:24px;text-align:center;color:var(--metadata)}.preview-inline-error b{color:var(--text)}
.cloud-preview-content .rich-preview-page{display:block;min-height:100%}.cloud-preview-content .rich-preview-topbar{display:none}.cloud-preview-content .rich-preview-layout{display:block}
body.preview-open .global-top-actions{display:none}
body.cloud-audio-open{padding-bottom:86px}
.cloud-audio-player{position:fixed;left:var(--sidebar-width);right:0;bottom:0;z-index:3600;min-height:82px;padding:9px 14px calc(9px + env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(180px,1fr) minmax(300px,1.35fr) minmax(110px,1fr);align-items:center;gap:14px;background:color-mix(in srgb,var(--surface-raised) 96%,transparent);border-top:1px solid var(--line);box-shadow:0 -12px 36px rgba(0,0,0,.12);backdrop-filter:blur(16px)}.cloud-audio-player[hidden]{display:none}.sidebar-collapsed .cloud-audio-player{left:var(--sidebar-width)}
.cloud-audio-player button,.cloud-audio-player a{width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);display:grid;place-items:center;text-decoration:none}.cloud-audio-player button:hover,.cloud-audio-player a:hover{background:var(--surface-hover);color:var(--text)}.cloud-audio-player svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.cloud-audio-player svg text{fill:currentColor;stroke:none;font-size:6.4px;font-weight:800}.cloud-audio-track{min-width:0;display:flex;align-items:center;gap:10px}.cloud-audio-art{width:46px;height:46px;flex:0 0 46px;border-radius:10px;background:var(--surface-selected);display:grid;place-items:center;color:var(--text)}.cloud-audio-art svg{width:22px;height:22px}.cloud-audio-copy{min-width:0;flex:1}.cloud-audio-copy b{display:block;font-size:12.6px;font-weight:680;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-audio-copy small{display:block;margin-top:2px;font-size:10.5px;color:var(--metadata)}.cloud-audio-like.liked{color:#E84B65}.cloud-audio-like.liked svg{fill:currentColor}.cloud-audio-center{min-width:0;display:grid;gap:5px}.cloud-audio-controls{display:flex;align-items:center;justify-content:center;gap:6px}.cloud-audio-main{width:44px!important;height:44px!important;background:var(--text)!important;color:var(--surface-main)!important;box-shadow:0 6px 18px rgba(0,0,0,.18)}.cloud-audio-main:hover{opacity:.9}.cloud-audio-controls .pause{display:none}.cloud-audio-player.playing .cloud-audio-controls .play{display:none}.cloud-audio-player.playing .cloud-audio-controls .pause{display:block}.cloud-audio-progress{display:grid;grid-template-columns:34px minmax(80px,1fr) 34px;align-items:center;gap:7px;color:var(--metadata);font-size:9.5px;font-variant-numeric:tabular-nums}.cloud-audio-progress span:last-child{text-align:right}.cloud-audio-progress input{appearance:none;width:100%;height:3px;min-height:3px;padding:0;margin:0;border:0;border-radius:999px;background:var(--surface-selected);box-shadow:none}.cloud-audio-progress input::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:var(--text)}.cloud-audio-actions{display:flex;justify-content:flex-end;gap:4px}.drive-audio-launch{position:relative;cursor:pointer}.drive-audio-launch .audio-card-icon{width:46px;height:46px;border-radius:12px;background:var(--surface-selected);display:grid;place-items:center;color:var(--text)}.drive-audio-launch .audio-card-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.55}.drive-audio-launch .audio-card-play{position:absolute;right:10px;bottom:10px;width:34px;height:34px;border-radius:50%;background:var(--text);color:var(--surface-main);display:grid;place-items:center;box-shadow:0 5px 16px rgba(0,0,0,.2)}.drive-audio-launch .audio-card-play svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.3}
.cloud-preview-content .rich-preview-stage{border:0;border-radius:0;min-height:0;background:var(--preview);box-shadow:none}.cloud-preview-content .rich-preview-canvas{min-height:260px;padding:12px;display:grid;place-items:center;background:var(--surface-sunken)}.cloud-preview-content .rich-preview-canvas img{max-width:100%;max-height:58vh;border-radius:6px;object-fit:contain}.cloud-preview-content .rich-preview-canvas video{max-height:58vh}.cloud-preview-content .preview-page-note{font-size:10.5px;color:var(--metadata);margin-top:6px}.cloud-preview-content .preview-corner-large{right:18px;bottom:18px}.cloud-preview-content .rich-preview-info{border:0;border-top:1px solid var(--line);border-radius:0;padding:9px 14px 12px;background:var(--preview);box-shadow:none;display:block}.cloud-preview-content .rich-preview-info .info-icon-wrap,.cloud-preview-content .rich-preview-info>h2,.cloud-preview-content .rich-preview-info>.preview-download{display:none}.cloud-preview-content .preview-detail-list{display:grid;gap:0;margin:0}.cloud-preview-content .preview-detail-list>*{min-height:32px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11.5px}.cloud-preview-content .preview-detail-list>*:last-child{border-bottom:0}.cloud-preview-content .preview-detail-list span{color:var(--metadata);font-weight:540}.cloud-preview-content .preview-detail-list b{color:var(--text);font-weight:650;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-preview-content .unsupported-preview{padding:28px 18px}.cloud-preview-content .archive-preview-hero{padding:14px}.cloud-preview-content .rich-text-preview{margin:0;padding:14px;background:var(--preview);font-size:12px;line-height:1.55}

/* Worktrack lightweight rows */
.worktrack-only-sidebar .brand{margin-bottom:8px}.worktrack-side-zone{display:flex;flex-direction:column;min-height:100%;gap:8px}.worktrack-side-primary{display:grid;gap:4px}.worktrack-side-home span:last-child{display:flex;flex-direction:column}.worktrack-side-home small,.worktrack-theme-state{font-size:10.5px;color:var(--metadata);font-weight:480}.worktrack-new-trigger{height:36px;min-height:36px;justify-content:flex-start;padding:0 10px;background:var(--control-bg);border:1px solid var(--line);border-radius:7px;color:var(--text)}.worktrack-new-trigger:hover{background:var(--control-hover)}.worktrack-side-lower{margin-top:auto;display:grid;gap:1px}.worktrack-side-row{display:flex;align-items:center;width:100%;background:transparent}.worktrack-side-theme{justify-content:flex-start}.worktrack-theme-label{display:flex;flex-direction:column;align-items:flex-start}.worktrack-new-floating{position:fixed;width:220px;padding:5px;background:var(--menu);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow-pop);z-index:4500}.worktrack-new-floating button{width:100%;height:34px;min-height:34px;justify-content:flex-start;background:transparent;border:0}.worktrack-new-floating button:hover{background:var(--surface-hover)}
.work-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;min-height:62px;margin:0;border-bottom:1px solid var(--line)}.work-head-copy{min-width:0}.work-head h1{font-size:16px;margin:0;color:var(--text)}.work-head p{margin:3px 0 0;max-width:none;color:var(--metadata);font-size:11.8px}.work-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:nowrap}.work-actions>*{min-height:32px}.work-trash-action,.work-settings-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.work-crumbs{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin:11px 0 10px;min-width:0;color:var(--metadata);font-size:12px}.work-crumbs a{font-weight:520;text-decoration:none;color:var(--muted);max-width:min(320px,70vw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px 10px;align-items:start;width:100%;max-width:none}.work-card{position:relative;height:64px;min-height:64px;padding:7px 8px 7px 9px;background:transparent;border:0;border-radius:8px;display:flex;flex-direction:column;justify-content:center;gap:0;min-width:0;overflow:visible;box-shadow:none;transition:background .12s ease}.work-card:hover{background:var(--surface-hover);box-shadow:none;transform:none;border:0}.work-card-top{display:flex;align-items:center;gap:8px;min-width:0}.work-card-main{display:flex;gap:9px;align-items:center;text-decoration:none;color:inherit;min-width:0;flex:1}.work-card-main>div{min-width:0}.work-card-main b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:570;color:var(--text)}.work-card small{display:block;margin-top:2px;color:var(--metadata);opacity:1;font-size:11.5px;font-weight:500}.work-icon{--icon-color:var(--muted);width:34px;height:34px;min-width:34px;border-radius:0;display:grid;place-items:center;background:transparent;border:0;color:var(--icon-color)}.work-icon svg{width:25px;height:25px;display:block;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none}.work-icon.folder{--icon-color:var(--folder-color,#e7a72f)}.work-icon.folder svg .folder-fill{fill:color-mix(in srgb,var(--folder-color,#e7a72f) 34%,transparent);stroke:none}.work-icon.table{--icon-color:#6D8FF1}.work-icon.file{--icon-color:var(--muted)}.work-icon.shortcut{--icon-color:#9A79DB}.work-card-foot{position:absolute;left:52px;right:42px;bottom:6px;min-height:0;pointer-events:none}.work-card-status{display:flex;gap:4px;min-width:0}.work-card-tools{position:relative;flex:none}.work-card-more{width:32px;height:32px;min-height:32px;padding:0;border-radius:7px;display:inline-grid;place-items:center;background:transparent;border:0}.work-card-more:hover{background:var(--surface-selected)}.work-shared-pill,.work-shortcut-pill{font-size:9.8px;font-weight:560;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.empty-work{padding:34px 14px;text-align:center;color:var(--metadata);border:0;border-radius:0;background:transparent}

.drive-folder-color-dialog{width:min(520px,calc(100vw - 24px));padding:0;border:1px solid var(--line);border-radius:14px;background:var(--dialog);box-shadow:var(--shadow-pop);overflow:hidden}.drive-folder-color-dialog::backdrop{background:rgba(0,0,0,.42)}.drive-folder-color-form{padding:0!important;display:block!important}.drive-folder-color-head{height:58px;padding:0 14px 0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.drive-folder-color-head h2{margin:0;font-size:15px;font-weight:700}.drive-folder-color-head small{display:block;margin-top:2px;color:var(--metadata);font-size:10.7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.drive-folder-color-body{padding:14px 16px 16px}.drive-folder-color-preview{height:48px;padding:0 10px;margin-bottom:12px;display:flex;align-items:center;gap:10px;border-radius:9px;background:var(--surface-sunken)}.drive-folder-color-preview-icon{width:34px;height:34px;display:grid;place-items:center;color:var(--picker-folder-color,#7893ea)}.drive-folder-color-preview-icon svg{width:28px;height:28px;fill:currentColor;stroke:none}.drive-folder-color-preview b{display:block;font-size:12.5px;font-weight:660;color:var(--text)}.drive-folder-color-preview small{display:block;margin-top:1px;font-size:10.5px;color:var(--metadata)}.drive-folder-color-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.drive-folder-color-grid .folder-swatch{height:54px;min-height:54px;padding:6px 4px;display:grid;place-items:center;align-content:center;gap:4px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted)}.drive-folder-color-grid .folder-swatch:hover{background:var(--surface-hover);color:var(--text)}.drive-folder-color-grid .folder-swatch.active{background:var(--surface-selected);color:var(--text)}.drive-folder-color-grid .folder-swatch i{display:block;width:22px;height:18px;border-radius:5px;background:var(--sw,#7893ea)}.drive-folder-color-grid .folder-swatch span{position:static;inset:auto;background:none;border-radius:0;font-size:9.7px;font-weight:600;line-height:1;color:currentColor}.folder-swatch-default i{background:#9AA0A8}.sw-blue i{background:#4d86ee}.sw-indigo i{background:#6674e8}.sw-violet i{background:#8b68d9}.sw-red i{background:#ff4d4d}.sw-rose i{background:#ff4d4d}.sw-orange i{background:#e58a4d}.sw-amber i{background:#d7a735}.sw-green i{background:#55a874}.sw-teal i{background:#3ca5a0}.sw-slate i{background:#718096}.drive-folder-custom-color{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px}.drive-folder-custom-copy b{display:block;font-size:11.8px}.drive-folder-custom-copy small{display:block;margin-top:2px;color:var(--metadata);font-size:10.4px}.drive-folder-custom-control{height:34px;display:flex!important;align-items:center!important;gap:7px!important;padding:3px 8px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--input)!important}.drive-folder-custom-control input[type=color]{width:26px;height:26px;min-height:26px;padding:0;border:0;background:transparent}.drive-folder-custom-control code{font-family:var(--font-ui);font-size:10.7px;color:var(--muted)}.drive-folder-custom-apply{height:34px;min-height:34px}.drive-folder-color-dialog .dialog-close{flex:0 0 auto}
.folder-color-dialog,.wt-admin-settings,.wt-dialog{border-radius:12px;background:var(--dialog);border:1px solid var(--line);box-shadow:var(--shadow-pop)}.folder-color-form{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0;min-width:0;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.folder-color-head,.wt-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px;border-bottom:1px solid var(--line);background:transparent}.folder-color-head h2,.wt-settings-head h2{font-size:16px;margin:0}.folder-color-head p{margin:3px 0 0;font-size:11.5px;color:var(--metadata)}.folder-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(34px,1fr));gap:8px;padding:16px 16px 10px}.folder-swatch{position:relative;display:block;aspect-ratio:1;height:auto;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--swatch) 16%,var(--dialog));cursor:pointer}.folder-swatch span{position:absolute;inset:7px;border-radius:5px;background:var(--swatch)}.folder-custom-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 16px 14px}.folder-color-actions{display:flex;justify-content:space-between;gap:8px;padding:11px 16px 16px;border-top:1px solid var(--line)}.wt-admin-settings{width:min(900px,calc(100vw - 28px));max-height:min(86vh,820px);overflow:hidden}.wt-settings-body{padding:16px;overflow:auto;max-height:calc(86vh - 66px);display:grid;gap:12px}.wt-settings-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wt-settings-note,.wt-settings-section{padding:12px;border:0;border-radius:8px;background:var(--surface-raised)}.wt-settings-section{padding:0;overflow:hidden}.wt-settings-section-head{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.wt-settings-form{padding:14px;display:grid;gap:12px}.wt-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.wt-settings-grid .full{grid-column:1/-1}
.wtbar,.wtrash-head,.voice-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;border-bottom:1px solid var(--line)}.wtbar h1,.wtrash-head h1,.voice-head h1{font-size:16px;margin:0}.wtwrap{overflow:auto;margin-top:12px;border:0;border-radius:0;max-height:calc(100vh - 170px)}.wtable{border-collapse:collapse;min-width:900px;width:100%;background:transparent}.wtable td,.wtable th{border-right:0;border-bottom:1px solid var(--line);min-width:140px;height:42px;padding:7px 9px}.wtable th{position:sticky;top:0;background:var(--surface-sunken);z-index:2;font-size:11.5px;color:var(--metadata);font-weight:620;opacity:1}.wtrash-policy{display:flex;gap:10px;align-items:flex-start;margin:12px 0;padding:10px 12px;border:0;border-radius:8px;background:var(--surface-raised);font-size:12px}.wtrash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:6px;justify-content:start}.wtrash-card{border:0;border-radius:8px;background:transparent;padding:10px;display:grid;gap:8px;min-width:0}.wtrash-card:hover{background:var(--surface-hover)}

/* Auth / general elevated utility surfaces */
.authmain,.device-lock-page{margin:0;max-width:none;min-height:100vh;background:var(--desktop-bg);display:grid;place-items:center;padding:20px}.authcard,.crm-login-card,.device-lock-card{width:min(420px,calc(100vw - 32px));padding:24px;background:var(--surface-main);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-window)}.device-lock-screen{min-height:100vh;display:grid;place-items:center;background:var(--desktop-bg)}

/* Responsive */
.mobile-menu,.shade{display:none}
.global-theme-toggle{position:fixed;right:12px;top:11px;z-index:1200;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;display:grid;place-items:center;background:var(--surface-raised);border:1px solid var(--line);color:var(--muted);border-radius:8px;box-shadow:none}
.global-theme-toggle:hover{background:var(--control-hover);border-color:var(--line-strong);color:var(--text)}
.global-theme-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.theme-switch-track{display:grid;place-items:center;width:100%;height:100%;background:transparent;border:0;box-shadow:none}
.theme-switch-thumb{display:grid;place-items:center;width:100%;height:100%}
.theme-icon{display:none}
html[data-theme="modern_dark"] .theme-icon-sun{display:block}
html[data-theme="modern_light"] .theme-icon-moon{display:block}
@media(max-width:1399px){:root{--sidebar-width:234px;--preview-width:360px}.drive-search-scope{display:none}}
@media(max-width:1199px){:root{--app-edge:0px;--app-gap:0px;--sidebar-width:228px;--preview-width:360px}body.preview-open main:not(.authmain):not(.device-lock-page):not(.panel-preview-shell):not(.worktrack-sheet-main){margin-right:0;border-radius:0}.cloud-preview-drawer{right:0;top:0;bottom:0;box-shadow:-18px 0 48px rgba(0,0,0,.26)}.drive-commandbar{gap:5px}.drive-quick-action span{display:none}}
@media(max-width:800px){
body{background:var(--surface-main);min-height:100dvh}.app-sidebar{left:0;top:0;bottom:0;width:min(86vw,292px);border-radius:0;transform:translateX(-105%);box-shadow:18px 0 48px rgba(0,0,0,.18);transition:transform .16s ease;background:var(--sidebar-bg);color:var(--text);z-index:72;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}.menu-open .app-sidebar{transform:translateX(0)}
.app-sidebar nav a,.worktrack-side-row,.worktrack-side-home{color:var(--sidebar-text)}.app-sidebar nav a .navico,.worktrack-side-row .navico,.worktrack-side-home .navico{color:var(--sidebar-icon)}.app-sidebar nav a.active,.worktrack-side-row.active,.worktrack-side-home.active{color:var(--sidebar-active-text);background:var(--sidebar-active-bg)}
main:not(.authmain):not(.device-lock-page):not(.panel-preview-shell):not(.worktrack-sheet-main){margin:0;min-height:100dvh;border-radius:0;box-shadow:none}main:not(.authmain):not(.device-lock-page):not(.panel-preview-shell):not(.worktrack-sheet-main)>.page-shell{min-height:100dvh;padding:0 12px calc(24px + env(safe-area-inset-bottom))}.mobile-menu{display:grid;position:fixed;left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));z-index:82;width:36px;height:36px;min-height:36px;padding:0;place-items:center;background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:8px;color:var(--text);box-shadow:0 2px 10px rgba(0,0,0,.06)}.shade{display:block;position:fixed;inset:0;background:rgba(0,0,0,.16);z-index:64;opacity:0;pointer-events:none;transition:opacity .16s ease}.menu-open .shade{opacity:1;pointer-events:auto}html[data-theme="modern_dark"] .shade{background:rgba(0,0,0,.42)}.menu-open .mobile-menu{opacity:0;pointer-events:none}.global-theme-toggle{right:12px;top:12px}header,.compact-head,.file-header{margin:0 -12px;padding:48px 12px 9px;min-height:94px;align-items:flex-end}.drive-commandbar{margin:0 -12px 10px;padding:8px 12px;flex-wrap:wrap;overflow:visible}.drive-global-search-wrap{flex:1 1 100%;max-width:none}.drive-view-actions{width:100%;overflow-x:auto;margin-left:0}.drive-folder-grid,.drive-files-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.filecard{max-width:none}.drive-list-header.is-visible{display:none}.gallery.list-view .filecard,#driveDropTarget.list-view .filecard{grid-template-columns:38px minmax(0,1fr) 34px;height:48px;min-height:48px}.gallery.list-view .drive-list-owner,.gallery.list-view .drive-list-kind,.gallery.list-view .drive-list-size,.gallery.list-view .drive-list-date,#driveDropTarget.list-view .drive-list-owner,#driveDropTarget.list-view .drive-list-kind,#driveDropTarget.list-view .drive-list-size,#driveDropTarget.list-view .drive-list-date{display:none}.gallery.list-view .drive-more-btn,#driveDropTarget.list-view .drive-more-btn{grid-column:3}.cloud-preview-drawer{inset:0;width:100%;border-radius:0;border:0;box-shadow:none;padding-bottom:env(safe-area-inset-bottom)}.cloud-preview-drawer-head{height:52px;min-height:52px;padding-left:12px}.cloud-preview-content .rich-preview-canvas{min-height:220px;padding:10px}.cloud-preview-content .rich-preview-canvas img,.cloud-preview-content .rich-preview-canvas video{max-height:54vh}.work-head{grid-template-columns:1fr;align-items:start;padding:50px 0 10px;gap:8px}.work-actions{justify-content:flex-start;flex-wrap:wrap}.work-grid,.wtrash-grid{grid-template-columns:1fr}.voice-layout,.wt-settings-overview,.wt-settings-grid{grid-template-columns:1fr}.wt-settings-grid .full{grid-column:auto}.drive-create-grid{grid-template-columns:1fr}.messenger,.messenger-v5,.messenger-v6,.messenger-v7{grid-template-columns:1fr;height:auto;min-height:0;display:block}.chat-sidebar{max-height:270px;border-right:0;border-bottom:1px solid var(--line)}.mail-layout,.tour-layout,.ai-workspace,.auto-grid,.brain-grid,.brain-main-grid,.brain-easy-grid,.brain-native-layout{grid-template-columns:1fr}.rich-preview-layout{grid-template-columns:1fr}.appearance-choice-grid,.scale-options{grid-template-columns:repeat(2,minmax(0,1fr))}.global-top-actions{right:max(10px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top))}.global-top-actions #globalPanelAction{display:none}.global-top-action{width:34px;height:34px;min-width:34px;min-height:34px}.global-search-popover{left:max(8px,env(safe-area-inset-left))!important;right:max(8px,env(safe-area-inset-right))!important;top:54px!important;width:auto!important}.drive-commandbar>.drive-global-search-wrap{display:none}}
@media(max-width:460px){.drive-folder-grid,.drive-files-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filecard.file-tile{min-height:146px}.preview{height:106px;min-height:106px}.checks{grid-template-columns:1fr}.msg{max-width:90%}}

/* --------------------------------------------------------------------------
   6. FEATURE-SPECIFIC COMPONENTS
   -------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------
   6. IZGARA SAYFALARI — kullanıcılar, temalar, güvenlik, otomasyon, uygulamalar
   -------------------------------------------------------------------------- */
.usergrid,.themes,.crmthemes,.apps-grid,.compact-themes,.font-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.usercard,.theme-card,.app-card{padding:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);transition:transform .15s var(--ease),box-shadow .15s var(--ease),border-color .15s var(--ease)}.usercard:hover,.theme-card:hover,.app-card:hover{border-color:var(--line-strong)}
.usercard:hover,.theme-card:hover,.app-card:hover{transform:none;box-shadow:none;border-color:var(--line);background:var(--surface-hover)}
.userhead{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.userhead>span{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--accent2);color:var(--accent);font-weight:800}
.userhead h2{margin:0;font-size:17px}
.userhead small{color:var(--muted)}
.adminnote{padding:11px 13px;border-radius:var(--r-sm);color:var(--green);background:color-mix(in srgb,var(--green) 9%,transparent);font-size:12.5px}

.swatches{display:flex;height:66px;border-radius:var(--r-sm);overflow:hidden}
.swatches i{flex:1}
.theme-preview,.compact-themes .theme-preview{height:100px;border-radius:var(--r-lg) var(--r-lg) 0 0;position:relative;overflow:hidden;background:var(--p1)}
.theme-preview i{position:absolute;left:12px;top:14px;bottom:14px;width:30px;border-radius:7px;background:var(--p2)}
.theme-preview span,.theme-preview b,.theme-preview em{position:absolute;left:54px;height:8px;border-radius:5px;background:var(--p2)}
.theme-preview span{top:20px;width:40%}.theme-preview b{top:39px;width:62%}.theme-preview em{top:59px;width:48%;background:var(--p3)}
.theme-card{padding:0 0 15px;overflow:hidden}
.theme-card h2,.theme-card-copy h2{margin:14px 16px 4px;font-size:14.5px}
.theme-card p{color:var(--muted);margin:0 16px 13px;font-size:12px}
.theme-card.selected,.appearance-pick.selected{border-color:var(--accent);box-shadow:var(--ring)}
.appearance-check{border-radius:50%;box-shadow:0 2px 6px color-mix(in srgb,var(--accent) 40%,transparent)}
.font-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--soft)}
.font-card.selected{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:var(--accent2)}
.appearance-section{margin-top:16px;padding:18px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--shadow-1)}
.appearance-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}
.appearance-title h2{margin:0;font-size:16px}
.selected-pill{border:0;background:var(--accent2);color:var(--accent);font-weight:700}

.security-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:16px}
.security-stat,.security-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}
.security-stat{padding:17px}
.security-stat small{display:block;color:var(--muted);font-weight:700;font-size:11px}
.security-stat strong{display:block;font-size:22px;margin-top:7px}
.security-panel{padding:18px}
.session-list{display:grid;gap:9px}
.session-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--soft)}
.session-row small{color:var(--muted);margin-top:4px;line-height:1.45;display:block}
.status-dot,.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block}
.security-note{padding:13px;border:1px solid color-mix(in srgb,var(--green) 24%,var(--line));border-radius:var(--r-md);background:color-mix(in srgb,var(--green) 7%,var(--card));color:var(--muted);line-height:1.55;font-size:12.5px}

.apps-kicker{font-size:10px;letter-spacing:.13em;color:var(--muted);font-weight:800}
.apps-head,.ve-head,.auto-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px;flex-wrap:wrap}
.apps-head h1,.ve-head h1,.auto-head h1{margin:4px 0}
.app-card{min-height:220px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;color:inherit}
.app-card-top{display:flex;justify-content:space-between;align-items:center}
.app-symbol{width:44px;height:44px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--accent);color:#fff;font-size:16px;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 30%,transparent)}
.app-symbol.small{width:36px;height:36px;border-radius:var(--r-xs);font-size:13px}
.app-state,.version-badge,.auto-status{font-size:10px;font-weight:800;letter-spacing:.05em;padding:5px 9px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--green) 10%,transparent);color:var(--green);border:1px solid color-mix(in srgb,var(--green) 22%,var(--line))}
.app-card h2{margin:20px 0 6px;font-size:18px}
.app-card p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}
.app-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10.5px;margin-top:18px}

.ve-shell,.brain-shell,.auto-shell{min-width:0}
.ve-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:14px}


.ve-panel{display:none}.ve-panel.active{display:block}
.ve-runtime-wrap,.source-workspace,.tour-card,.brain-card,.auto-command-card,.auto-main,.auto-side,.current-version,.version-row,.brain-connect-card,.brain-chat-card,.brain-setup-card,.brain-chat-wide,.brain-native-main,.brain-side-card,.brain-usage,.automation-row{
  border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);
}
.ve-runtime-bar{height:42px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}
.ve-runtime-bar b{color:var(--text);font-weight:700;margin-right:auto}
.ve-runtime{display:block;width:100%;height:calc(100vh - 245px);min-height:560px;border:0;background:var(--surface-sunken)}
.tour-card,.brain-card,.auto-command-card{padding:17px}
.tour-card h2,.brain-card h2,.auto-command-card h2{margin:4px 0 5px;font-size:17px}
.tour-card p,.brain-card>p,.auto-command-card p{margin:0 0 12px;color:var(--muted);font-size:12px}
.tour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.tour-field{display:grid;gap:5px}
.tour-field.wide{grid-column:1/-1}
.tour-field span{font-size:11px;color:var(--muted);font-weight:700}
.tour-layout,.ai-workspace,.auto-grid,.brain-grid,.brain-main-grid,.brain-easy-grid,.brain-native-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:14px}
.ai-input-card,.ai-result-card{padding:17px}
.ai-big-input{min-height:320px;line-height:1.6}
.schema-list{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.schema-list span{font:700 10px "Geist Mono","SFMono-Regular",Consolas,monospace;border:1px solid var(--line);border-radius:var(--r-xs);padding:5px 8px;color:var(--muted);background:var(--soft)}
.source-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:15px 16px;border-bottom:1px solid var(--line)}
.source-head h2{font:800 16px "Geist Mono","SFMono-Regular",Consolas,monospace;margin:4px 0 5px}
.html-source-editor{display:block;width:calc(100% - 28px);height:calc(100dvh - 330px);min-height:420px;margin:12px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-sunken);color:var(--text);padding:14px;resize:vertical;outline:none;font:12px/1.55 "Geist Mono","SFMono-Regular",Consolas,monospace}
.html-source-editor:focus{border-color:color-mix(in srgb,var(--accent) 55%,var(--input-line));box-shadow:var(--ring)}

.auto-command-card textarea,.brain-card textarea{min-height:82px;resize:vertical}
.auto-command-actions,.brain-actions,.tour-actions,.ai-input-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:9px}
.auto-command-actions span,.brain-actions span,.tour-actions span{font-size:10px;color:var(--muted)}
.auto-plan-preview{margin-top:10px;border:1px solid color-mix(in srgb,var(--green) 22%,var(--line));background:color-mix(in srgb,var(--green) 6%,transparent);border-radius:var(--r-md);padding:11px 12px}
.auto-main,.auto-side,.brain-card,.brain-usage{padding:15px}
.auto-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}
.auto-count{font-size:10.5px;border:1px solid var(--line);padding:5px 9px;border-radius:var(--r-pill);color:var(--muted)}
.automation-list{display:grid;gap:8px}
.automation-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px}
.automation-icon{width:34px;height:34px;border-radius:var(--r-sm);background:var(--accent2);display:grid;place-items:center;font-weight:800;color:var(--accent)}
.automation-copy h3{font-size:12.5px;margin:0}
.automation-copy p{font-size:10.5px;color:var(--muted);margin:3px 0}
.automation-actions{display:flex;gap:6px}

.run-list{display:grid;gap:9px}
.run-row{display:grid;grid-template-columns:8px 1fr;gap:9px}
.run-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);margin-top:5px}
.current-version,.version-row{padding:14px 15px;display:flex;justify-content:space-between;align-items:center;gap:14px}
.current-version h3,.version-row h3{font-size:13.5px;margin:6px 0 4px}
.version-list{display:grid;gap:8px}
.versions-empty{border:1.5px dashed var(--line);border-radius:var(--r-md);padding:26px;text-align:center;color:var(--muted);font-size:12px}

.brain-connection-box,.brain-field,.brain-switch-row{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--r-md);padding:10px 12px;background:var(--soft)}
.brain-provider-mark{width:36px;height:36px;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--surface-raised);color:var(--text);font-weight:800}
.brain-connection-status.ok{color:var(--green)}
.brain-connection-status.bad{color:var(--danger)}
.brain-meter-grid{display:grid;grid-template-columns:minmax(220px,1.35fr) repeat(4,minmax(110px,.55fr));gap:9px}
.brain-meter-main,.brain-stat{border:1px solid var(--line);border-radius:var(--r-md);background:var(--soft);padding:11px;display:flex;align-items:center;gap:12px}
.brain-meter-ring{--meter:0%;width:62px;height:62px;flex:0 0 62px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(var(--accent) var(--meter),var(--line) 0);position:relative}
.brain-meter-ring:after{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--soft)}
.brain-meter-ring strong,.brain-meter-ring span{position:relative;z-index:1}
.brain-conversation{min-height:420px;max-height:58vh;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:12px;background:var(--surface-sunken)}
.brain-welcome{margin:auto;max-width:520px;text-align:center;color:var(--muted);padding:32px 14px}
.brain-welcome-icon{width:52px;height:52px;margin:0 auto 12px;border-radius:var(--r-md);display:grid;place-items:center;font-weight:900;background:var(--accent2);color:var(--accent)}
.brain-bubble{max-width:min(78%,760px);padding:11px 13px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--card);align-self:flex-start}
.brain-bubble-user{align-self:flex-end;background:var(--accent2);border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}
.brain-composer{padding:12px 14px 14px;border-top:1px solid var(--line);background:var(--card)}
.brain-composer textarea{min-height:78px;resize:none}
.brain-native-side{display:grid;gap:12px}
.brain-login-dialog,.brain-auth-dialog{width:min(980px,calc(100vw - 28px))}
.brain-browser-frame{position:relative;width:100%;aspect-ratio:1280/780;max-height:66vh;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-sunken);overflow:hidden;display:grid;place-items:center}
.google-login-btn{display:flex;align-items:center;justify-content:center;gap:9px}
.google-g{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;color:#111;font:900 12px/1 "Geist","Geist Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}

/* --------------------------------------------------------------------------
   7. MESAJLAR (chat)
   -------------------------------------------------------------------------- */
.messenger,.messenger-v5,.messenger-v6,.messenger-v7{
  display:grid;grid-template-columns:250px minmax(0,1fr);height:calc(100vh - 154px);min-height:610px;max-height:900px;
  border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);overflow:hidden;box-shadow:var(--shadow-1);
}
.chat-sidebar{padding:10px 9px;background:var(--soft);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:auto}
.chat-side-head{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 6px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em}
.people-label{margin-top:8px;border-top:1px solid var(--line);padding-top:13px}
.chat-list{display:grid;gap:3px}
.chat-list-empty{padding:9px;color:var(--muted);font-size:12px}
.chat-row{width:100%;display:flex;align-items:center;gap:9px;padding:8px 7px;border:1px solid transparent;border-radius:var(--r-xs);background:transparent;color:var(--text);text-align:left;cursor:pointer;min-width:0}
.chat-row:hover{background:var(--card)}
.chat-row.selected{background:var(--card);border-color:var(--line);box-shadow:inset 2px 0 0 var(--accent)}
.chat-icon,.chat-avatar{width:29px;height:29px;display:grid;place-items:center;flex:0 0 auto;border-radius:var(--r-xs);background:var(--accent2);color:var(--accent);font-size:12px;font-weight:800}
.chat-avatar{border-radius:50%;background:var(--card);border:1px solid var(--line);color:var(--text)}
.chat-row-text{min-width:0;flex:1}
.chat-row-text b{display:block;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-row-text small{display:block;font-size:10px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drag-handle{width:11px;color:var(--muted);opacity:.3;cursor:grab}
.pin-state{display:none;color:var(--accent);margin-left:auto}
.is-pinned .pin-state{display:grid}
.chat-row-menu{width:20px;height:24px;display:grid;place-items:center;padding:0;opacity:.5}

.conversation,.conversation-v5,.conversation-v6,.conversation-v7{display:grid;grid-template-rows:58px minmax(0,1fr) auto;min-width:0;background:var(--card)}
.conversation-head{min-height:58px;padding:9px 16px;background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:11px}
.conversation-title{min-width:0;flex:1}
.conversation-title b{display:block;font-size:13px;font-weight:700}
.conversation-title small{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.conversation-tools{display:flex;gap:5px}
#messages{overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:8px;padding:20px max(18px,calc((100% - 780px)/2));background:var(--surface-sunken)}
.message-empty{width:min(100%,520px);margin:auto;padding:28px 22px;border:1.5px dashed var(--line);border-radius:var(--r-md);background:color-mix(in srgb,var(--soft) 55%,transparent);color:var(--muted);text-align:center}
.msg{width:auto;max-width:min(76%,620px);padding:9px 12px;border-radius:var(--r-md) var(--r-md) var(--r-md) 5px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-1)}
.msg.mine{align-self:flex-end;background:var(--accent2);border-color:color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:var(--r-md) var(--r-md) 5px var(--r-md)}
.msg b,.msg>small{display:block;font-size:10px;color:var(--muted)}
.msg p{margin:4px 0;white-space:pre-wrap;word-break:break-word;line-height:1.5;font-size:13px}
.message-file{display:flex;align-items:center;gap:8px;min-width:220px;max-width:420px;padding:7px;border-radius:var(--r-sm);background:var(--card);border:1px solid var(--line);margin-top:6px}
.message-file-icon{width:32px;height:32px;border-radius:var(--r-xs);display:grid;place-items:center;background:var(--soft);border:1px solid var(--line);color:var(--accent);flex:0 0 auto}

.chat-composer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:8px;padding:11px 14px;border-top:1px solid var(--line);background:var(--card)}
.attach-btn{width:36px;height:36px;border-radius:var(--r-sm);display:grid;place-items:center;cursor:pointer;background:var(--soft);border:1px solid var(--line);color:var(--muted)}
.attach-btn input{display:none}
.composer-main{min-width:0;border:1px solid var(--line);border-radius:var(--r-md);background:var(--soft);padding:6px 9px}
.composer-main textarea{display:block;width:100%;min-height:30px;max-height:110px;resize:vertical;border:0;background:transparent;padding:4px;box-shadow:none;font-size:13px}
.file-chips{display:flex;gap:5px;flex-wrap:wrap}
.file-chips span{max-width:200px;padding:4px 7px;border-radius:var(--r-xs);background:var(--card);border:1px solid var(--line);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.send-btn{height:38px;padding:0 15px;border-radius:var(--r-sm);background:var(--accent);color:var(--primary-ink);border:0;display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700}
.send-btn:disabled{opacity:.42}

/* --------------------------------------------------------------------------
   8. DOSYA KASA / VAULT
   -------------------------------------------------------------------------- */
.vault-unlock{max-width:480px;margin:60px auto;padding:28px;display:grid;gap:13px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-1)}
.vault-lock-icon{width:56px;height:56px;border-radius:var(--r-md);margin:auto;display:grid;place-items:center;background:var(--accent2);color:var(--accent);font-size:26px}
.vault-unlock h2{margin:2px 0 5px;font-size:21px}
.vault-unlock-form{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:6px}
.vault-toolbar{padding:12px 14px}
.vault-card .fileicon{background:var(--soft);border:1px solid var(--line);color:var(--accent)}

/* --------------------------------------------------------------------------
   9. GİRİŞ / AUTH / CRM benzeri kayıt sayfaları
   -------------------------------------------------------------------------- */
.authcard{width:min(100%,400px);padding:34px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-3)}
.authcard .authlogo{margin-bottom:16px;width:44px;height:44px;font-size:19px}
.authcard h1{margin:0 0 5px;font-size:24px}
.authcard form{display:grid;gap:14px;margin-top:22px}
.crm-login-shell{display:grid;place-items:center;min-height:100vh}
.crm-login-card{width:min(420px,100%);padding:34px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-3)}
.crm-login-mark{width:44px;height:44px;border-radius:var(--r-sm);background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:800}
.crm-login-eyebrow{font-size:10px;letter-spacing:.12em;color:var(--accent);font-weight:800}
.crm-login-submit{width:100%;height:44px}

/* --------------------------------------------------------------------------
   10. MAIL
   -------------------------------------------------------------------------- */
.mail-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.7fr);gap:14px}
.mail-compose-card,.mail-settings-card,.mail-central-help{padding:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}
.mail-compose-form{display:grid;gap:11px}
.mail-status{font-size:11.5px;padding:3px 8px;border-radius:var(--r-pill);background:var(--accent2);color:var(--accent)}
.mail-dialog-head{display:flex;align-items:center;gap:11px;padding:20px 20px 4px}
.mail-dialog-icon{width:38px;height:38px;border-radius:var(--r-sm);background:var(--accent2);color:var(--accent);display:grid;place-items:center;font-size:18px}
.mail-attach-hint{color:var(--muted);font-size:11px}

/* --------------------------------------------------------------------------
   11. PAYLAŞ MERKEZİ
   -------------------------------------------------------------------------- */
.share-list{display:grid;gap:8px}
.share-list>article{display:flex;align-items:center;gap:12px;padding:13px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md)}
.share-pill,.share-badge{font-size:10.5px;padding:4px 9px;border-radius:var(--r-pill);background:var(--accent2);color:var(--accent);font-weight:700}

/* --------------------------------------------------------------------------
   12. ÇÖP KUTUSU / PLANLI SİLME
   -------------------------------------------------------------------------- */
.trash-bulkbar,.table-trash-bulkbar,.scheduled-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;flex-wrap:wrap}
.scheduled-list{display:grid;gap:9px}
.scheduled-item{display:flex;align-items:center;gap:12px;padding:13px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md)}
.scheduled-dot{width:8px;height:8px;border-radius:50%;background:var(--warn)}
.scheduled-countdown{font-size:11px;color:var(--warn);font-weight:700}

/* --------------------------------------------------------------------------
   13. NATIVE TABLOLAR (tables.html liste sayfası)
   -------------------------------------------------------------------------- */
.table-card-main{display:flex;align-items:center;gap:11px;padding:14px}
.table-plan-badge,.vault-plan-badge{font-size:9.5px;padding:3px 7px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--warn) 15%,transparent);color:var(--warn)}
.cloud-table-wrap{border:1px solid var(--line);border-radius:var(--r-lg);overflow:auto;background:var(--card)}
.cloud-table{border-collapse:collapse;width:100%;font-size:12.5px}
.cloud-table td,.cloud-table th{border:1px solid var(--line);padding:6px 8px}

/* --------------------------------------------------------------------------
   15. İKON DÜZELTMELERİ — bozuk/renksiz kalan dosya ve tema ikonları
   -------------------------------------------------------------------------- */
/* Klasör ikonu: aksana hafifçe bağlı, camsı üst parlaklık ile Apple/Big Sur hissi */




/* Genel dosya / arşiv ikonları: türe göre renkli, katlı köşeli "sayfa" rozeti */
.generic-file-icon,.archive-file-icon{
  width:54px;height:54px;position:relative;display:grid;place-items:center;
}
.generic-file-icon i,.archive-file-icon i{
  width:36px;height:44px;border-radius:7px 7px 7px 7px;position:relative;display:block;
  background:var(--ib,var(--accent));
  box-shadow:0 8px 16px color-mix(in srgb,var(--ib,var(--accent)) 42%,transparent);
}
.generic-file-icon i:after,.archive-file-icon i:after{
  content:"";position:absolute;right:0;top:0;width:13px;height:13px;border-radius:0 0 0 4px;
  background:color-mix(in srgb,#000 20%,var(--ib,var(--accent)));clip-path:polygon(0 0,100% 100%,0 100%);
}
.generic-file-icon b,.archive-file-icon b{
  position:absolute;font-size:8.5px;font-weight:800;letter-spacing:.02em;color:var(--if,#fff);
  bottom:16px;text-shadow:0 1px 2px rgba(0,0,0,.18);
}
.archive-file-icon.small,.generic-file-icon.small{width:34px;height:34px}
.archive-file-icon.small i,.generic-file-icon.small i{width:24px;height:29px;border-radius:5px}
.archive-file-icon.small b,.generic-file-icon.small b{font-size:6.5px;bottom:10px}

/* Küçük önizleme köşesindeki tür rozeti: her tür kendi rengini kullanmalı (sabit kırmızı DEĞİL) */
.filetype-corner{
  position:absolute;right:8px;bottom:8px;padding:3px 8px;border-radius:7px;
  background:var(--ib,var(--accent));color:var(--if,#fff);font-size:9.5px;font-weight:800;
  letter-spacing:.02em;box-shadow:0 3px 10px rgba(0,0,0,.28);backdrop-filter:blur(6px);
}


/* Büyük tip ikonu: dosya önizleme / planlı silme kartlarında kullanılan hero rozet */
.big-type-icon{
  width:72px;height:72px;border-radius:var(--r-lg);display:grid;place-items:center;position:relative;
  background:var(--ib,var(--accent));
  box-shadow:0 12px 26px color-mix(in srgb,var(--ib,var(--accent)) 34%,transparent);
}
.big-type-icon b{color:var(--if,#fff);font-size:14px;font-weight:800;letter-spacing:.02em}
.big-type-icon.small{width:52px;height:52px;border-radius:var(--r-md)}
.big-type-icon.small b{font-size:11px}
.big-type-icon.tiny{width:40px;height:40px;border-radius:var(--r-sm)}
.big-type-icon.tiny b{font-size:9px}

/* --------------------------------------------------------------------------
   16. GÖRÜNÜM SAYFASI — seçili rozeti, arayüz ölçeği ve özel tema paneli
   -------------------------------------------------------------------------- */
.appearance-choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.appearance-pick-form{margin:0}
.appearance-pick{position:relative;width:100%;text-align:left;cursor:pointer}
.appearance-check{
  position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;
  display:none;align-items:center;justify-content:center;font-size:12px;font-weight:900;
  background:var(--accent);color:var(--primary-ink);z-index:2;
  box-shadow:0 3px 8px color-mix(in srgb,var(--accent) 45%,transparent);
}
.appearance-pick.selected .appearance-check{display:flex}
.custom-theme-choice-form{margin:0}
.custom-choice-preview{background:var(--p1)}

.font-card{position:relative}
.font-card .appearance-check{position:static;display:none;flex:0 0 auto}
.font-card.selected .appearance-check{display:flex}
.font-card>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.font-card b{font-size:13px}
.font-card span{font-size:11.5px;color:var(--muted)}
.font-card p{margin:2px 0 0;font-size:11px;color:var(--muted)}

.scale-section .appearance-title{margin-bottom:10px}
.scale-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.scale-card{
  position:relative;padding:14px 12px;border-radius:var(--r-md);border:1px solid var(--line);
  background:var(--soft);text-align:left;transition:border-color .14s,background .14s,box-shadow .14s;
}
.scale-card:hover{background:var(--surface-hover)}
.scale-card.selected{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:var(--accent2);box-shadow:var(--ring)}
.scale-card b{display:block;font-size:16px;font-weight:800}
.scale-card small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.scale-card .appearance-check{top:8px;right:8px;width:20px;height:20px;font-size:10px}
.scale-note{color:var(--muted);font-size:12px;margin-top:12px}
#scaleNow{color:var(--accent);font-weight:800;font-size:13px}

.custom-theme-section .appearance-title{align-items:center;display:flex;justify-content:space-between}
.custom-theme-icon{width:38px;height:38px;border-radius:var(--r-sm);background:var(--accent2);color:var(--accent);display:grid;place-items:center}
.custom-theme-icon svg{width:19px;height:19px}
.custom-theme-panel{
  display:grid;gap:16px;padding:20px;background:var(--card);border:1px solid var(--line);
  border-radius:var(--r-lg);box-shadow:var(--shadow-1);
}
.custom-theme-live{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:center}
.custom-color{display:grid;gap:5px}
.custom-color>span{color:var(--text);font-size:12.5px;font-weight:650}
.custom-color small{color:var(--muted);font-size:10.5px}
.custom-color-control{display:flex;align-items:center;gap:8px}
.custom-color-control input[type=color]{width:38px;height:38px;padding:2px;border-radius:var(--r-sm);cursor:pointer}
.custom-color-control b{font-size:12px;font-weight:700;letter-spacing:.02em}
.custom-mini-preview,.theme-preview.custom-choice-preview{position:relative;width:96px;height:64px;border-radius:var(--r-md);overflow:hidden;background:var(--p1,var(--soft));border:1px solid var(--line);justify-self:end}
.custom-mini-preview i{position:absolute;left:8px;top:9px;bottom:9px;width:18px;border-radius:5px;background:var(--p2,var(--accent2))}
.custom-mini-preview span,.custom-mini-preview b,.custom-mini-preview em{position:absolute;left:32px;height:6px;border-radius:4px;background:var(--p2,var(--accent2))}
.custom-mini-preview span{top:14px;width:36%}.custom-mini-preview b{top:27px;width:52%}.custom-mini-preview em{top:40px;width:40%;background:var(--p3,var(--accent))}
.custom-range{display:grid;gap:6px}
.custom-range>span{display:flex;justify-content:space-between;font-size:12.5px;font-weight:650;color:var(--text)}
.custom-range output{color:var(--accent);font-weight:800}
.custom-range small{display:flex;justify-content:space-between;color:var(--muted);font-size:10.5px}
.custom-theme-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.custom-theme-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:4px;border-top:1px solid var(--line)}
.custom-theme-foot span{color:var(--muted);font-size:11.5px}

/* --------------------------------------------------------------------------
   17. DRIVE — eksik yardımcı bileşenler (araç çubuğu, yükleme ve transfer diyalogları)
   -------------------------------------------------------------------------- */
.drive-global-search-wrap{position:relative;flex:1;min-width:220px}

.drive-location-current{display:flex;align-items:center;gap:10px;min-width:0}
.drive-toolbar-meta{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.drive-drop-folder{color:inherit}
.drive-drop-hover{outline:2px solid var(--accent);outline-offset:-2px;background:var(--accent2)}
.drive-root-strip{
  display:none;align-items:center;gap:12px;padding:12px 16px;margin-bottom:12px;
  border-radius:var(--r-lg);border:1.5px dashed color-mix(in srgb,var(--accent) 35%,var(--line));
  background:color-mix(in srgb,var(--accent) 5%,var(--card));
}
body.drive-dragging .drive-root-strip{display:flex}
.drive-root-strip>div{flex:1;display:flex;flex-direction:column;gap:2px}
.drive-root-strip small{color:var(--muted);font-size:10px;letter-spacing:.05em;font-weight:800}
.drive-root-strip b{font-size:13px}
.drive-root-strip span{color:var(--muted);font-size:11px}
.drive-root-strip strong{color:var(--accent);font-size:10.5px;letter-spacing:.05em}
.drive-selection-info{display:flex;align-items:center;gap:10px;min-width:0}
.drive-selection-info span{color:var(--muted);font-size:11.5px}
.drive-more-actions-toggle{cursor:pointer}

.drive-drop-overlay:not([hidden]){position:fixed;inset:0;z-index:3000;display:grid;place-items:end center;padding-bottom:26px;pointer-events:none}
.drive-drop-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.drive-drop-kicker{color:var(--accent);font-size:9.5px;font-weight:800;letter-spacing:.09em}
#driveDropIcon{width:34px;height:34px;border-radius:50%;background:var(--accent2);color:var(--accent);display:grid;place-items:center;font-weight:800;flex:0 0 auto}

.drive-confirm-dialog form,.drive-rename-dialog form,.drive-details-dialog form{padding:22px}
.drive-confirm-icon{width:42px;height:42px;border-radius:var(--r-sm);display:grid;place-items:center;background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger);margin-bottom:4px}
.drive-confirm-icon svg{width:20px;height:20px}
.drive-confirm-copy{display:flex;flex-direction:column;gap:4px}
.drive-details-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.drive-transfer-dialog{width:min(94vw,560px);max-height:min(88vh,720px);overflow:hidden}
.drive-transfer-dialog form{padding:0;gap:0;display:grid;grid-template-rows:auto auto auto minmax(180px,1fr) auto;min-height:min(620px,82vh);max-height:88vh;overflow:hidden}
.drive-transfer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 18px 14px;border-bottom:1px solid var(--line)}
.drive-transfer-head-copy{display:flex;align-items:flex-start;gap:11px;min-width:0}.drive-transfer-head-copy>div{min-width:0;display:grid;gap:2px}.drive-transfer-head h2{font-size:16px;line-height:1.25}.drive-transfer-head p{font-size:11.8px;color:var(--muted);line-height:1.45}
.drive-transfer-icon{width:36px;height:36px;border-radius:7px;background:var(--surface-selected);color:var(--accent);display:grid;place-items:center;flex:0 0 auto}.drive-transfer-icon svg{width:18px;height:18px}
.drive-transfer-nav{height:48px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 12px;border-bottom:1px solid var(--line);background:var(--surface-main)}
.drive-transfer-back{width:32px;height:32px;padding:0;display:grid;place-items:center}.drive-transfer-new-folder{height:32px;padding:0 9px;white-space:nowrap}
.drive-transfer-crumbs{display:flex;align-items:center;gap:3px;min-width:0;overflow:hidden;white-space:nowrap}.drive-transfer-crumbs span{color:var(--metadata);font-size:11px;flex:0 0 auto}.drive-transfer-crumbs button{height:28px;min-height:28px;max-width:180px;padding:0 6px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:11.5px;font-weight:540;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drive-transfer-crumbs button:hover{background:var(--surface-hover);color:var(--text)}.drive-transfer-crumbs button[aria-current="page"]{color:var(--text);font-weight:620}
.drive-folder-search{margin:10px 12px 8px;display:flex;align-items:center;gap:8px;padding:0 10px;height:34px;border-radius:7px;background:var(--input);border:1px solid var(--line)}.drive-folder-search:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}.drive-folder-search svg{width:15px;height:15px;color:var(--metadata);flex:0 0 auto}.drive-folder-search input{width:100%;border:0;background:transparent;padding:0;color:var(--text);font-size:12px;outline:0}
.drive-folder-list{margin:0 12px 10px;min-height:180px;max-height:360px;overflow:auto;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;background:var(--surface-main)}
.drive-folder-choice{display:grid;grid-template-columns:30px minmax(0,1fr) 20px;align-items:center;gap:9px;width:100%;min-height:48px;padding:6px 10px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;text-align:left;color:var(--text)}.drive-folder-choice:last-child{border-bottom:0}.drive-folder-choice:hover{background:var(--surface-hover)}.drive-folder-choice:active{background:var(--surface-pressed)}.drive-folder-choice.invalid-target{opacity:.5;cursor:not-allowed}.drive-folder-choice.invalid-target:hover{background:transparent}
.drive-folder-choice-icon{width:28px;height:28px;border-radius:6px;background:var(--surface-raised);color:var(--accent);display:grid;place-items:center;flex:0 0 auto}.drive-folder-choice-icon svg{width:16px;height:16px}.drive-folder-choice-copy{min-width:0;display:grid;gap:2px}.drive-folder-choice-copy b{font-size:12.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drive-folder-choice-copy small{font-size:10.8px;color:var(--metadata);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drive-folder-choice-arrow{color:var(--metadata);font-size:17px;text-align:center}
.drive-folder-loading,.drive-folder-empty{min-height:150px;padding:24px;text-align:center;color:var(--metadata);font-size:12px;display:grid;place-items:center;align-content:center;gap:4px}.drive-folder-empty b{color:var(--muted);font-size:12.5px}.drive-folder-empty span{font-size:11px}
.drive-transfer-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid var(--line);background:var(--surface-main)}.drive-transfer-destination{min-width:0;display:grid;gap:1px}.drive-transfer-destination small{font-size:9.5px;font-weight:700;letter-spacing:.05em;color:var(--metadata)}.drive-transfer-destination b{font-size:12px;font-weight:620;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drive-transfer-destination span{font-size:10.5px;color:var(--metadata);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drive-transfer-destination span.is-error{color:var(--danger)}.drive-transfer-footer .dialog-actions{margin:0;display:flex;gap:6px}.drive-transfer-footer .dialog-actions button{height:32px;min-height:32px}


.drive-context-signature .drive-context-group{display:grid;gap:1px}
.drive-context-destructive{margin-top:0}
.drive-more-actions{display:grid;gap:1px;padding-top:2px}
.chev{margin-left:auto;color:var(--muted)}
.menu-icon-spacer{width:15px;height:15px;display:inline-block;flex:0 0 auto}

/* ortak yükleme bileşenleri: gallery, vault, chat dosya seçici diyalogları */
.upload-picker form{padding:0}
.upload-picker-head,.drive-upload-head{display:flex;align-items:center;gap:12px;padding:20px 20px 6px}
.upload-picker-icon{width:38px;height:38px;border-radius:var(--r-sm);background:var(--accent2);color:var(--accent);display:grid;place-items:center;flex:0 0 auto}
.upload-picker-icon svg{width:18px;height:18px}
.upload-types,.drive-upload-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:16px 20px}




.upload-selection,.drive-upload-selection{padding:0 20px 16px;color:var(--muted);font-size:12px;max-height:200px;overflow-y:auto;display:grid;gap:6px}
.upload-selected-summary{padding:0 20px 8px;color:var(--muted);font-size:11.5px;display:flex;flex-direction:column;gap:1px}
.upload-selected-summary b{color:var(--text);font-size:13px}
.upload-add-more{margin:0 20px 8px;width:calc(100% - 40px);height:36px;border-radius:var(--r-sm);background:var(--soft);border:1px dashed var(--line);color:var(--accent);font-weight:700}
.upload-file-row{display:flex;align-items:center;gap:10px;padding:6px;border-radius:var(--r-xs);background:var(--soft);border:1px solid var(--line)}
.upload-file-preview{width:34px;height:34px;border-radius:var(--r-xs);overflow:hidden;display:grid;place-items:center;background:var(--card);flex:0 0 auto}
.upload-file-preview img{width:100%;height:100%;object-fit:cover}
.upload-file-glyph{font-size:8.5px;font-weight:800;color:var(--accent)}
.upload-file-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}
.upload-file-copy b{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.upload-file-copy small{color:var(--muted);font-size:10px}
.upload-file-remove{width:22px;height:22px;padding:0;border-radius:50%;background:transparent;border:0;color:var(--muted);flex:0 0 auto}
.upload-file-remove:hover{background:var(--card);color:var(--danger)}
.picker-upload-progress,.drive-upload-progress{margin:0 20px 14px}
.picker-upload-progress{display:flex;flex-direction:column;gap:6px}
.picker-upload-progress div{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted)}
.picker-upload-progress i{display:block;height:5px;border-radius:var(--r-pill);background:var(--soft);overflow:hidden}
.picker-upload-progress i span{display:block;height:100%;background:var(--accent);transition:width .18s}
.upload-destination,.drive-location-bar{display:flex;align-items:center;gap:10px;margin:0 20px 14px;padding:10px 13px;border-radius:var(--r-md);background:var(--soft);border:1px solid var(--line)}
.upload-destination-icon{width:28px;height:28px;border-radius:var(--r-xs);background:var(--accent2);color:var(--accent);display:grid;place-items:center;flex:0 0 auto}
.upload-destination-icon svg{width:14px;height:14px}
.upload-destination>div{flex:1;min-width:0}
.upload-destination small{color:var(--muted);font-size:9.5px;font-weight:800;letter-spacing:.06em}
.upload-destination b{display:block;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drive-location-status{color:var(--green);font-size:11px;font-weight:700}
.drive-upload-stage{margin:0 20px;border:1.5px dashed var(--line);border-radius:var(--r-lg);padding:26px 16px;display:grid;justify-items:center;gap:6px;text-align:center;cursor:pointer;transition:border-color .16s,background .16s}
.drive-upload-stage.is-dragover{border-color:var(--accent);background:var(--accent2)}
.drive-upload-stage-mark{margin-bottom:4px}
.drive-upload-stage p{color:var(--muted);font-size:11.5px;margin:0}
.drive-upload-dialog .dialog-actions{padding:16px 20px 20px}

/* Upload visibility + fixed queue feedback. Keep [hidden] authoritative even on
   components that use grid/flex display so upload state can never get stuck. */
.upload-selected-summary[hidden],.upload-add-more[hidden],.drive-upload-selection[hidden],.picker-upload-progress[hidden],.cloud-upload-queue-panel[hidden]{display:none!important}
.cloud-upload-queue-panel{position:fixed;right:18px;bottom:18px;z-index:12000;width:min(380px,calc(100vw - 28px));max-height:min(440px,70vh);overflow:hidden;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface-raised);box-shadow:var(--shadow-pop);color:var(--text)}
.cloud-upload-queue-head{min-height:48px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);background:var(--surface-main)}
.cloud-upload-queue-head b{min-width:0;font-size:12.8px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-upload-queue-head span{flex:0 0 auto;font-size:11px;font-weight:700;color:var(--metadata)}
.cloud-upload-queue-list{max-height:340px;overflow:auto;padding:5px}.cloud-upload-queue-list>div{display:grid;grid-template-columns:10px minmax(0,1fr);column-gap:8px;row-gap:1px;padding:8px;border-radius:8px}.cloud-upload-queue-list>div:hover{background:var(--surface-hover)}
.cloud-upload-queue-list b{grid-column:2;min-width:0;font-size:11.8px;font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-upload-queue-list small{grid-column:2;color:var(--metadata);font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cloud-upload-dot{grid-column:1;grid-row:1/3;align-self:center;width:8px;height:8px;border-radius:50%;background:var(--metadata)}.cloud-upload-dot.state-uploading{background:var(--accent);animation:cloudUploadPulse 1s ease-in-out infinite}.cloud-upload-dot.state-success{background:var(--green)}.cloud-upload-dot.state-error{background:var(--danger)}
.upload-file-row-progress{min-width:30px;text-align:right;color:var(--metadata);font-size:10.5px;font-weight:700}.upload-state-success .upload-file-row-progress{color:var(--green)}.upload-state-error .upload-file-row-progress{color:var(--danger)}
@keyframes cloudUploadPulse{50%{opacity:.38}}
@media(max-width:800px){.cloud-upload-queue-panel{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));width:auto;max-height:48vh}.cloud-upload-queue-list{max-height:32vh}}

/* --------------------------------------------------------------------------
   18. TABLOLAR — flat, aligned productivity list/grid
   -------------------------------------------------------------------------- */
.sheets-home{display:flex;flex-direction:column;gap:10px;min-width:0}
.sheets-head{min-height:56px;margin:0 -18px;padding:0 60px 0 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);background:var(--surface-main)}
.sheets-heading{display:flex;align-items:center;min-width:0}.sheets-heading h1{font-size:16px;font-weight:630;color:var(--text);margin:0}
.sheet-home-actions{display:flex;align-items:center;gap:6px}
.sheet-create{height:32px;min-height:32px;padding:0 11px;border-radius:7px;border:1px solid var(--primary-control-border);background:var(--primary-control-bg);color:var(--primary-control-text);font-size:12.7px;font-weight:580}
.sheet-create:hover{background:var(--primary-control-hover);border-color:var(--primary-control-hover-border);color:var(--primary-control-text)}
.sheet-create span{font-size:14px;line-height:1}
.sheet-tabs{display:flex;gap:4px;margin:2px 0 0;border-bottom:1px solid var(--line)}
.sheet-tabs button{height:34px;min-height:34px;padding:0 9px;border:0;border-radius:6px 6px 0 0;background:transparent;color:var(--muted);font-size:12.5px;font-weight:550}
.sheet-tabs button:hover{background:var(--surface-hover);color:var(--text)}
.sheet-tabs button.active{background:transparent;color:var(--text);box-shadow:inset 0 -2px 0 var(--text)}
.sheet-tabs button span{margin-left:4px;color:var(--metadata);font-size:11px;font-weight:560}
.sheet-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:2px 0 4px}
.sheet-toolbar .drive-search{width:min(360px,100%);flex:0 1 360px}
.sheet-view-switch{display:flex;gap:2px;padding:2px;border:1px solid var(--line);border-radius:7px;background:var(--control-bg)}
.sheet-view-switch button{width:28px;height:28px;min-height:28px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--metadata)}
.sheet-view-switch button:hover{background:var(--surface-hover);color:var(--text)}
.sheet-view-switch button.active{background:var(--surface-selected);color:var(--text)}
.sheet-panel{display:none;min-width:0}.sheet-panel.active{display:block}
.table-drive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px 10px;align-items:start;width:100%;min-width:0}
.table-drive-card{position:relative;min-width:0;height:64px;display:flex;align-items:center;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);overflow:hidden}
.table-drive-card:hover{background:var(--surface-hover);border-color:var(--line)}
.table-card-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1;height:64px;padding:8px 40px 8px 8px;text-decoration:none;color:inherit}
.table-card-main>div{min-width:0;display:grid;gap:3px}
.table-card-main b{display:block;min-width:0;font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.table-card-main small{display:block;min-width:0;color:var(--metadata);font-size:11.3px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.table-card-main time{display:none}
.mini-sheet-icon{width:34px;height:34px;border-radius:6px;background:var(--surface-raised);border:1px solid var(--line);display:grid;place-items:center;flex:0 0 auto;color:var(--muted)}
.mini-sheet-icon svg{width:17px;height:17px;color:currentColor}
.mini-sheet-icon.muted-icon{background:var(--surface-raised);color:var(--metadata)}
.sheet-more{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:30px;height:30px;min-height:30px;padding:0;border-radius:6px;background:transparent;border:0;color:var(--metadata)}
.sheet-more:hover{background:var(--surface-selected);color:var(--text)}
.table-plan-badge{width:max-content;font-size:9.5px;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--warn) 12%,transparent);color:var(--warn)}
.table-drive-grid.sheet-list{display:block}
.table-drive-grid.sheet-list .table-drive-card{height:44px;min-height:44px;border-radius:0;border-bottom:1px solid var(--table-line)}
.table-drive-grid.sheet-list .table-card-main{height:44px;padding:5px 40px 5px 6px}
.table-drive-grid.sheet-list .mini-sheet-icon{width:30px;height:30px}
.table-drive-grid.sheet-list .table-card-main>div{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,.7fr);align-items:center;gap:12px;width:100%}
.table-drive-grid.sheet-list .table-card-main small{margin:0;text-align:right}
.table-drive-grid.sheet-list .sheet-more{right:4px}
.sheet-empty{grid-column:1/-1;min-height:160px;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;color:var(--metadata);border:0;border-radius:0}
.sheet-empty strong{color:var(--muted);font-size:13px;font-weight:580}
.sheet-context{position:fixed;z-index:4000;width:230px;padding:5px;border:1px solid var(--line);border-radius:9px;background:var(--menu);box-shadow:var(--shadow-pop)}
.sheet-context-title{padding:7px 9px 8px;border-bottom:1px solid var(--line);margin-bottom:4px}.sheet-context-title b{font-size:12.5px;color:var(--text)}
.sheet-context-title small{display:none}
.sheet-context button.danger-text{color:var(--danger)}
.sheet-context button.danger-text:hover{background:color-mix(in srgb,var(--danger) 9%,transparent);color:var(--danger)}
.table-preview{display:flex;align-items:center;justify-content:center;background:var(--surface-raised)}
.table-trash-select,.trash-select{position:absolute;top:50%;left:8px;transform:translateY(-50%);z-index:2}
.trash-grid .table-drive-card{padding-left:28px}.trash-actions{display:flex;gap:5px;margin-left:auto;padding-right:6px}
.legacy-note{display:none}
/* --------------------------------------------------------------------------
   19. ÇÖP KUTUSU / PAYLAŞ / PLANLI SİLME / MAIL — tamamlayıcı sınıflar
   -------------------------------------------------------------------------- */
.trash-policy{display:flex;align-items:center;gap:12px;padding:13px 16px;margin-bottom:14px;border-radius:var(--r-lg);background:var(--soft);border:1px solid var(--line)}
.trash-policy>span{width:36px;height:36px;border-radius:var(--r-sm);background:var(--accent2);color:var(--accent);display:grid;place-items:center;font-size:16px;flex:0 0 auto}
.trash-note{display:flex;align-items:center;gap:12px;padding:12px 15px;margin-bottom:12px;border-radius:var(--r-md);background:var(--soft);border:1px solid var(--line)}
.trash-note>span{font-size:18px}
.unified-trash-grid{display:grid;gap:8px}
.unified-trash-card{position:relative;display:flex;align-items:center;gap:12px;padding:13px 13px 13px 40px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md)}
.unified-trash-card.is-selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--card))}
.trash-item-check,.table-trash-check{width:18px;height:18px;accent-color:var(--accent)}
.trash-select,.table-trash-select{display:grid;place-items:center;cursor:pointer}
.trash-select span,.table-trash-select span{display:none}
.trash-kind{width:34px;height:34px;border-radius:var(--r-sm);background:var(--accent2);color:var(--accent);display:grid;place-items:center;flex:0 0 auto}
.trash-kind svg{width:17px;height:17px}
.unified-trash-card small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.unified-trash-card time{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.trash-card-actions{display:flex;gap:6px;margin-left:auto}

.share-panel{display:flex;flex-direction:column;gap:10px}
.share-list>article{flex-wrap:wrap}
.share-list>article>div:first-child{flex:1;min-width:220px;display:flex;flex-direction:column;gap:4px}
.share-list>article code{font-size:11px;color:var(--muted);background:var(--soft);padding:3px 7px;border-radius:6px;width:fit-content;overflow-wrap:anywhere}
.share-list>article>div:last-child{display:flex;gap:8px}
.share-rights{display:grid;gap:8px;padding:11px;border-radius:var(--r-sm);background:var(--soft);border:1px solid var(--line)}
.share-rights label{display:flex;align-items:center;gap:8px;flex-direction:row;color:var(--text);font-weight:550}
.share-rights input{width:16px;height:16px;accent-color:var(--accent)}

.scheduled-summary{display:flex;flex-direction:column;align-items:flex-end;gap:1px}
.scheduled-summary b{font-size:22px;color:var(--accent)}
.scheduled-summary span{font-size:10.5px;color:var(--muted);font-weight:800;letter-spacing:.05em}
.scheduled-summary small{color:var(--muted);font-size:11px}
.scheduled-sort{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}
.scheduled-sort a{color:var(--muted);text-decoration:none;padding:5px 9px;border-radius:var(--r-xs)}
.scheduled-sort a.active{color:var(--accent);background:var(--accent2);font-weight:700}
.scheduled-legend{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11.5px}
.scheduled-preview{width:64px;height:64px;border-radius:var(--r-md);overflow:hidden;flex:0 0 auto;position:relative;background:var(--soft);display:grid;place-items:center}
.scheduled-preview img{width:100%;height:100%;object-fit:cover}
.scheduled-folder{width:46px;height:34px;border-radius:5px 8px 8px 8px;background:color-mix(in srgb,var(--accent) 80%,var(--surface-main))}
.scheduled-special-icon{font-size:22px;color:var(--accent)}
.scheduled-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.scheduled-name-row{display:flex;align-items:center;gap:10px}
.scheduled-name-row b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scheduled-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:11px}
.scheduled-meta span{display:flex;align-items:center;gap:5px}
.scheduled-meta svg{width:13px;height:13px}
.scheduled-missing{color:var(--danger)}
.scheduled-actions{display:flex;gap:6px;flex:0 0 auto}
.danger-lite{background:transparent;color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 25%,var(--line))}
.danger-lite:hover{background:color-mix(in srgb,var(--danger) 8%,transparent)}
.scheduled-item.missing{opacity:.6}
.scheduled-empty{grid-column:1/-1;min-height:220px;display:grid;place-items:center;gap:8px;text-align:center;color:var(--muted);border:1.5px dashed var(--line);border-radius:var(--r-lg)}
.scheduled-empty svg{width:38px;height:38px;color:var(--accent)}

.mail-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mail-compose-actions span{color:var(--muted);font-size:11.5px;max-width:320px}
.mail-settings-form{display:grid;gap:11px}
.mail-central-help{color:var(--muted);font-size:12px;line-height:1.55;padding:13px}

/* --------------------------------------------------------------------------
   20. UYGULAMALAR / KULLANICILAR — ek rozet varyasyonları
   -------------------------------------------------------------------------- */
.apps-head{padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}
.apps-kicker{font-size:10px;letter-spacing:.13em;font-weight:800;color:var(--accent)}
.app-card{display:flex;flex-direction:column;gap:14px;text-decoration:none;color:var(--text)}
.app-card-top{display:flex;align-items:center;justify-content:space-between}
.app-symbol{width:40px;height:40px;border-radius:var(--r-sm);background:var(--accent2);color:var(--accent);display:grid;place-items:center;font-weight:800}
.app-state{font-size:10.5px;font-weight:800;letter-spacing:.04em;color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent);padding:3px 9px;border-radius:var(--r-pill)}
.app-card h2{font-size:16px;margin-bottom:4px}
.app-card p{color:var(--muted);font-size:12.5px;margin:0}
.app-meta{display:flex;gap:12px;color:var(--muted);font-size:11px}
.app-card-video .app-symbol{background:color-mix(in srgb,var(--accent) 70%,#6d4bd8);color:#fff}
.app-card-auto .app-symbol{background:color-mix(in srgb,var(--accent) 65%,#15966f);color:#fff}
.app-card-brain .app-symbol{background:color-mix(in srgb,var(--accent) 65%,#f0894a);color:#fff}

/* --------------------------------------------------------------------------
   21. METİN EDİTÖRÜ VE DOSYA ÖNİZLEME SAYFASI
   -------------------------------------------------------------------------- */
.text-editor-header{display:flex;align-items:flex-start;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:16px}
.text-editor-title{display:flex;align-items:flex-start;gap:12px}


.text-editor-card{display:flex;flex-direction:column;gap:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-1)}
.text-editor-toolbar{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line);background:var(--soft)}
.editor-file-badge{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--r-pill);background:var(--accent2);color:var(--accent);font-size:11px;font-weight:800}
.editor-file-badge svg{width:14px;height:14px}
.text-editor-toolbar>span{color:var(--muted);font-size:11.5px;flex:1}
.editor-actions{display:flex;gap:8px}
.text-editor-area{width:100%;min-height:60vh;border:0;border-radius:0;resize:vertical;font-family:"Geist Mono","SFMono-Regular",Consolas,monospace;font-size:13px;line-height:1.6;padding:20px}
.text-editor-area:focus{box-shadow:none}
.text-editor-foot{display:flex;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--line);background:var(--soft);color:var(--muted);font-size:11px}
#editorStatus.dirty{color:var(--warn)}

.rich-preview-page{display:flex;flex-direction:column;gap:16px}
.rich-preview-topbar{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line)}




.rich-preview-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
.rich-preview-stage{background:var(--soft);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;min-height:60vh;display:grid}
.rich-preview-canvas{position:relative;display:grid;place-items:center;padding:20px}
.rich-preview-canvas img{max-width:100%;max-height:70vh;border-radius:var(--r-md);object-fit:contain}
.rich-preview-canvas.image img,.rich-preview-canvas video{max-width:100%;border-radius:0}
.rich-preview-canvas video{width:100%;max-height:74vh;background:#000}

.rich-text-preview{width:100%;max-height:74vh;overflow:auto;padding:22px;margin:0;font-family:"Geist Mono","SFMono-Regular",Consolas,monospace;font-size:12.5px;line-height:1.6;white-space:pre-wrap;color:var(--text)}
.unsupported-preview,.audio-preview-hero{display:grid;justify-items:center;gap:14px;padding:60px 20px;text-align:center}
.unsupported-preview h2{font-size:17px}
.unsupported-preview p{color:var(--muted);font-size:12.5px;max-width:360px}
.audio-preview-hero audio{width:min(420px,90%)}
.rich-preview-info{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-1)}
.info-icon-wrap{display:flex;justify-content:center}
.rich-preview-info h2{font-size:15px;text-align:center;word-break:break-word}






/* --------------------------------------------------------------------------
   22. GÜNCELLEMELER (SİSTEM)
   -------------------------------------------------------------------------- */
.updates-page{display:grid;gap:12px;padding:14px 0 0}
.updates-head{min-height:58px}.updates-head p{color:var(--metadata)}
.update-status{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface-raised);color:var(--text);font-size:12.5px}
.update-status.ok{border-color:color-mix(in srgb,var(--green) 34%,var(--line));background:color-mix(in srgb,var(--green) 8%,var(--surface-raised))}.update-status.bad{border-color:color-mix(in srgb,var(--danger) 40%,var(--line));background:color-mix(in srgb,var(--danger) 8%,var(--surface-raised))}
.update-status-icon{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;background:var(--surface-selected);font-weight:800}.update-status.ok .update-status-icon{color:var(--green)}.update-status.bad .update-status-icon{color:var(--danger)}
.update-status-copy{min-width:0}.update-status-copy b{display:block;color:var(--text);font-size:12.5px;font-weight:700}.update-status-copy span{display:block;color:var(--muted);font-size:12px;margin-top:2px;overflow-wrap:anywhere}
.update-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:12px;align-items:start}
.update-card{background:var(--card);border:1px solid var(--line-strong);border-radius:10px;overflow:hidden}.update-card-head{min-height:52px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);background:var(--surface-raised)}.update-card-head h2{font-size:14px;font-weight:700;color:var(--text);margin:0}.update-card-head small{display:block;color:var(--metadata);font-size:11px;margin-top:2px}.update-card-body{padding:12px 14px}
.update-snapshot-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.update-snapshot-copy{min-width:0}.update-snapshot-copy b{display:block;color:var(--text);font-size:13px;font-weight:650}.update-snapshot-copy small{display:block;color:var(--metadata);font-size:11.5px;margin-top:3px}
.update-install-form{display:grid;gap:10px}.update-package-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden;clip:rect(0 0 0 0)}
.update-dropzone{display:flex;align-items:center;gap:11px;min-height:78px;padding:12px;border:1px dashed var(--line-strong);border-radius:9px;background:var(--surface-sunken);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease;color:var(--text)}.update-dropzone:hover{background:var(--surface-hover);border-color:var(--line-strong)}.update-dropzone.is-dragover{border-color:var(--accent);background:var(--accent2)}.update-dropzone.is-error{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,var(--surface-sunken))}
.update-drop-icon{width:38px;height:38px;border-radius:8px;background:var(--surface-raised);border:1px solid var(--line);color:var(--text);display:grid;place-items:center;flex:0 0 auto}.update-drop-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.update-drop-copy{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.update-drop-copy b{font-size:12.8px;font-weight:700;color:var(--text)}.update-drop-copy small{color:var(--metadata);font-size:11.4px}.update-drop-action{padding:7px 10px;border-radius:7px;background:var(--surface-raised);border:1px solid var(--line-strong);font-size:11.8px;font-weight:650;color:var(--text);white-space:nowrap}
.update-selected-file{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border-radius:9px;background:var(--surface-sunken);border:1px solid var(--line)}.update-selected-file>span:nth-child(2){min-width:0}.update-selected-file b{color:var(--text)}.update-selected-file small{display:block;color:var(--metadata);font-size:10.8px;margin-top:2px}.update-selected-file .ghost{height:30px;min-height:30px}
.update-client-notice{padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--surface-raised);color:var(--muted);font-size:11.8px}.update-client-notice.bad{color:var(--text);border-color:color-mix(in srgb,var(--danger) 44%,var(--line));background:color-mix(in srgb,var(--danger) 8%,var(--surface-raised))}.update-client-notice.ok{color:var(--text);border-color:color-mix(in srgb,var(--green) 38%,var(--line));background:color-mix(in srgb,var(--green) 7%,var(--surface-raised))}
.update-install-actions{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:8px}.update-install-actions input{height:34px;min-height:34px}.update-install-actions button{height:34px;min-height:34px;white-space:nowrap}
.update-history{display:grid}.update-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:9px 12px;border-bottom:1px solid var(--line)}.update-history-row:last-child{border-bottom:0}.update-history-copy{min-width:0}.update-history-copy b{display:block;font-size:12.8px;font-weight:650;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-history-copy small{display:block;font-size:10.8px;color:var(--metadata);margin-top:3px}.update-history-actions{display:flex;align-items:center;gap:6px}.update-history-actions form{display:flex;align-items:center;gap:6px;margin:0}.update-history-actions input{width:142px;height:30px;min-height:30px;padding:6px 8px}.update-history-actions .ghost,.update-history-actions .danger{height:30px;min-height:30px;padding:0 9px;font-size:11.6px}.update-empty{margin:0;padding:16px;color:var(--metadata);font-size:12px}
@media(max-width:900px){.update-layout{grid-template-columns:1fr}.update-snapshot-row{align-items:flex-start;flex-direction:column}.update-install-actions{grid-template-columns:1fr}.update-history-row{grid-template-columns:1fr}.update-history-actions{flex-wrap:wrap}.update-history-actions form{width:100%;flex-wrap:wrap}.update-history-actions input{flex:1;min-width:160px}}


/* --------------------------------------------------------------------------
   23. MESAJLAR — küçük tamamlayıcılar
   -------------------------------------------------------------------------- */
.chat-side-head{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 6px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.06em}
.people-label{margin-top:8px;border-top:1px solid var(--line);padding-top:12px}
.chat-icon{width:36px;height:36px;border-radius:50%;background:var(--accent2);color:var(--accent);display:grid;place-items:center;flex:0 0 auto}
.chat-icon svg{width:16px;height:16px}
.chat-avatar{width:32px;height:32px;border-radius:50%;background:var(--soft);border:1px solid var(--line);color:var(--text);display:grid;place-items:center;font-size:11px;font-weight:800;flex:0 0 auto}
.drag-handle{cursor:grab;color:var(--muted);opacity:.5;flex:0 0 auto}
.drag-handle svg{width:14px;height:14px}
.pin-state{display:none;color:var(--accent);flex:0 0 auto}
.is-pinned .pin-state{display:block}
.is-pinned .pin-state svg{width:13px;height:13px}
.chat-row-menu svg{width:14px;height:14px}
.mobile-chat-drawer-head{display:none;align-items:center;justify-content:space-between;padding:6px 6px 12px}
.mobile-chat-switch{display:none;align-items:center;gap:7px;background:transparent;border:0;color:var(--text);padding:0;font-weight:700;font-size:13px}
.chat-search-toggle{margin-left:auto}
.chat-inline-search{display:flex;align-items:center;gap:8px;padding:9px 16px;border-bottom:1px solid var(--line);background:var(--soft)}
.chat-inline-search svg{width:15px;height:15px;color:var(--muted)}
.chat-inline-search input{border:0;background:transparent;padding:0}

.chat-menu-brand{padding:7px 9px 8px;color:var(--muted);font-size:9.5px;font-weight:800;letter-spacing:.08em;border-bottom:1px solid var(--line);margin-bottom:5px}
.emoji-btn{font-size:17px}
.new-messages-pill{position:sticky;bottom:78px;left:50%;transform:translateX(-50%);margin:0 auto;width:fit-content;padding:7px 14px;border-radius:var(--r-pill);background:var(--accent);color:var(--primary-ink);border:0;font-size:11.5px;font-weight:700;box-shadow:var(--shadow-2)}
.message-meta{display:flex;align-items:center;gap:6px;margin-top:4px}
.message-meta time{color:var(--muted);font-size:9.5px}
.delivery-mark{color:var(--accent);font-size:10px}
.message-more{position:absolute;top:6px;left:-30px;width:24px;height:24px;padding:0;border-radius:50%;background:transparent;border:0;color:var(--muted);opacity:0}
.msg{position:relative}
.msg:hover .message-more,.msg:hover .share-message{opacity:1}
.share-message{position:absolute;top:6px;right:-30px;width:24px;height:24px;padding:0;border-radius:50%;background:transparent;border:0;color:var(--muted);opacity:0}
.message-file-main{display:flex;align-items:center;gap:8px;flex:1;min-width:0;text-decoration:none;color:inherit}
.message-media-preview{display:block;border-radius:var(--r-sm);overflow:hidden;max-width:240px;margin-top:6px}
.message-media-preview img{width:100%;display:block}
.message-file-type{font-size:9px;font-weight:800;color:var(--accent)}
.emoji-popover{position:fixed;z-index:4000;display:flex;gap:4px;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-3)}


/* --------------------------------------------------------------------------
   24. DOSYA KASA — ek rozetler
   -------------------------------------------------------------------------- */
.vault-file-icon{width:44px;height:44px;border-radius:var(--r-md);margin-bottom:6px}
.vault-file-icon svg{width:20px;height:20px}
.vault-upload-inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.vault-upload-inline small{color:var(--muted);font-size:11.5px}
.vault-plan-btn{font-size:11.5px}


/* --------------------------------------------------------------------------
   25. PAYLAŞIM + ERİŞİM — tek merkezi component sistemi
   -------------------------------------------------------------------------- */
.cloud-share-dialog{width:min(620px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 32px));padding:0;border:1px solid var(--line-strong);border-radius:12px;background:var(--dialog);color:var(--text);box-shadow:var(--shadow-pop);overflow:hidden}
.cloud-share-dialog::backdrop,.drive-permission-impact-dialog::backdrop{background:rgba(0,0,0,.42)}
.cloud-share-dialog form{display:flex;flex-direction:column;max-height:inherit}
.cloud-share-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line)}
.cloud-share-head h2{font-size:16px}.cloud-share-close{font-size:20px;line-height:1}
.cloud-share-body{padding:14px 18px 4px;overflow:auto;display:grid;gap:14px}
.cloud-share-section{display:grid;gap:9px;padding-bottom:14px;border-bottom:1px solid var(--line)}.cloud-share-section:last-child{border-bottom:0}
.cloud-share-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.cloud-share-section-title b{font-size:13px;font-weight:620}.cloud-share-section-title small{font-size:11px;color:var(--metadata)}
.cloud-share-people{display:grid;gap:3px}.cloud-share-person{min-height:44px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:5px 6px;border-radius:7px}.cloud-share-person:hover{background:var(--surface-hover)}
.cloud-share-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface-selected);color:var(--text);font-size:11.5px;font-weight:650}.cloud-share-person-name{min-width:0}.cloud-share-person-name b{display:block;font-size:12.8px;font-weight:580;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-share-person-name small{display:block;color:var(--metadata);font-size:10.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-share-person-control select{height:30px;min-width:128px}.cloud-share-role-static{font-size:11.5px;color:var(--muted)}
.cloud-share-addrow,.cloud-share-accessrow{display:grid;grid-template-columns:minmax(0,1fr) 145px auto;gap:8px}.cloud-share-accessrow{grid-template-columns:minmax(0,1fr) 150px}.cloud-share-addrow select,.cloud-share-accessrow select,.cloud-share-slugrow input{height:34px}
.cloud-share-slugrow{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;border:1px solid var(--input-line);border-radius:7px;background:var(--input);overflow:hidden}.cloud-share-slugrow span{padding:0 0 0 10px;color:var(--metadata);font-size:12px}.cloud-share-slugrow input{border:0;background:transparent;box-shadow:none;padding-left:4px}.cloud-share-slugrow:focus-within{box-shadow:var(--ring);border-color:color-mix(in srgb,var(--accent) 55%,var(--input-line))}
.cloud-share-warning{margin:0;color:var(--warn);font-size:11.5px}.cloud-share-error{padding:8px 10px;border-radius:7px;color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,transparent);font-size:12px}
.cloud-share-footer{display:flex;justify-content:space-between;gap:10px;padding:12px 18px 14px;border-top:1px solid var(--line);background:var(--surface-sunken)}.cloud-share-footer-right{display:flex;gap:8px}
.cloud-share-empty{padding:10px;color:var(--metadata);font-size:12px}

.share-center-panel{padding:0}.share-center-list{display:grid;border-top:1px solid var(--line-strong)}.share-center-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:76px;padding:12px 6px;border-bottom:1px solid var(--line);background:transparent}.share-center-main{display:flex;align-items:center;gap:10px;min-width:0}.share-center-icon{width:32px;height:32px;border-radius:7px;background:var(--surface-selected);display:grid;place-items:center;color:var(--muted);flex:0 0 auto}.share-center-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}.share-center-copy{min-width:0}.share-center-copy b{display:block;font-size:13.4px;font-weight:620;color:var(--text)}.share-center-copy small{display:block;color:var(--muted);font-size:11.6px;margin-top:3px}.share-center-copy code{display:block;color:var(--metadata);font-family:var(--font-ui);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:680px;margin-top:4px}.share-center-actions{display:flex;align-items:center;gap:6px}.share-center-actions form{margin:0}

.drive-permission-impact-dialog{width:min(500px,calc(100vw - 32px));padding:18px;border:1px solid var(--line-strong);border-radius:12px;background:var(--dialog);color:var(--text);box-shadow:var(--shadow-pop)}.drive-impact-head{display:flex;align-items:center;gap:11px}.drive-impact-head h2{font-size:16px}.drive-impact-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--warn) 12%,transparent);color:var(--warn);font-weight:700}.drive-permission-impact-dialog>form>p{margin:14px 0 7px;color:var(--muted);font-size:12.5px}.drive-permission-impact-dialog ul{margin:0 0 10px;padding-left:19px;color:var(--muted);font-size:12px}.drive-impact-users{padding:8px 10px;border-radius:7px;background:var(--surface-sunken);color:var(--metadata);font-size:11.5px}

/* Sidebar: visible hierarchy without changing geometry. */
html[data-theme="modern_dark"]{--side:#121314;--sidebar-bg:#121314;--sidebar-text:#FFFFFF;--sidebar-active-bg:#292C2E;--sidebar-active-text:#FFFFFF}
html[data-theme="modern_light"]{--side:#FFFFFF;--sidebar-bg:#FFFFFF;--sidebar-text:#000000;--sidebar-active-bg:#F1F1F1;--sidebar-active-text:#000000}
.app-sidebar{border-right-color:var(--line-strong)}.app-sidebar nav a,.worktrack-side-row,.worktrack-side-home{color:var(--sidebar-text)}.app-sidebar nav a svg,.worktrack-side-row svg,.worktrack-side-home svg{opacity:1;color:currentColor}.app-sidebar nav a:hover,.worktrack-side-row:hover,.worktrack-side-home:hover{background:var(--surface-hover);color:var(--text)}.app-sidebar nav a.active,.worktrack-side-row.active,.worktrack-side-home.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text)}

@media(max-width:760px){.cloud-share-dialog{width:calc(100vw - 16px)}.cloud-share-addrow{grid-template-columns:1fr 125px}.cloud-share-addrow button{grid-column:1/-1}.share-center-row{grid-template-columns:1fr}.share-center-actions{flex-wrap:wrap}.cloud-share-section-title{align-items:flex-start;flex-direction:column;gap:2px}}


/* Sidebar top controls: one compact system in expanded and collapsed modes. */
.sidebar-brand-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:6px;min-width:0}
.sidebar-brand-row .brand{min-width:0;margin:0}
.sidebar-collapse-toggle{width:34px;height:34px;min-width:34px;min-height:34px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--sidebar-icon);display:grid;place-items:center}
.sidebar-collapse-toggle:hover{background:var(--sidebar-hover);border-color:var(--line);color:var(--text)}
.sidebar-collapse-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sidebar-quick-row{display:grid;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:6px;min-width:0}
.sidebar-search-trigger{width:96px;height:36px;min-height:36px;padding:0 8px;border:1px solid var(--sidebar-border);border-radius:8px;background:var(--control-bg);color:var(--text);display:flex;align-items:center;justify-content:flex-start;gap:7px;font-size:12.5px;font-weight:650;white-space:nowrap;overflow:hidden}
.sidebar-search-trigger:hover{background:var(--control-hover);border-color:var(--line-strong)}
.sidebar-search-trigger svg{width:14px;height:14px;flex:0 0 14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sidebar-search-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.sidebar-search-trigger kbd{margin-left:auto;min-width:20px;height:20px;padding:0 5px;border:1px solid var(--line);border-radius:5px;background:var(--surface-sunken);color:var(--metadata);font:650 10.5px/18px var(--font-ui);text-align:center}

/* Global productivity top controls + compact search */
.drive-commandbar>.drive-global-search-wrap{display:none}
.global-theme-toggle{display:none}
.global-top-actions{position:fixed;right:10px;top:8px;z-index:1250;display:flex;align-items:center;gap:2px;padding:2px;border-radius:9px;background:color-mix(in srgb,var(--page-surface) 92%,transparent)}
.global-top-action{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--metadata);display:grid;place-items:center}
.global-top-action:hover,.global-top-action.active{background:var(--surface-hover);color:var(--text);border-color:var(--line)}
.global-top-action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.global-overflow-popover{position:absolute;right:0;top:38px;width:202px;padding:5px;border:1px solid var(--line-strong);border-radius:9px;background:var(--menu);box-shadow:var(--shadow-pop)}
.global-overflow-popover[hidden]{display:none}
.global-overflow-popover button,.global-overflow-popover a{width:100%;height:34px;min-height:34px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:flex-start;gap:8px;text-decoration:none;font-size:12.5px;font-weight:580}
.global-overflow-popover button:hover,.global-overflow-popover a:hover{background:var(--surface-hover)}
.global-overflow-popover svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.global-overflow-popover-sep{height:1px;background:var(--line);margin:4px}
.global-search-popover{position:fixed;z-index:5000;max-height:min(440px,calc(100vh - 20px));overflow:hidden;border:1px solid var(--line-strong);border-radius:11px;background:var(--menu);box-shadow:var(--shadow-pop);color:var(--text)}
.global-search-popover[hidden]{display:none}
.global-search-inputrow{height:44px;display:grid;grid-template-columns:20px minmax(0,1fr) auto 28px;align-items:center;gap:7px;padding:0 8px 0 11px;border-bottom:1px solid var(--line);background:var(--surface-raised)}
.global-search-inputrow>svg{width:16px;height:16px;fill:none;stroke:var(--metadata);stroke-width:1.8}
.global-search-inputrow input{height:34px;min-height:34px;padding:0;border:0;background:transparent;box-shadow:none;color:var(--text);font-size:13px;font-weight:560}
.global-search-inputrow input:focus{border:0;box-shadow:none}
.global-search-inputrow kbd{height:20px;min-width:20px;padding:0 5px;border:1px solid var(--line);border-radius:5px;background:var(--surface-sunken);color:var(--metadata);font:600 11px/18px var(--font-ui)}
.global-search-inputrow button{width:28px;height:28px;min-height:28px;padding:0;border:0;background:transparent;color:var(--metadata);font-size:18px}
.global-search-inputrow button:hover{background:var(--surface-hover);color:var(--text)}
.global-search-meta{height:30px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);color:var(--metadata);font-size:10.8px;background:var(--surface-sunken)}
.global-search-meta b{color:var(--muted);font-weight:650}.global-search-list{max-height:350px;overflow:auto;padding:4px}
.global-search-result{min-height:48px;padding:6px 8px;border-radius:7px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;text-decoration:none;color:var(--text)}
.global-search-result:hover{background:var(--surface-hover)}.global-search-result-icon{width:28px;height:28px;border-radius:6px;background:var(--surface-selected);display:grid;place-items:center;color:var(--muted);font-size:16px}.global-search-result-copy{min-width:0}.global-search-result-copy b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.7px;font-weight:650}.global-search-result-copy small{display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--metadata);font-size:10.8px}.global-search-result-kind{color:var(--metadata);font-size:10.5px;font-weight:600}.global-search-state{min-height:88px;padding:18px 12px;display:grid;place-items:center;align-content:center;gap:4px;text-align:center;color:var(--metadata);font-size:11.5px}.global-search-state b{color:var(--text);font-size:12.5px}
@media(min-width:801px){
body.sidebar-collapsed{--sidebar-width:64px}
.sidebar-collapsed .app-sidebar{padding:10px 8px}
.sidebar-collapsed .sidebar-top{gap:6px;margin-bottom:8px}
.sidebar-collapsed .sidebar-brand-row{grid-template-columns:38px;justify-content:center;justify-items:center;gap:6px}
.sidebar-collapsed .brand{width:38px;height:38px;min-height:38px;padding:0;justify-content:center;border-radius:9px}
.sidebar-collapsed .brandmark{width:30px;height:30px;flex-basis:30px}
.sidebar-collapsed .brandcopy,.sidebar-collapsed .sidebar-section-label,.sidebar-collapsed .app-sidebar nav a>span:last-child,.sidebar-collapsed .sidebar-rollback,.sidebar-collapsed .sideuser,.sidebar-collapsed .device-lock-button,.sidebar-collapsed .sidefoot form{display:none}
.sidebar-collapsed .sidebar-collapse-toggle{position:static;width:38px;height:38px;min-width:38px;min-height:38px;background:transparent;border-color:transparent;margin:0 auto}
.sidebar-collapsed .sidebar-collapse-toggle:hover{background:var(--sidebar-hover);border-color:var(--line)}
.sidebar-collapsed .sidebar-quick-row{grid-template-columns:38px;justify-content:center;justify-items:center;gap:6px}
.sidebar-collapsed .drive-new-side{display:flex;width:38px;height:38px;min-height:38px;padding:0;margin:0;justify-content:center;border-radius:9px}
.sidebar-collapsed .drive-new-side span:last-child{display:none}
.sidebar-collapsed .drive-new-side span:first-child{font-size:18px}
.sidebar-collapsed .sidebar-search-trigger{width:38px;height:38px;min-height:38px;padding:0;justify-content:center;border-radius:9px}
.sidebar-collapsed .sidebar-search-trigger span,.sidebar-collapsed .sidebar-search-trigger kbd{display:none}
.sidebar-collapsed .app-sidebar nav{align-items:center;padding-right:0}
.sidebar-collapsed .app-sidebar nav a{width:38px;height:38px;min-height:38px;justify-content:center;padding:0;margin:0;border-radius:9px}
.sidebar-collapsed .navico{margin:0;width:18px;flex-basis:18px}
.sidebar-collapsed .sidebar-bottom{padding-top:8px}
.sidebar-collapsed .sidefoot{width:38px;min-height:42px;justify-content:center;padding:5px 4px;margin:0 auto;border-radius:9px;background:transparent}
.sidebar-collapsed .avatar{width:30px;height:30px}
.sidebar-collapsed .worktrack-side-home>span:last-child,.sidebar-collapsed .worktrack-new-trigger span:not(.worktrack-new-plus),.sidebar-collapsed .worktrack-new-trigger svg,.sidebar-collapsed .worktrack-side-row>span:last-child,.sidebar-collapsed .worktrack-theme-label{display:none}
.sidebar-collapsed .worktrack-new-trigger,.sidebar-collapsed .worktrack-side-row{width:38px;padding:0;justify-content:center;margin-inline:auto}
}
@media(max-width:800px){.sidebar-collapse-toggle{display:none}.sidebar-brand-row{grid-template-columns:1fr}.sidebar-quick-row{grid-template-columns:minmax(0,1fr) 90px}.sidebar-search-trigger{width:90px}}


/* Compact desktop sidebar: Folio-like density without changing routes or permissions. */
@media(min-width:801px){
  .app-sidebar nav a,.worktrack-side-row,.worktrack-side-home{min-height:34px;padding:0 9px;gap:8px;border-radius:7px;font-size:13px}
  .navico{width:17px;height:17px;flex-basis:17px}
  .app-sidebar nav a .navico svg{width:14.5px;height:14.5px}
  .sidebar-brand-row{gap:4px}
  .workspace-switcher{height:36px;grid-template-columns:minmax(0,1fr) 28px;gap:2px}
  .workspace-link{height:36px;padding:0 6px;gap:7px}
  .workspace-menu-toggle{width:28px;height:28px;min-height:28px}
  .sidebar-collapse-toggle{width:30px;height:30px;min-width:30px;min-height:30px}
  .sidebar-quick-row{gap:5px;grid-template-columns:minmax(0,1fr) 82px}
  .drive-new-side,.sidebar-search-trigger{height:34px;min-height:34px}
  .sidebar-search-trigger{width:82px;padding-inline:8px}
  .sidebar-bottom{padding-top:7px}
  .sidebar-rollback{min-height:30px;margin-bottom:6px;padding-inline:8px}
  .sidefoot{min-height:46px;padding:6px 7px;gap:7px;border-radius:9px}
}

/* First-paint / navigation stability */
html,body,.app-sidebar,main,.page-shell{backface-visibility:hidden}
html.cloud-hard-nav body{opacity:1}
@media(prefers-reduced-motion:reduce){.app-sidebar,.shade{transition:none!important}}

/* Workspace switch + Apple-like restrained iconography */
.workspace-switcher{min-width:0;height:38px;display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:3px;position:relative}.workspace-link{min-width:0;height:38px;padding:0 7px;display:flex;align-items:center;gap:8px;border-radius:9px;text-decoration:none;color:var(--sidebar-text);font-size:13px;font-weight:700}.workspace-link:hover,.workspace-link.active{background:var(--sidebar-hover);color:var(--text)}.workspace-link .brandmark{width:28px;height:28px;flex:0 0 28px;border-radius:8px;background:var(--surface-selected);color:var(--text)}.workspace-link .brandmark svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.workspace-menu-toggle{width:30px;height:30px;min-height:30px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--sidebar-icon)}.workspace-menu-toggle:hover,.workspace-menu-toggle[aria-expanded="true"]{background:var(--sidebar-hover);color:var(--text)}.workspace-menu-toggle svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.workspace-menu{position:fixed;left:12px;top:50px;width:246px;padding:5px;background:var(--menu);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-pop);z-index:4100}.workspace-menu a{height:48px;padding:0 9px;border-radius:8px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;text-decoration:none;color:var(--text)}.workspace-menu a:hover{background:var(--surface-hover)}.workspace-menu a.active{background:var(--surface-selected)}.workspace-menu-icon{width:28px;height:28px;border-radius:7px;background:var(--surface-raised);display:grid;place-items:center;color:var(--text)}.workspace-menu-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.65}.workspace-menu b{display:block;font-size:12.5px}.workspace-menu small{display:block;margin-top:2px;font-size:10.5px;color:var(--metadata);font-weight:500}
@media(min-width:801px){.sidebar-collapsed .workspace-switcher{display:grid;grid-template-columns:38px;height:auto;gap:6px;justify-items:center}.sidebar-collapsed .workspace-link{width:38px;min-width:38px;flex:none;padding:0;justify-content:center}.sidebar-collapsed .workspace-link>span:last-child,.sidebar-collapsed .workspace-menu-toggle{display:none}.sidebar-collapsed .sidebar-brand-row{grid-template-columns:38px}.sidebar-collapsed .workspace-switcher+.sidebar-collapse-toggle{margin-top:0}}
/* Center command palette search with fast preview. */
.global-search-backdrop{position:fixed;inset:0;z-index:4990;background:rgba(0,0,0,.22);backdrop-filter:blur(1px)}html[data-theme="modern_dark"] .global-search-backdrop{background:rgba(0,0,0,.48)}.global-search-backdrop[hidden]{display:none}.global-search-popover{left:50%;top:12vh;width:min(820px,calc(100vw - 32px));max-height:min(620px,76vh);transform:translateX(-50%);border-radius:14px;box-shadow:0 24px 80px rgba(0,0,0,.26)}.global-search-inputrow{height:52px;grid-template-columns:22px minmax(0,1fr) auto 30px;padding:0 10px 0 14px}.global-search-inputrow input{font-size:14px;font-weight:620}.global-search-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);min-height:340px;max-height:560px}.global-search-results{min-width:0;border-right:1px solid var(--line)}.global-search-list{max-height:500px;padding:6px}.global-search-result{min-height:54px;padding:7px 9px}.global-search-result.selected,.global-search-result:hover{background:var(--surface-selected)}.global-search-preview{min-width:0;padding:16px;background:var(--surface-sunken);overflow:auto}.global-search-preview-empty{height:100%;min-height:280px;display:grid;place-items:center;align-content:center;gap:7px;text-align:center;color:var(--metadata)}.global-search-preview-empty svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.5}.global-search-preview-empty b{color:var(--text);font-size:13px}.global-search-preview-visual{height:150px;border:1px solid var(--line);border-radius:10px;background:var(--surface-raised);display:grid;place-items:center;overflow:hidden}.global-search-preview-visual>svg{width:48px;height:48px;fill:none;stroke:var(--muted);stroke-width:1.4}.global-search-thumb{width:100%;height:100%;object-fit:contain}.global-search-preview-copy{padding:13px 1px 11px;border-bottom:1px solid var(--line)}.global-search-preview-copy>span{display:block;color:var(--metadata);font-size:10.5px;font-weight:700}.global-search-preview-copy>b{display:block;margin-top:3px;color:var(--text);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search-preview-copy>small{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.35;word-break:break-word}.global-search-preview dl{margin:10px 0;display:grid;gap:0}.global-search-preview dl>div{min-height:30px;display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;border-bottom:1px solid var(--line)}.global-search-preview dt{color:var(--metadata);font-size:10.8px}.global-search-preview dd{margin:0;color:var(--text);font-size:11.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search-preview-actions{display:flex;gap:6px;margin-top:12px}.global-search-preview-actions a{height:32px;padding:0 10px;border-radius:7px;background:var(--text);color:var(--surface-main);display:inline-flex;align-items:center;text-decoration:none;font-size:11.5px;font-weight:700}.global-search-preview-actions a.secondary{background:var(--control-bg);color:var(--text);border:1px solid var(--line)}
/* Smarter, compact right preview hierarchy. */
.cloud-preview-drawer{width:min(390px,36vw)}
@media(max-width:800px){.global-search-popover{left:max(8px,env(safe-area-inset-left))!important;right:max(8px,env(safe-area-inset-right))!important;top:max(58px,calc(env(safe-area-inset-top) + 52px))!important;width:auto!important;transform:none;max-height:calc(100dvh - 70px)}.global-search-body{grid-template-columns:1fr;min-height:0}.global-search-results{border-right:0}.global-search-preview{display:none}.global-search-list{max-height:calc(100dvh - 160px)}}


/* ==========================================================================\n   ANALİZ + KANBAN + CHAT RESPONSIVE REWORK\n   ========================================================================== */
.analysis-shell{padding:14px 0 28px}.analysis-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface-main)}.analysis-kpis article{min-height:112px;padding:18px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.analysis-kpis article:last-child{border-right:0}.analysis-kpis span{font-size:11px;color:var(--metadata);font-weight:620}.analysis-kpis strong{font-size:24px;line-height:1.1;margin:10px 0 5px;color:var(--text);font-weight:690}.analysis-kpis small{font-size:11px;color:var(--muted)}
.analysis-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:12px;margin-top:12px}.analysis-card{min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--surface-main);overflow:hidden}.analysis-card-head{height:46px;padding:0 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.analysis-card-head b{font-size:13px}.analysis-card-head small{font-size:10.5px;color:var(--metadata)}.analysis-wide{grid-column:1/-1}.storage-ring-wrap{display:flex;align-items:center;gap:28px;padding:24px}.storage-ring{--p:0;width:128px;height:128px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--p)*1%),var(--surface-selected) 0);position:relative}.storage-ring:after{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--surface-main)}.storage-ring>div{z-index:1;text-align:center}.storage-ring strong{display:block;font-size:22px}.storage-ring span{color:var(--metadata);font-size:10px}.storage-copy{display:grid;gap:5px}.storage-copy b{font-size:20px}.storage-copy span,.storage-copy small{color:var(--muted);font-size:12px}.analysis-bars{padding:12px 14px;display:grid;gap:12px}.analysis-bar-row>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.analysis-bar-row b{font-size:12px}.analysis-bar-row span{font-size:10.5px;color:var(--metadata)}.analysis-bar-row i{height:5px;border-radius:999px;background:var(--surface-selected);display:block;overflow:hidden}.analysis-bar-row em{height:100%;display:block;background:var(--accent);border-radius:inherit}.analysis-table{display:grid}.analysis-table>div{display:grid;grid-template-columns:minmax(0,1fr) 110px 100px;gap:12px;align-items:center;min-height:43px;padding:0 14px;border-bottom:1px solid var(--line)}.analysis-table>div:last-child{border-bottom:0}.analysis-table b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.analysis-table span{color:var(--metadata);font-size:11px}.analysis-table strong{text-align:right;font-size:11.5px}.analysis-table.compact>div{grid-template-columns:minmax(0,1fr) 1px 80px}.empty-line{padding:16px;color:var(--metadata)}

.kanban-head{position:sticky;top:0;z-index:5}.kanban-board{display:flex;gap:12px;align-items:flex-start;overflow-x:auto;padding:16px 0 28px;min-height:calc(100dvh - 76px);scroll-snap-type:x proximity}.kanban-column{width:290px;min-width:290px;background:var(--surface-sunken);border:1px solid var(--line);border-radius:10px;padding:8px;scroll-snap-align:start;transition:border-color .14s ease,background .14s ease}.kanban-column.drop-target{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:color-mix(in srgb,var(--accent) 6%,var(--surface-sunken))}.kanban-col-head{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 3px 0 5px}.kanban-col-head>div{display:flex;align-items:center;gap:7px;min-width:0}.kanban-col-head i{width:7px;height:7px;border-radius:50%;background:var(--metadata)}.kanban-column:nth-child(1) .kanban-col-head i{background:#fb7185}.kanban-column:nth-child(2) .kanban-col-head i{background:#f59e0b}.kanban-column:nth-child(3) .kanban-col-head i{background:#14b8a6}.kanban-col-head b{font-size:12.5px}.kanban-col-head span{color:var(--metadata);font-size:11px}.kanban-add{width:28px;height:28px;min-height:28px;padding:0;border:0;background:transparent;font-size:18px;color:var(--muted)}.kanban-add:hover{background:var(--surface-hover)}.kanban-tasks{min-height:20px;display:grid;gap:7px}.kanban-card{padding:12px;background:var(--surface-raised);border:1px solid var(--line);border-radius:9px;cursor:grab;box-shadow:none;transition:border-color .12s ease,background .12s ease,opacity .12s ease}.kanban-card:hover{border-color:var(--line-strong);background:var(--surface-main)}.kanban-card.dragging{opacity:.45;cursor:grabbing}.kanban-card-title{font-size:13px;font-weight:620;line-height:1.35}.kanban-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:13px;gap:8px}.priority-pill{font-size:9.8px;padding:3px 7px;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:var(--surface-sunken)}.kanban-card[data-priority="high"] .priority-pill{color:#ef4444}.kanban-card[data-priority="medium"] .priority-pill{color:#f59e0b}.kanban-card[data-priority="low"] .priority-pill{color:#14b8a6}.kanban-delete{width:28px;height:24px;min-height:24px;padding:0;border:0;background:transparent;color:var(--metadata)}.kanban-add-task{width:100%;height:34px;margin-top:7px;border:0;background:transparent;justify-content:flex-start;color:var(--muted);font-weight:550}.kanban-add-task:hover{background:var(--surface-hover);color:var(--text)}

/* Chat: denser desktop shell, drawer-first mobile behavior. */
.messenger,.messenger-v5,.messenger-v6,.messenger-v7{grid-template-columns:280px minmax(0,1fr);height:calc(100dvh - 72px);min-height:520px;max-height:none;border-radius:0;border:0;border-top:1px solid var(--line);background:var(--surface-main)}.chat-sidebar{padding:10px 8px;background:var(--surface-sunken);border-right:1px solid var(--line);overflow:auto}.chat-row{min-height:48px;border-radius:8px;padding:7px 8px}.chat-row:hover{background:var(--surface-hover)}.chat-row.selected{background:var(--surface-selected);border-color:var(--line-strong);box-shadow:none}.conversation,.conversation-v5,.conversation-v6,.conversation-v7{background:var(--surface-main)}.conversation-head{background:var(--surface-main);border-bottom-color:var(--line-strong)}#messages{background:var(--surface-main);padding-top:22px;padding-bottom:22px}.msg{background:var(--surface-raised);border-color:var(--line);box-shadow:none}.msg.mine{background:var(--surface-selected);border-color:var(--line-strong)}.chat-composer{background:var(--surface-main);padding:10px 12px calc(10px + env(safe-area-inset-bottom));position:sticky;bottom:0}.composer-main{background:var(--input);border-color:var(--line-strong)}
@media(max-width:900px){.analysis-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-kpis article:nth-child(2){border-right:0}.analysis-kpis article:nth-child(-n+2){border-bottom:1px solid var(--line)}.analysis-grid{grid-template-columns:1fr}.analysis-wide{grid-column:auto}.messenger,.messenger-v5,.messenger-v6,.messenger-v7{height:calc(var(--chat-vvh,100dvh) - 104px);min-height:420px;display:block;position:relative;overflow:hidden}.conversation,.conversation-v5,.conversation-v6,.conversation-v7{height:100%;grid-template-rows:56px minmax(0,1fr) auto}.chat-sidebar{position:absolute;inset:0 auto 0 0;width:min(88vw,330px);max-height:none;z-index:25;transform:translateX(-102%);transition:transform .17s ease;background:var(--surface-main);border-right:1px solid var(--line-strong);box-shadow:14px 0 40px rgba(0,0,0,.18)}.chat-drawer-open .chat-sidebar{transform:translateX(0)}.mobile-chat-drawer-head,.mobile-chat-switch{display:flex}.chat-drawer-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:20;opacity:0;pointer-events:none;transition:opacity .17s}.chat-drawer-open .chat-drawer-backdrop{opacity:1;pointer-events:auto}.conversation-head{padding:8px 10px}.conversation-head>.chat-icon{display:none}.conversation-title small{display:none}#messages{padding:14px 10px}.msg{max-width:88%}.chat-composer{grid-template-columns:auto minmax(0,1fr) auto;gap:6px;padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.emoji-btn{display:none}.attach-btn{width:34px;height:34px}.send-btn{width:38px;height:38px;padding:0}.send-btn span{display:none}.composer-main textarea{max-height:86px}.chat-inline-search{padding:8px 10px}}
@media(max-width:600px){.analysis-shell{padding-top:10px}.analysis-kpis{grid-template-columns:1fr 1fr}.analysis-kpis article{min-height:92px;padding:13px}.analysis-kpis strong{font-size:20px}.analysis-grid{gap:9px;margin-top:9px}.storage-ring-wrap{padding:18px;gap:18px}.storage-ring{width:104px;height:104px}.analysis-table>div{grid-template-columns:minmax(0,1fr) 74px 76px;padding:0 10px;gap:7px}.kanban-board{margin:0 -12px;padding:12px 12px 22px}.kanban-column{width:82vw;min-width:82vw;max-width:330px}.kanban-head p,.analysis-head p{display:none}}

/* Interaction clarity + analysis drilldowns + polished Kanban drag */
.filecard:hover,.table-drive-card:hover,.analysis-table a:hover,.analysis-bar-row:hover,.kanban-card:hover{color:var(--text)}
.filecard:hover b,.filecard:hover small,.table-drive-card:hover b,.table-drive-card:hover small{color:inherit}
.analysis-kpis{border-color:var(--line)}.analysis-kpis article{display:none}.analysis-kpi{min-height:112px;padding:18px;display:flex;flex-direction:column;justify-content:center;text-decoration:none;color:var(--text);border-right:1px solid var(--line);transition:background .14s ease}.analysis-kpi:last-child{border-right:0}.analysis-kpi:hover{background:var(--surface-hover)}.analysis-kpi span{font-size:11px;color:var(--metadata);font-weight:620}.analysis-kpi strong{font-size:24px;line-height:1.1;margin:10px 0 5px;color:var(--text);font-weight:690}.analysis-kpi small{font-size:11px;color:var(--muted)}
.analysis-bar-row{display:block;text-decoration:none;color:var(--text);padding:4px 6px;border-radius:7px;margin:0 -6px}.analysis-bar-row:hover{background:var(--surface-hover)}.analysis-table>div{display:none}.analysis-table>a{display:grid;grid-template-columns:minmax(0,1fr) 110px 100px;gap:12px;align-items:center;min-height:43px;padding:0 14px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text);transition:background .12s ease}.analysis-table>a:last-child{border-bottom:0}.analysis-table>a:hover{background:var(--surface-hover)}.analysis-table>a b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.analysis-table>a span{color:var(--metadata);font-size:11px}.analysis-table>a strong{text-align:right;font-size:11.5px}.analysis-table.compact>a{grid-template-columns:minmax(0,1fr) 80px 70px}
.kanban-column{border-color:transparent;background:var(--surface-sunken)}.kanban-column:hover{background:color-mix(in srgb,var(--surface-hover) 45%,var(--surface-sunken))}.kanban-column.drop-target{border-color:transparent;background:var(--surface-selected);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}.kanban-card{border-color:transparent;background:var(--surface-raised)}.kanban-card:hover{border-color:transparent;background:var(--surface-hover)}.kanban-card.dragging{opacity:.18;cursor:grabbing}.kanban-drop-placeholder{border-radius:9px;background:var(--surface-selected);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent);animation:kanbanPulse .8s ease-in-out infinite alternate}.kanban-drag-ghost{position:fixed;left:-10000px;top:-10000px;z-index:9999;opacity:.92;pointer-events:none;transform:rotate(1deg);box-shadow:0 14px 36px rgba(0,0,0,.22)}body.kanban-dragging{user-select:none;cursor:grabbing}@keyframes kanbanPulse{from{background:var(--surface-selected)}to{background:color-mix(in srgb,var(--accent) 8%,var(--surface-selected))}}
@media(max-width:900px){.workspace-menu{left:10px;top:52px;width:min(246px,calc(100vw - 20px))}}@media(max-width:600px){.analysis-kpi{min-height:92px;padding:13px}.analysis-kpi strong{font-size:20px}.analysis-table>a{grid-template-columns:minmax(0,1fr) 74px 76px;padding:0 10px;gap:7px}}


/* Global action feedback — one system for save/copy/move/delete/errors */
.cloud-toast-stack{position:fixed;left:50%;top:18px;transform:translateX(-50%);z-index:10000;display:grid;gap:8px;width:min(620px,calc(100vw - 24px));pointer-events:none}.cloud-toast{min-height:48px;padding:10px 10px 10px 13px;border:1px solid var(--line-strong);border-radius:11px;background:var(--menu);color:var(--text);box-shadow:var(--shadow-pop);display:grid;grid-template-columns:8px minmax(0,1fr) auto auto;align-items:center;gap:10px;opacity:0;transform:translateY(-8px);transition:opacity .16s ease,transform .16s ease;pointer-events:auto;cursor:default}.cloud-toast.show{opacity:1;transform:none}.cloud-toast b{font-size:12.5px;font-weight:620;line-height:1.42;color:var(--text);user-select:text;-webkit-user-select:text;cursor:text;overflow-wrap:anywhere}.cloud-toast-mark{width:8px;height:8px;border-radius:50%;background:var(--green);flex:0 0 auto}.cloud-toast.bad .cloud-toast-mark{background:var(--danger)}.cloud-toast-copy,.cloud-toast-close{border:0;background:transparent;color:var(--metadata);border-radius:7px;min-height:30px;padding:0 8px;font:650 11px/1 inherit;cursor:pointer}.cloud-toast-copy:hover,.cloud-toast-close:hover{background:var(--surface-hover);color:var(--text)}.cloud-toast-close{font-size:20px;padding:0 6px}.cloud-toast.bad .cloud-toast-copy{color:var(--danger)}
@media(max-width:800px){.cloud-toast-stack{left:50%;right:auto;top:10px;bottom:auto;transform:translateX(-50%);width:min(94vw,620px)}.cloud-toast{min-height:48px;grid-template-columns:8px minmax(0,1fr) auto}.cloud-toast-copy{display:none}.cloud-toast-close{display:grid;place-items:center}}

/* Tonal scrollbars: visible on interaction, quiet at rest. */
.cloud-preview-drawer-body,.cloud-preview-content,.app-sidebar nav,.global-search-results,.drive-search-results,.wtwrap,.chat-sidebar,.share-public-list{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text) 12%,transparent) transparent}
.cloud-preview-drawer-body::-webkit-scrollbar,.cloud-preview-content::-webkit-scrollbar,.app-sidebar nav::-webkit-scrollbar,.global-search-results::-webkit-scrollbar,.drive-search-results::-webkit-scrollbar,.wtwrap::-webkit-scrollbar,.chat-sidebar::-webkit-scrollbar,.share-public-list::-webkit-scrollbar{width:6px;height:6px}
.cloud-preview-drawer-body::-webkit-scrollbar-track,.cloud-preview-content::-webkit-scrollbar-track,.app-sidebar nav::-webkit-scrollbar-track,.global-search-results::-webkit-scrollbar-track,.drive-search-results::-webkit-scrollbar-track,.wtwrap::-webkit-scrollbar-track,.chat-sidebar::-webkit-scrollbar-track,.share-public-list::-webkit-scrollbar-track{background:transparent}
.cloud-preview-drawer-body::-webkit-scrollbar-thumb,.cloud-preview-content::-webkit-scrollbar-thumb,.app-sidebar nav::-webkit-scrollbar-thumb,.global-search-results::-webkit-scrollbar-thumb,.drive-search-results::-webkit-scrollbar-thumb,.wtwrap::-webkit-scrollbar-thumb,.chat-sidebar::-webkit-scrollbar-thumb,.share-public-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text) 10%,transparent);border-radius:999px;border:0}
.cloud-preview-drawer-body:hover::-webkit-scrollbar-thumb,.cloud-preview-content:hover::-webkit-scrollbar-thumb,.app-sidebar nav:hover::-webkit-scrollbar-thumb,.global-search-results:hover::-webkit-scrollbar-thumb,.drive-search-results:hover::-webkit-scrollbar-thumb,.wtwrap:hover::-webkit-scrollbar-thumb,.chat-sidebar:hover::-webkit-scrollbar-thumb,.share-public-list:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text) 20%,transparent)}


/* Kanban detail panels + richer task metadata */
.kanban-col-actions{display:flex;align-items:center;gap:2px}.kanban-col-more,.kanban-task-more{width:28px;height:28px;min-height:28px;padding:0;border:0;background:transparent;color:var(--metadata);border-radius:7px;font-weight:700;letter-spacing:1px}.kanban-col-more:hover,.kanban-task-more:hover{background:var(--surface-hover);color:var(--text)}
.kanban-column[data-color="pink"] .kanban-col-head i{background:#F16F8A}.kanban-column[data-color="orange"] .kanban-col-head i{background:#E9A23B}.kanban-column[data-color="teal"] .kanban-col-head i{background:#26B8A5}.kanban-column[data-color="blue"] .kanban-col-head i{background:#5A91F2}.kanban-column[data-color="green"] .kanban-col-head i{background:#57B47B}.kanban-column[data-color="purple"] .kanban-col-head i{background:#9877DB}.kanban-column[data-color="slate"] .kanban-col-head i{background:#9298A1}
.kanban-card{position:relative;overflow:hidden;padding:12px 12px 10px}.kanban-card-accent{position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent}.kanban-card[data-color="pink"] .kanban-card-accent{background:#F16F8A}.kanban-card[data-color="orange"] .kanban-card-accent{background:#E9A23B}.kanban-card[data-color="teal"] .kanban-card-accent{background:#26B8A5}.kanban-card[data-color="blue"] .kanban-card-accent{background:#5A91F2}.kanban-card[data-color="green"] .kanban-card-accent{background:#57B47B}.kanban-card[data-color="purple"] .kanban-card-accent{background:#9877DB}.kanban-card[data-color="slate"] .kanban-card-accent{background:#7D848E}.kanban-card-desc{margin-top:6px;color:var(--muted);font-size:11.3px;line-height:1.42;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kanban-card-meta{display:flex;align-items:center;gap:6px;min-width:0}.kanban-attach-count{font-size:10px;color:var(--metadata);white-space:nowrap}
.kanban-detail-panel{position:fixed;inset:0;width:min(620px,calc(100vw - 32px));max-height:min(82dvh,760px);height:auto;margin:auto;padding:0;border:1px solid var(--line-strong);border-radius:14px;background:var(--dialog);box-shadow:0 24px 72px rgba(0,0,0,.34);overflow:hidden}.kanban-detail-panel::backdrop{background:rgba(0,0,0,.42)}.kanban-detail-panel form{max-height:min(82dvh,760px);height:auto;padding:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0}.kanban-panel-head{min-height:62px;padding:10px 12px 10px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.kanban-panel-head small{display:block;color:var(--metadata);font-size:9.8px;font-weight:700;letter-spacing:.055em}.kanban-panel-head h2{font-size:16px;margin-top:2px}.kanban-panel-body{padding:16px;overflow:auto;display:grid;align-content:start;gap:14px}.kanban-panel-body textarea{resize:vertical;min-height:108px}.kanban-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kanban-color-picker{min-height:36px;display:flex;align-items:center;gap:6px}.kanban-color-picker button{width:24px;height:24px;min-height:24px;padding:0;border:0;border-radius:50%;background:#7D848E;box-shadow:0 0 0 1px color-mix(in srgb,var(--text) 8%,transparent)}.kanban-color-picker button[data-color="blue"]{background:#5A91F2}.kanban-color-picker button[data-color="green"]{background:#57B47B}.kanban-color-picker button[data-color="orange"]{background:#E9A23B}.kanban-color-picker button[data-color="pink"]{background:#F16F8A}.kanban-color-picker button[data-color="purple"]{background:#9877DB}.kanban-color-picker button[data-color="teal"]{background:#26B8A5}.kanban-color-picker button.active{box-shadow:0 0 0 2px var(--dialog),0 0 0 4px var(--text);transform:scale(.92)}.kanban-file-field input{padding:7px;background:var(--surface-sunken)}.kanban-file-field small{font-size:10.5px;color:var(--metadata);font-weight:500}.kanban-attachments{display:grid;gap:5px}.kanban-attachment{min-height:38px;padding:5px 6px 5px 9px;border-radius:8px;background:var(--surface-sunken);display:grid;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:7px}.kanban-attachment a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;font-size:11.5px;font-weight:600;color:var(--text)}.kanban-attachment small{font-size:9.8px;color:var(--metadata)}.kanban-attachment-remove{width:28px;height:28px;min-height:28px;padding:0;border:0;background:transparent;border-radius:7px;color:var(--metadata)}.kanban-attachment-remove:hover{background:var(--surface-hover);color:var(--danger)}.kanban-panel-actions{min-height:58px;padding:10px 12px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:7px;background:var(--surface-sunken)}.kanban-column-summary{padding:12px;border-radius:9px;background:var(--surface-sunken);display:grid;gap:4px}.kanban-column-summary b{font-size:12px}.kanban-column-summary span{font-size:11.5px;color:var(--muted)}.kanban-column-summary small{font-size:10.5px;color:var(--metadata);line-height:1.4}
.kanban-column{border:0;background:var(--surface-sunken)}.kanban-column.drop-target{border:0;box-shadow:none;background:var(--surface-selected)}.kanban-card{border:0}.kanban-drop-placeholder{border:0;box-shadow:none;background:color-mix(in srgb,var(--accent) 10%,var(--surface-selected))}.kanban-drag-ghost{border:0;box-shadow:0 16px 40px rgba(0,0,0,.24)}
@media(max-width:600px){.kanban-detail-panel{inset:0;width:calc(100vw - 20px);max-height:calc(100dvh - 28px);height:auto;margin:auto;border-radius:14px}.kanban-detail-panel form{max-height:calc(100dvh - 28px)}.kanban-field-grid{grid-template-columns:1fr}.kanban-panel-actions{padding-bottom:calc(10px + env(safe-area-inset-bottom))}}

@media(max-width:800px){body.cloud-audio-open{padding-bottom:138px}.cloud-audio-player{left:0;min-height:128px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:6px 8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}.cloud-audio-track{grid-column:1}.cloud-audio-art{width:38px;height:38px;flex-basis:38px;border-radius:9px}.cloud-audio-actions{grid-column:2;grid-row:1}.cloud-audio-actions #cloudAudioStop{display:none}.cloud-audio-center{grid-column:1/-1;grid-row:2}.cloud-audio-controls{gap:5px}.cloud-audio-progress{grid-template-columns:31px 1fr 31px}.preview-head-download span{display:none}.preview-head-download{width:30px;padding:0}}

/* Kanban interaction model: single click selects, double-click edits, overflow opens a menu. */
.kanban-card.kanban-selected{background:var(--surface-selected);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 22%,var(--line-strong))}.kanban-card.kanban-selected .kanban-card-title{color:var(--text)}
.kanban-item-menu{position:fixed;z-index:5200;width:188px;padding:5px;background:var(--menu);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-pop);color:var(--text)}.kanban-item-menu[hidden]{display:none}.kanban-item-menu button{width:100%;height:34px;min-height:34px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:flex-start;gap:8px;font-size:12.4px;font-weight:570}.kanban-item-menu button:hover{background:var(--surface-hover)}.kanban-item-menu button.danger-text{color:var(--danger)}.kanban-menu-icon{width:16px;display:inline-grid;place-items:center;color:var(--metadata);font-size:13px}.kanban-item-menu button:hover .kanban-menu-icon{color:currentColor}.kanban-menu-sep{height:1px;margin:4px 5px;background:var(--line)}

/* Kanban completion, attachment previews and context move */
.kanban-head-actions{display:flex;align-items:center;gap:6px}.kanban-card-topline{display:grid;grid-template-columns:26px minmax(0,1fr) 28px;align-items:center;gap:7px}.kanban-card-topline .kanban-card-title{min-width:0}.kanban-complete-btn{width:24px;height:24px;min-height:24px;padding:0;border:0;border-radius:50%;background:var(--surface-sunken);color:var(--metadata);display:grid;place-items:center}.kanban-complete-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2}.kanban-complete-btn:hover{background:var(--surface-selected);color:var(--text)}.kanban-complete-btn[aria-pressed="true"]{background:var(--green);color:#fff}.kanban-card.is-completed .kanban-card-title{text-decoration:line-through;text-decoration-thickness:1px;color:var(--muted)}.kanban-card.is-completed .kanban-card-accent{opacity:.55}.kanban-task-more{width:28px;height:28px;min-height:28px;padding:0;border:0;background:transparent;color:var(--metadata);border-radius:7px}.kanban-task-more:hover{background:var(--surface-hover);color:var(--text)}
.kanban-card-thumbs{display:flex;align-items:center;gap:5px;margin-top:9px;overflow:hidden}.kanban-card-thumb{width:52px;height:38px;min-width:52px;border-radius:7px;overflow:hidden;background:var(--surface-sunken);display:grid;place-items:center;text-decoration:none;color:var(--metadata);font-size:9px;font-weight:700}.kanban-card-thumb:hover{background:var(--surface-selected);color:var(--text)}.kanban-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.kanban-thumb-more{height:30px;padding:0 7px;border-radius:7px;background:var(--surface-sunken);display:inline-flex;align-items:center;color:var(--metadata);font-size:10px;font-weight:650}
.kanban-attachment{grid-template-columns:minmax(0,1fr) auto 28px;padding-left:6px}.kanban-attachment-preview{display:grid!important;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;min-width:0}.kanban-attachment-preview img,.kanban-attachment-preview>span{width:42px;height:32px;border-radius:6px;background:var(--surface-selected);object-fit:cover;display:grid;place-items:center;color:var(--metadata);font-size:8px;font-weight:750}.kanban-attachment-preview b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px}.kanban-item-menu{max-height:min(70vh,520px);overflow:auto}.kanban-menu-label{padding:8px 9px 4px;color:var(--metadata);font-size:9.8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.kanban-setting-note{margin:0;color:var(--metadata);font-size:11.5px;line-height:1.45}.kanban-settings-panel{width:min(500px,calc(100vw - 32px))}
@media(max-width:720px){.kanban-head-actions{gap:4px}.kanban-card-thumb{width:46px;min-width:46px;height:34px}.kanban-item-menu{width:min(230px,calc(100vw - 16px))}}


/* 2026-09-29 — Tablolar: ikon ve üst-bar çakışma düzeltmesi */
.table-ui-route .global-top-actions{display:none!important}
@media(min-width:801px){.table-ui-route .sheets-head{padding-right:18px}}
.mini-sheet-icon:not(.muted-icon){background:color-mix(in srgb,#107c41 9%,var(--surface-raised));border-color:color-mix(in srgb,#107c41 18%,var(--line));color:#107c41}
.mini-sheet-icon svg{display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.mini-sheet-icon.muted-icon{border-color:var(--line);color:var(--metadata)}
html[data-theme="modern_dark"] .mini-sheet-icon:not(.muted-icon){background:#173027;border-color:#25483a;color:#35c481}

/* 2026-09-29 — Excel editor uses the whole viewport; its own rail replaces Cloud sidebar. */
body.table-ui-route main.worktrack-sheet-main{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:100dvh!important;overflow:hidden!important}
body.table-ui-route main.worktrack-sheet-main>.page-shell{width:100%!important;max-width:none!important;min-width:0!important;min-height:100dvh!important;margin:0!important;padding:0!important;overflow:hidden!important}


/* 2026-09-29 — system-wide ellipsis/glyph clipping safety */
.brand b,.sideuser b,.sideuser small,
.fileinfo b,.fileinfo small,.drive-list-name b,.drive-list-name small,
.cloud-preview-titlewrap b,.cloud-preview-titlewrap span,
.global-search-preview-copy>b,.global-search-preview dd,
.analysis-table>a b,.analysis-table>div b,
.kanban-attachment-preview b{
  box-sizing:border-box;
  padding-inline:1px;
}
.page-head h1,.page-head h2,.compact-head h1,.compact-head h2,
.file-header h1,.file-header h2{
  text-wrap:pretty;
  overflow-wrap:anywhere;
}

/* 2026-09-29 — clarity pass: Trash, Messages and Kanban */
.trash-page-head>div{min-width:0}.trash-page-head p,.chat-page-head p{margin:4px 0 0;color:var(--muted);font-size:11.5px;line-height:1.4}
.trash-settings-btn{min-width:126px}
.trash-policy{min-height:58px;padding:11px 13px;border-radius:10px;background:var(--surface-sunken);border-color:var(--line)}
.trash-policy>span{width:34px;height:34px;border-radius:8px;background:var(--surface-selected);color:var(--accent)}
.trash-policy b{display:block;font-size:12.5px}.trash-policy small{display:block;margin-top:3px;color:var(--muted);font-size:10.5px;line-height:1.4}
.trash-people-section{margin:16px 0 18px}.trash-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.trash-section-head>div{min-width:0}.trash-section-head b{display:block;font-size:12.5px}.trash-section-head small{display:block;margin-top:3px;color:var(--muted);font-size:10.5px}
.trash-people-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px}.trash-people-grid .unified-trash-card{min-height:76px!important;padding:11px 12px!important}.trash-people-grid .trash-kind{width:38px;height:38px}
.trash-bulkbar{justify-content:flex-start!important;min-height:48px;padding:7px 9px;margin:0 0 8px;border:1px solid var(--line);border-radius:10px;background:var(--surface-sunken)}
.trash-bulkbar>label{display:flex;align-items:center;gap:8px;min-height:34px;font-size:11.5px;font-weight:650}.trash-bulkbar>span{color:var(--muted);font-size:11px}.trash-bulkbar form{margin-left:auto}.trash-bulkbar .danger{min-height:34px;padding:0 11px;font-size:11px}
.trash-main-list{gap:6px}.trash-entry{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:11px;align-items:center;min-height:66px;padding:9px 10px 9px 46px;border-radius:9px;background:var(--surface-main)}
.trash-entry:hover{background:var(--surface-hover);border-color:transparent}.trash-entry>.trash-kind{grid-column:1;width:36px;height:36px}.trash-entry>div:not(.trash-card-actions){grid-column:2;min-width:0}.trash-entry>div:not(.trash-card-actions)>b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}.trash-entry .trash-card-actions{grid-column:3;display:flex;align-items:center;gap:5px;margin-left:0}.trash-entry .trash-card-actions form{margin:0}.trash-entry .trash-card-actions button{min-height:34px;padding:0 10px;font-size:10.8px;white-space:nowrap}.trash-entry .trash-select{left:10px}.trash-entry .trash-kind.trash-thumb{overflow:hidden}.trash-entry .trash-kind.trash-thumb img{width:100%;height:100%;object-fit:cover}

/* Messages: fix composer geometry and make actions legible instead of floating. */
.route-chat .page-shell{padding-bottom:0!important}.chat-page-head{min-height:68px}.messenger,.messenger-v5,.messenger-v6,.messenger-v7{height:calc(100dvh - 68px);min-height:520px}
.chat-sidebar{padding:10px;background:var(--surface-sunken)}.chat-side-head{padding:8px 6px}.chat-row{min-height:50px;padding:7px 7px;border-radius:9px}.chat-row-menu{width:28px;height:28px;min-width:28px;display:grid;place-items:center;border-radius:8px;opacity:.64;flex:0 0 auto}.chat-row:hover .chat-row-menu,.chat-row.selected .chat-row-menu{opacity:1}.chat-row-menu:hover{background:var(--surface-hover)}
.conversation-head{min-height:60px;padding:9px 12px}.conversation-title b{font-size:13.5px}.conversation-title small{font-size:10.5px}.conversation-tools{gap:4px}
#messages{padding:18px clamp(14px,4vw,42px);gap:9px}.msg{max-width:min(72%,680px);padding:9px 12px;border-radius:11px}.msg p{font-size:13px;line-height:1.48}.msg.mine{border-radius:11px 11px 4px 11px}.msg.theirs{border-radius:11px 11px 11px 4px}
.message-more,.share-message{top:5px;width:28px;height:28px;min-height:28px;border-radius:8px;opacity:0}.message-more{left:-34px}.share-message{right:-34px}.message-more:hover,.share-message:hover{background:var(--surface-hover);color:var(--text)}
.chat-composer{grid-template-columns:38px 38px minmax(0,1fr) auto!important;align-items:end;gap:7px;padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:var(--surface-main)}.chat-composer .attach-btn{width:38px;height:38px}.composer-main{min-height:40px;padding:4px 8px;border-radius:10px}.composer-main textarea{min-height:30px;max-height:120px;resize:none;padding:5px 3px}.send-btn{height:40px;min-height:40px}.mobile-chat-current-more{display:none}

/* Kanban desktop stays multi-column; mobile navigation is declared in the mobile layer. */
.kanban-mobile-tabs{display:none}.kanban-col-head b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kanban-card{min-width:0}.kanban-card-title{overflow-wrap:anywhere}


/* 2026-09-29 — System-wide flat interaction language: hover/selected fill replaces decorative strokes */
/* Structural borders stay; interactive hover/selection does not add a second outline. */
.app-sidebar nav a:hover,.app-sidebar nav a.active,
.worktrack-side-row:hover,.worktrack-side-row.active,.worktrack-side-home:hover,.worktrack-side-home.active,
.table-drive-card:hover,.trash-entry:hover,.chat-row:hover,.kanban-card:hover,
.analysis-table>a:hover,.analysis-bar-row:hover,.share-center-row:hover,.scheduled-item:hover,.vault-card:hover{
  border-color:transparent!important;box-shadow:none!important;
}
.filecard.drive-folder-card.drive-selected,.filecard.drive-folder-card.selected,.filecard.file-tile.drive-selected,.filecard.file-tile.selected,
.table-drive-card.selected,.theme-card.selected,.appearance-pick.selected,.font-card.selected,.chat-row.selected,.kanban-mobile-tabs button.active{
  border-color:transparent!important;outline:0!important;box-shadow:none!important;background:var(--surface-selected)!important;
}
@media(max-width:800px){
  .kanban-mobile-tabs button,.kanban-mobile-tabs button.active,.kanban-add-task,
  .mobile-action-sheet button,.mobile-bottom-sheet button,.mobile-file-actions button,.mobile-context-sheet button{border-color:transparent!important;box-shadow:none!important}
}


/* 2026-09-29 — definitive white-shell + quiet scrollbar pass
   Light mode uses literal white for every shell/surface. Separation comes from
   structural 1px strokes and tonal hover fills only. */
html[data-theme="modern_light"]{
  --desktop-bg:#FFFFFF;--bg:#FFFFFF;--side:#FFFFFF;--card:#FFFFFF;--panel:#FFFFFF;--soft:#FFFFFF;
  --surface-main:#FFFFFF;--surface-raised:#FFFFFF;--surface-sunken:#FFFFFF;--page-surface:#FFFFFF;
  --sidebar-bg:#FFFFFF;--input:#FFFFFF;--menu:#FFFFFF;--dialog:#FFFFFF;--preview:#FFFFFF;
  --control-bg:#FFFFFF;--primary-control-bg:#FFFFFF;
  --surface-hover:#F5F5F5;--surface-pressed:#EFEFEF;--surface-selected:#F1F1F1;
  --folder-hover:#F5F5F5;--control-hover:#F5F5F5;--sidebar-hover:#F5F5F5;
  --sidebar-active:#F1F1F1;--sidebar-active-bg:#F1F1F1;
  --line:rgba(20,24,28,.10);--line-strong:rgba(20,24,28,.14);--sidebar-border:rgba(20,24,28,.12);
}
html[data-theme="modern_light"],
html[data-theme="modern_light"] body,
html[data-theme="modern_light"] .app-sidebar,
html[data-theme="modern_light"] main:not(.authmain):not(.device-lock-page):not(.panel-preview-shell),
html[data-theme="modern_light"] main:not(.authmain):not(.device-lock-page):not(.panel-preview-shell)>.page-shell,
html[data-theme="modern_light"] .worktrack-sheet-main,
html[data-theme="modern_light"] .worktrack-sheet-main>.page-shell{background:#FFFFFF!important}
.app-sidebar{border-right:1px solid var(--sidebar-border)!important}

/* Reference-like panel separation: thin neutral stroke, never a gray sidebar fill. */
html[data-theme="modern_light"] .app-sidebar{box-shadow:none!important}

/* Scrollbars stay visible but do not jump to a harsh dark tone on hover. */
html[data-theme="modern_light"] *{scrollbar-color:rgba(20,24,28,.12) transparent}
html[data-theme="modern_light"] ::-webkit-scrollbar-thumb{background:rgba(20,24,28,.10)!important;border-radius:999px}
html[data-theme="modern_light"] :hover::-webkit-scrollbar-thumb{background:rgba(20,24,28,.13)!important}
html[data-theme="modern_light"] ::-webkit-scrollbar-thumb:hover{background:rgba(20,24,28,.16)!important}
.cloud-preview-drawer-body:hover::-webkit-scrollbar-thumb,.cloud-preview-content:hover::-webkit-scrollbar-thumb,.app-sidebar nav:hover::-webkit-scrollbar-thumb,.global-search-results:hover::-webkit-scrollbar-thumb,.drive-search-results:hover::-webkit-scrollbar-thumb,.wtwrap:hover::-webkit-scrollbar-thumb,.chat-sidebar:hover::-webkit-scrollbar-thumb,.share-public-list:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text) 13%,transparent)}

/* ==========================================================================
   2026-09-29 — FINAL UI CONSISTENCY PASS
   One white light shell, stronger text contrast, quiet scrollbars, and fully
   actionable Drive menus. Keep this block last so older theme fragments
   cannot re-introduce gray page/sidebar fills.
   ========================================================================== */
html[data-theme="modern_light"],
html[data-theme="gray_light"],html[data-theme="arctic"],html[data-theme="rose"],html[data-theme="sand"]{
  --desktop-bg:#FFFFFF;--bg:#FFFFFF;--side:#FFFFFF;--card:#FFFFFF;--panel:#FFFFFF;--soft:#FFFFFF;
  --surface-main:#FFFFFF;--surface-raised:#FFFFFF;--surface-sunken:#FFFFFF;--page-surface:#FFFFFF;
  --sidebar-bg:#FFFFFF;--input:#FFFFFF;--menu:#FFFFFF;--dialog:#FFFFFF;--preview:#FFFFFF;--control-bg:#FFFFFF;
  --text:#090909;--muted:#202020;--metadata:#4A4A4A;--file-name:#090909;
  --surface-hover:#F6F6F6;--surface-pressed:#EEEEEE;--surface-selected:#F1F1F1;
  --folder-hover:#F6F6F6;--control-hover:#F6F6F6;--sidebar-hover:#F6F6F6;--sidebar-active:#F1F1F1;--sidebar-active-bg:#F1F1F1;
  --sidebar-text:#090909;--sidebar-muted:#4A4A4A;--sidebar-active-text:#090909;--sidebar-icon:#202020;
  --line:rgba(12,16,20,.11);--line-strong:rgba(12,16,20,.18);--sidebar-border:rgba(12,16,20,.16);--input-line:rgba(12,16,20,.15);
  --shadow-window:0 12px 30px rgba(20,24,28,.08);--shadow-pop:0 16px 34px rgba(20,24,28,.12);
}
html[data-theme="modern_light"],html[data-theme="modern_light"] body,
html[data-theme="gray_light"],html[data-theme="gray_light"] body,
html[data-theme="arctic"],html[data-theme="arctic"] body,
html[data-theme="rose"],html[data-theme="rose"] body,
html[data-theme="sand"],html[data-theme="sand"] body,
html[data-theme="modern_light"] .app-sidebar,html[data-theme="gray_light"] .app-sidebar,html[data-theme="arctic"] .app-sidebar,html[data-theme="rose"] .app-sidebar,html[data-theme="sand"] .app-sidebar,
html[data-theme="modern_light"] main:not(.authmain):not(.device-lock-page):not(.panel-preview-shell),html[data-theme="modern_light"] main:not(.authmain):not(.device-lock-page):not(.panel-preview-shell)>.page-shell,
html[data-theme="gray_light"] main:not(.authmain):not(.device-lock-page):not(.panel-preview-shell),html[data-theme="gray_light"] main:not(.authmain):not(.device-lock-page):not(.panel-preview-shell)>.page-shell,
html[data-theme="arctic"] main:not(.authmain):not(.device-lock-page):not(.panel-preview-shell),html[data-theme="arctic"] main:not(.authmain):not(.device-lock-page):not(.panel-preview-shell)>.page-shell,
html[data-theme="rose"] main:not(.authmain):not(.device-lock-page):not(.panel-preview-shell),html[data-theme="rose"] main:not(.authmain):not(.device-lock-page):not(.panel-preview-shell)>.page-shell,
html[data-theme="sand"] main:not(.authmain):not(.device-lock-page):not(.panel-preview-shell),html[data-theme="sand"] main:not(.authmain):not(.device-lock-page):not(.panel-preview-shell)>.page-shell,
html[data-theme="modern_light"] .worktrack-sheet-main,html[data-theme="modern_light"] .worktrack-sheet-main>.page-shell,
html[data-theme="gray_light"] .worktrack-sheet-main,html[data-theme="gray_light"] .worktrack-sheet-main>.page-shell,
html[data-theme="arctic"] .worktrack-sheet-main,html[data-theme="arctic"] .worktrack-sheet-main>.page-shell,
html[data-theme="rose"] .worktrack-sheet-main,html[data-theme="rose"] .worktrack-sheet-main>.page-shell,
html[data-theme="sand"] .worktrack-sheet-main,html[data-theme="sand"] .worktrack-sheet-main>.page-shell{
  background:#FFFFFF!important;
}
/* White means white: structural components stay white until hover/selected state. */
html[data-theme="modern_light"] :is(.drive-commandbar,.file-toolbar,.drive-location-toolbar,.panelcard,.security-panel,.appearance-section,.chat-sidebar,.chat-composer,.kanban-column,.kanban-card,.table-drive-card,.share-center-row,.global-search-inputrow,.cloud-share-footer,.drive-folder-color-preview,.drive-transfer-footer),
html[data-theme="gray_light"] :is(.drive-commandbar,.file-toolbar,.drive-location-toolbar,.panelcard,.security-panel,.appearance-section,.chat-sidebar,.chat-composer,.kanban-column,.kanban-card,.table-drive-card,.share-center-row,.global-search-inputrow,.cloud-share-footer,.drive-folder-color-preview),
html[data-theme="arctic"] :is(.drive-commandbar,.file-toolbar,.drive-location-toolbar,.panelcard,.security-panel,.appearance-section,.chat-sidebar,.chat-composer,.kanban-column,.kanban-card,.table-drive-card,.share-center-row,.global-search-inputrow,.cloud-share-footer,.drive-folder-color-preview),
html[data-theme="rose"] :is(.drive-commandbar,.file-toolbar,.drive-location-toolbar,.panelcard,.security-panel,.appearance-section,.chat-sidebar,.chat-composer,.kanban-column,.kanban-card,.table-drive-card,.share-center-row,.global-search-inputrow,.cloud-share-footer,.drive-folder-color-preview),
html[data-theme="sand"] :is(.drive-commandbar,.file-toolbar,.drive-location-toolbar,.panelcard,.security-panel,.appearance-section,.chat-sidebar,.chat-composer,.kanban-column,.kanban-card,.table-drive-card,.share-center-row,.global-search-inputrow,.cloud-share-footer,.drive-folder-color-preview){background:#FFFFFF!important}
.app-sidebar{border-right:1px solid var(--sidebar-border)!important;box-shadow:none!important}
.drive-commandbar,.file-toolbar,.drive-location-toolbar{border-color:var(--line-strong)!important}

/* Dark theme: text is intentionally crisp white; metadata remains readable, never muddy gray. */
html[data-theme="modern_dark"],html[data-theme="gray_dark"],html[data-theme="mono"],html[data-theme="graphite"],html[data-theme="ocean"],html[data-theme="forest"],html[data-theme="ember"]{
  --text:#FFFFFF;--muted:#FFFFFF;--metadata:#E6E6E6;--file-name:#FFFFFF;
  --sidebar-text:#FFFFFF;--sidebar-muted:#ECECEC;--sidebar-active-text:#FFFFFF;--sidebar-icon:#FFFFFF;
}
html[data-theme="modern_dark"] :is(h1,h2,h3,b,strong,label,.file-name,.fileinfo b,.table-card-main b,.kanban-card-title,.chat-row-text b),
html[data-theme="gray_dark"] :is(h1,h2,h3,b,strong,label,.file-name,.fileinfo b,.table-card-main b,.kanban-card-title,.chat-row-text b),
html[data-theme="mono"] :is(h1,h2,h3,b,strong,label,.file-name,.fileinfo b,.table-card-main b,.kanban-card-title,.chat-row-text b),
html[data-theme="graphite"] :is(h1,h2,h3,b,strong,label,.file-name,.fileinfo b,.table-card-main b,.kanban-card-title,.chat-row-text b){color:#FFFFFF}

/* Scrollbars: visible enough to find, never turn into a black/white bar on hover. */
html[data-theme="modern_light"] *,html[data-theme="gray_light"] *,html[data-theme="arctic"] *,html[data-theme="rose"] *,html[data-theme="sand"] *{scrollbar-color:rgba(18,22,26,.10) transparent}
html[data-theme="modern_light"] ::-webkit-scrollbar-thumb,html[data-theme="gray_light"] ::-webkit-scrollbar-thumb,html[data-theme="arctic"] ::-webkit-scrollbar-thumb,html[data-theme="rose"] ::-webkit-scrollbar-thumb,html[data-theme="sand"] ::-webkit-scrollbar-thumb{background:rgba(18,22,26,.09)!important;border-radius:999px!important}
html[data-theme="modern_light"] :hover::-webkit-scrollbar-thumb,html[data-theme="gray_light"] :hover::-webkit-scrollbar-thumb,html[data-theme="arctic"] :hover::-webkit-scrollbar-thumb,html[data-theme="rose"] :hover::-webkit-scrollbar-thumb,html[data-theme="sand"] :hover::-webkit-scrollbar-thumb{background:rgba(18,22,26,.12)!important}
html[data-theme="modern_light"] ::-webkit-scrollbar-thumb:hover,html[data-theme="gray_light"] ::-webkit-scrollbar-thumb:hover,html[data-theme="arctic"] ::-webkit-scrollbar-thumb:hover,html[data-theme="rose"] ::-webkit-scrollbar-thumb:hover,html[data-theme="sand"] ::-webkit-scrollbar-thumb:hover{background:rgba(18,22,26,.14)!important}
html[data-theme="modern_dark"] *{scrollbar-color:rgba(255,255,255,.24) transparent}
html[data-theme="modern_dark"] ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18)!important;border-radius:999px!important}
html[data-theme="modern_dark"] :hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.24)!important}
html[data-theme="modern_dark"] ::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.28)!important}

/* Drive right-click: every visible row is an actual full-width action. */
.drive-context-menu{width:252px;max-height:min(78vh,620px);overflow:auto;padding:6px;border-color:var(--line-strong);border-radius:11px}
.drive-context-head{padding:8px 9px 10px;margin-bottom:4px}.drive-context-head>div{min-width:0}.drive-context-head b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.8px}.drive-context-head small{display:block;margin-top:2px;color:var(--metadata);font-size:10.5px}
.drive-context-group{display:grid;gap:2px}.drive-context-group button{position:relative;z-index:1;width:100%;height:38px;min-height:38px;padding:0 9px;border-radius:7px;cursor:pointer;pointer-events:auto;font-weight:560}
.drive-context-group button>*{pointer-events:none}.drive-context-group button svg{width:16px;height:16px;min-width:16px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.drive-context-group button span:not(.drive-folder-color-dot):not(.chev){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drive-context-group button:hover{background:var(--surface-hover)!important}.drive-context-group button:active{background:var(--surface-pressed)!important}.drive-context-group button:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 42%,transparent);outline-offset:-2px}.drive-context-group button[hidden]{display:none!important}.drive-context-secondary{padding-top:0}.drive-folder-color-action .drive-folder-color-dot{margin-left:auto}.drive-context-destructive button{color:var(--danger)!important}
.menu-sep{margin:5px 4px;background:var(--line-strong)}

/* Folder colour chooser: clean tiles, predictable hit areas and no cramped controls. */
.drive-folder-color-dialog{width:min(560px,calc(100vw - 24px));border-color:var(--line-strong);border-radius:13px}
.drive-folder-color-head{min-height:60px;height:auto;padding:11px 14px 11px 17px}.drive-folder-color-head h2{font-size:16px}.drive-folder-color-head small{max-width:420px;font-size:11px;color:var(--metadata)}
.drive-folder-color-body{padding:14px 16px 16px}.drive-folder-color-preview{height:auto;min-height:54px;padding:8px 11px;margin-bottom:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-main)!important}
.drive-folder-color-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.drive-folder-color-grid .folder-swatch{position:relative;height:64px;min-height:64px;padding:7px 5px;border:1px solid var(--line);border-radius:9px;background:var(--surface-main);cursor:pointer}.drive-folder-color-grid .folder-swatch:hover{background:var(--surface-hover);border-color:var(--line-strong)}.drive-folder-color-grid .folder-swatch.active{background:var(--surface-selected);border-color:color-mix(in srgb,var(--accent) 58%,var(--line-strong));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent)}.drive-folder-color-grid .folder-swatch i{width:25px;height:19px;border-radius:5px}.drive-folder-color-grid .folder-swatch span{font-size:10px;line-height:1.15;white-space:normal;text-align:center}.drive-folder-custom-color{grid-template-columns:minmax(0,1fr) minmax(150px,auto) auto;gap:10px}.drive-folder-custom-control{min-width:150px}.drive-folder-custom-apply{min-width:76px}

/* New chooser: distinct cards, white base in light mode, strong labels and no clipping. */
.drive-create-dialog{width:min(92vw,570px);border-color:var(--line-strong);border-radius:13px;background:var(--dialog)}
.drive-create-head{padding:16px 17px 13px}.drive-create-grid{gap:8px;padding:10px}.drive-create-option{height:auto;min-height:68px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface-main);overflow:visible;gap:10px}.drive-create-option:hover{background:var(--surface-hover);border-color:var(--line-strong)}.drive-create-option:active{background:var(--surface-pressed)}.drive-create-option b{font-size:13px;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25}.drive-create-icon{width:36px;height:36px;min-width:36px;min-height:36px;background:var(--surface-main);border-color:var(--line-strong)}

@media(max-width:800px){
  .drive-context-menu{left:8px!important;right:8px!important;width:auto!important;max-height:76dvh!important;padding:7px!important}.drive-context-group button{min-height:48px!important;height:auto!important;padding:11px 12px!important;font-size:14px!important}.drive-context-group button span:not(.drive-folder-color-dot):not(.chev){white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}.drive-context-head b,.drive-context-head small{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}
  .drive-folder-color-dialog{width:calc(100vw - 16px)!important}.drive-folder-color-body{padding:12px!important}.drive-folder-color-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.drive-folder-color-grid .folder-swatch{min-height:66px!important;height:auto!important}.drive-folder-custom-color{grid-template-columns:1fr!important;align-items:stretch!important}.drive-folder-custom-control{width:100%!important;min-width:0!important;justify-content:space-between!important}.drive-folder-custom-apply{width:100%!important;min-height:46px!important}
  .drive-create-dialog{width:calc(100vw - 16px)!important}.drive-create-grid{grid-template-columns:1fr!important;gap:7px!important;padding:9px!important}.drive-create-wide{grid-column:auto!important}.drive-create-option{min-height:62px!important;padding:9px 10px!important}.drive-create-option b{font-size:14px!important}.drive-create-head{padding:14px 14px 12px!important}
}


/* 2026-09-29 final UI refinements: pure-white light shell, cleaner creation/color modals, and menus that can scroll without closing. */
html[data-theme="modern_light"],
html[data-theme="gray_light"],
html[data-theme="arctic"],
html[data-theme="rose"],
html[data-theme="sand"]{
  --desktop-bg:#FFFFFF !important;
  --bg:#FFFFFF !important;
  --side:#FFFFFF !important;
  --card:#FFFFFF !important;
  --panel:#FFFFFF !important;
  --soft:#FFFFFF !important;
  --surface-main:#FFFFFF !important;
  --surface-raised:#FFFFFF !important;
  --surface-sunken:#FFFFFF !important;
  --page-surface:#FFFFFF !important;
  --menu:#FFFFFF !important;
  --dialog:#FFFFFF !important;
  --preview:#FFFFFF !important;
  --input:#FFFFFF !important;
  --sidebar-bg:#FFFFFF !important;
  --sidebar-border:rgba(15,20,24,.14) !important;
  --sidebar-hover:#F6F6F6 !important;
  --sidebar-active:#F2F2F2 !important;
  --sidebar-active-bg:#F2F2F2 !important;
  --text:#0B0B0B !important;
  --muted:#151515 !important;
  --metadata:#424242 !important;
}
html[data-theme="modern_light"] body,
html[data-theme="gray_light"] body,
html[data-theme="arctic"] body,
html[data-theme="rose"] body,
html[data-theme="sand"] body,
html[data-theme="modern_light"] main,
html[data-theme="gray_light"] main,
html[data-theme="arctic"] main,
html[data-theme="rose"] main,
html[data-theme="sand"] main,
html[data-theme="modern_light"] .page-shell,
html[data-theme="gray_light"] .page-shell,
html[data-theme="arctic"] .page-shell,
html[data-theme="rose"] .page-shell,
html[data-theme="sand"] .page-shell,
html[data-theme="modern_light"] .app-sidebar,
html[data-theme="gray_light"] .app-sidebar,
html[data-theme="arctic"] .app-sidebar,
html[data-theme="rose"] .app-sidebar,
html[data-theme="sand"] .app-sidebar{
  background:#FFFFFF !important;
}
html[data-theme="modern_light"] .app-sidebar,
html[data-theme="gray_light"] .app-sidebar,
html[data-theme="arctic"] .app-sidebar,
html[data-theme="rose"] .app-sidebar,
html[data-theme="sand"] .app-sidebar{position:fixed}
html[data-theme="modern_light"] .app-sidebar::after,
html[data-theme="gray_light"] .app-sidebar::after,
html[data-theme="arctic"] .app-sidebar::after,
html[data-theme="rose"] .app-sidebar::after,
html[data-theme="sand"] .app-sidebar::after{
  content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:rgba(15,20,24,.14);pointer-events:none;
}
html[data-theme="modern_light"] .sidebar-top,
html[data-theme="gray_light"] .sidebar-top,
html[data-theme="arctic"] .sidebar-top,
html[data-theme="rose"] .sidebar-top,
html[data-theme="sand"] .sidebar-top,
html[data-theme="modern_light"] .sidebar-bottom,
html[data-theme="gray_light"] .sidebar-bottom,
html[data-theme="arctic"] .sidebar-bottom,
html[data-theme="rose"] .sidebar-bottom,
html[data-theme="sand"] .sidebar-bottom,
html[data-theme="modern_light"] .sidefoot,
html[data-theme="gray_light"] .sidefoot,
html[data-theme="arctic"] .sidefoot,
html[data-theme="rose"] .sidefoot,
html[data-theme="sand"] .sidefoot,
html[data-theme="modern_light"] .drive-new-side,
html[data-theme="gray_light"] .drive-new-side,
html[data-theme="arctic"] .drive-new-side,
html[data-theme="rose"] .drive-new-side,
html[data-theme="sand"] .drive-new-side,
html[data-theme="modern_light"] .worktrack-new-trigger,
html[data-theme="gray_light"] .worktrack-new-trigger,
html[data-theme="arctic"] .worktrack-new-trigger,
html[data-theme="rose"] .worktrack-new-trigger,
html[data-theme="sand"] .worktrack-new-trigger{
  background:#FFFFFF !important;
}
html[data-theme="modern_light"] .sidefoot,
html[data-theme="gray_light"] .sidefoot,
html[data-theme="arctic"] .sidefoot,
html[data-theme="rose"] .sidefoot,
html[data-theme="sand"] .sidefoot{
  border-color:rgba(15,20,24,.10) !important;
}
html[data-theme="modern_dark"] body,
html[data-theme="modern_dark"] .page-shell,
html[data-theme="modern_dark"] .drive-create-dialog,
html[data-theme="modern_dark"] .drive-folder-color-dialog,
html[data-theme="modern_dark"] .drive-context-menu,
html[data-theme="modern_dark"] .global-context-menu,
html[data-theme="modern_dark"] .worktrack-new-floating{color:#FFFFFF}
html[data-theme="modern_dark"] .drive-create-option b,
html[data-theme="modern_dark"] .drive-create-option small,
html[data-theme="modern_dark"] .drive-folder-color-preview b,
html[data-theme="modern_dark"] .drive-folder-color-preview small,
html[data-theme="modern_dark"] .drive-context-head b,
html[data-theme="modern_dark"] .drive-context-head small,
html[data-theme="modern_dark"] .global-context-head b,
html[data-theme="modern_dark"] .global-context-head small{color:#FFFFFF !important}

.drive-context-menu,.global-context-menu,.worktrack-new-floating{
  max-height:min(78vh,620px);
  overflow:auto;
  overscroll-behavior:contain;
}
.drive-context-menu,.global-context-menu{padding:6px;border-color:var(--line-strong);border-radius:11px}
.global-context-items{display:grid;gap:2px}
.global-context-items button,.global-context-menu button,.worktrack-new-floating button{
  min-height:38px;border-radius:7px;font-weight:560;
}
.drive-context-group button,.global-context-items button,.global-context-menu button,.worktrack-new-floating button{cursor:pointer}

.drive-create-dialog{width:min(92vw,600px);border-color:var(--line-strong);border-radius:14px;background:var(--dialog)}
.drive-create-head{min-height:62px;padding:16px 18px 14px;border-bottom:1px solid var(--line)}
.drive-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}
.drive-create-option{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:76px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-main);overflow:visible;text-align:left}
.drive-create-option b{font-size:13.4px;line-height:1.25;white-space:normal;overflow:visible;text-overflow:clip}
.drive-create-option small{display:block;margin-top:2px;line-height:1.25;white-space:normal;overflow:visible;text-overflow:clip}
.drive-create-icon{width:38px;height:38px;min-width:38px;min-height:38px;border-radius:9px;background:var(--surface-main);border:1px solid var(--line-strong)}
.drive-create-arrow{margin-left:auto;font-size:18px;color:var(--metadata)}

.drive-folder-color-dialog{width:min(560px,calc(100vw - 24px));border-color:var(--line-strong);border-radius:14px;background:var(--dialog)}
.drive-folder-color-head{min-height:60px;height:auto;padding:12px 14px 12px 18px;border-bottom:1px solid var(--line)}
.drive-folder-color-body{padding:15px 16px 16px}
.drive-folder-color-preview{min-height:56px;height:auto;padding:10px 11px;margin-bottom:13px;border:1px solid var(--line);border-radius:10px;background:var(--surface-main)!important}
.drive-folder-color-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.drive-folder-color-grid .folder-swatch{display:grid;align-content:center;justify-items:center;gap:5px;min-height:70px;height:auto;padding:8px 6px;border:1px solid var(--line);border-radius:10px;background:var(--surface-main);cursor:pointer}
.drive-folder-color-grid .folder-swatch i{width:26px;height:20px;border-radius:5px}
.drive-folder-color-grid .folder-swatch span{position:static;inset:auto;font-size:10.2px;line-height:1.2;white-space:normal;text-align:center;background:none}
.drive-folder-custom-color{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,auto) auto;gap:10px;align-items:center}
.drive-folder-custom-control{min-width:160px}
.drive-folder-custom-apply{min-width:78px}

@media(max-width:800px){
  .drive-create-dialog{width:calc(100vw - 16px)!important}
  .drive-create-grid{grid-template-columns:1fr!important;gap:8px!important;padding:10px!important}
  .drive-create-wide{grid-column:auto!important}
  .drive-create-option{grid-template-columns:38px minmax(0,1fr) auto!important;min-height:64px!important;padding:10px 11px!important}
  .drive-create-option b{font-size:14px!important}
  .drive-folder-color-dialog{width:calc(100vw - 16px)!important}
  .drive-folder-color-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .drive-folder-color-grid .folder-swatch{min-height:68px!important}
  .drive-folder-custom-color{grid-template-columns:1fr!important}
  .drive-folder-custom-control,.drive-folder-custom-apply{width:100%!important;min-width:0!important}
}


/* 2026-09-29 scrollbar final pass — tone-on-tone in every scrollable surface. */
html[data-theme="modern_light"],html[data-theme="gray_light"],html[data-theme="arctic"],html[data-theme="rose"],html[data-theme="sand"]{
  --scroll-track:#FFFFFF;
  --scroll-thumb:#E7E7E7;
  --scroll-thumb-hover:#DDDDDD;
}
html[data-theme="modern_dark"]{
  --scroll-track:#1A1C1D;
  --scroll-thumb:#343739;
  --scroll-thumb-hover:#3C3F41;
}
html[data-theme="modern_light"] *,html[data-theme="gray_light"] *,html[data-theme="arctic"] *,html[data-theme="rose"] *,html[data-theme="sand"] *{
  scrollbar-width:thin !important;
  scrollbar-color:#E7E7E7 #FFFFFF !important;
}
html[data-theme="modern_dark"] *{
  scrollbar-width:thin !important;
  scrollbar-color:#343739 #1A1C1D !important;
}
html[data-theme] ::-webkit-scrollbar{
  width:8px !important;
  height:8px !important;
  background:var(--scroll-track) !important;
}
html[data-theme] ::-webkit-scrollbar-track,
html[data-theme] ::-webkit-scrollbar-track-piece,
html[data-theme] ::-webkit-scrollbar-corner{
  background:var(--scroll-track) !important;
  border:0 !important;
  box-shadow:none !important;
}
html[data-theme] ::-webkit-scrollbar-thumb,
html[data-theme] :hover::-webkit-scrollbar-thumb,
html[data-theme] ::-webkit-scrollbar-thumb:vertical,
html[data-theme] ::-webkit-scrollbar-thumb:horizontal{
  background:var(--scroll-thumb) !important;
  border:2px solid var(--scroll-track) !important;
  border-radius:999px !important;
  box-shadow:none !important;
  background-clip:padding-box !important;
}
html[data-theme] ::-webkit-scrollbar-thumb:hover,
html[data-theme] ::-webkit-scrollbar-thumb:active{
  background:var(--scroll-thumb-hover) !important;
  border:2px solid var(--scroll-track) !important;
  box-shadow:none !important;
  background-clip:padding-box !important;
}
html[data-theme] ::-webkit-scrollbar-button{
  width:0 !important;
  height:0 !important;
  display:none !important;
  background:transparent !important;
}
/* Keep intentionally hidden horizontal navigation rails hidden. */
.share-breadcrumbs,.drive-commandbar,.crumbs,.work-crumbs,.kanban-mobile-tabs,.sheet2-menu{
  scrollbar-width:none !important;
}
.share-breadcrumbs::-webkit-scrollbar,.drive-commandbar::-webkit-scrollbar,.crumbs::-webkit-scrollbar,.work-crumbs::-webkit-scrollbar,.kanban-mobile-tabs::-webkit-scrollbar,.sheet2-menu::-webkit-scrollbar{
  display:none !important;
}


/* 2026-09-29 — Kanban redesign + glass context menus + improved folder-colour picker */
.kanban-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  min-height:82px;
  padding:10px 0 14px;
  border-bottom:1px solid var(--line);
  background:var(--surface-main);
}
.kanban-head>div:first-child{min-width:0}
.kanban-head h1{margin:0;font-size:28px;line-height:1.05;letter-spacing:-.02em}
.kanban-head p{margin:6px 0 0;color:var(--metadata);font-size:12px}
.kanban-head-actions{display:flex;align-items:center;gap:8px}
.kanban-head-actions .ghost{min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-main);font-weight:680}
.kanban-head-actions .ghost:hover{background:var(--surface-hover);border-color:var(--line-strong)}
.kanban-mobile-tabs{
  display:none;
  gap:8px;
  overflow-x:auto;
  padding:14px 0 2px;
  margin:0;
  scrollbar-width:none;
}
.kanban-mobile-tabs::-webkit-scrollbar{display:none}
.kanban-mobile-tabs button{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:9px;
  min-height:40px;
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--surface-main);
  color:var(--muted);
  font-size:12px;
  font-weight:680;
}
.kanban-mobile-tabs button small{
  min-width:22px;
  height:22px;
  padding:0 6px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:var(--surface-sunken);
  color:var(--metadata);
  font-size:10px;
  font-weight:700;
}
.kanban-mobile-tabs button.active{
  background:color-mix(in srgb,var(--accent) 10%,var(--surface-main));
  color:var(--text);
  border-color:color-mix(in srgb,var(--accent) 22%,var(--line));
}
.kanban-mobile-tabs button.active small{background:var(--surface-main);color:var(--text)}
.kanban-board{
  display:flex;
  gap:14px;
  align-items:flex-start;
  overflow-x:auto;
  padding:18px 0 30px;
  min-height:calc(100dvh - 122px);
  scroll-snap-type:x proximity;
}
.kanban-column{
  width:312px;
  min-width:312px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface-main) 94%,#f7f8fa),var(--surface-main));
  box-shadow:0 10px 26px rgba(12,18,24,.05);
}
.kanban-column[data-color="slate"]{--kanban-accent:#7A8594}
.kanban-column[data-color="blue"]{--kanban-accent:#5A91F2}
.kanban-column[data-color="green"]{--kanban-accent:#57B47B}
.kanban-column[data-color="orange"]{--kanban-accent:#E9A23B}
.kanban-column[data-color="pink"]{--kanban-accent:#F16F8A}
.kanban-column[data-color="purple"]{--kanban-accent:#9877DB}
.kanban-column[data-color="teal"]{--kanban-accent:#26B8A5}
.kanban-column.drop-target{
  border-color:color-mix(in srgb,var(--kanban-accent,#4f7cff) 34%,var(--line));
  background:linear-gradient(180deg,color-mix(in srgb,var(--kanban-accent,#4f7cff) 9%,var(--surface-main)),var(--surface-main));
  box-shadow:0 14px 36px rgba(12,18,24,.08);
}
.kanban-col-head{
  min-height:50px;
  height:auto;
  padding:2px 2px 10px;
  margin-bottom:2px;
  border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent);
}
.kanban-col-head>div:first-child{gap:9px}
.kanban-col-head i{
  width:10px;height:10px;border-radius:50%;background:var(--kanban-accent,#7A8594);
  box-shadow:0 0 0 6px color-mix(in srgb,var(--kanban-accent,#7A8594) 14%,transparent);
}
.kanban-col-head b{font-size:13.6px;font-weight:760;letter-spacing:-.01em}
.kanban-count{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:22px;height:22px;padding:0 7px;border-radius:999px;
  background:var(--surface-sunken);color:var(--metadata);font-size:10px;font-weight:760;
}
.kanban-col-actions{display:flex;align-items:center;gap:4px}
.kanban-add,.kanban-col-more{
  width:32px;height:32px;min-height:32px;border-radius:10px;border:0;background:transparent;color:var(--metadata);
}
.kanban-add:hover,.kanban-col-more:hover{background:var(--surface-hover);color:var(--text)}
.kanban-tasks{display:grid;gap:10px;min-height:16px;padding-top:8px}
.kanban-card{
  position:relative;
  padding:12px 12px 11px;
  border:1px solid color-mix(in srgb,var(--line) 88%,transparent);
  border-radius:16px;
  background:var(--surface-main);
  box-shadow:0 8px 22px rgba(15,20,24,.06);
  cursor:grab;
  overflow:hidden;
}
.kanban-card::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
  background:var(--kanban-card-accent,color-mix(in srgb,var(--accent) 62%,transparent));
  opacity:.92;
}
.kanban-card[data-color="slate"]{--kanban-card-accent:#7A8594}
.kanban-card[data-color="blue"]{--kanban-card-accent:#5A91F2}
.kanban-card[data-color="green"]{--kanban-card-accent:#57B47B}
.kanban-card[data-color="orange"]{--kanban-card-accent:#E9A23B}
.kanban-card[data-color="pink"]{--kanban-card-accent:#F16F8A}
.kanban-card[data-color="purple"]{--kanban-card-accent:#9877DB}
.kanban-card[data-color="teal"]{--kanban-card-accent:#26B8A5}
.kanban-card:hover{transform:translateY(-1px);background:var(--surface-main)}
.kanban-card.kanban-selected{
  background:color-mix(in srgb,var(--kanban-card-accent,#4f7cff) 7%,var(--surface-main));
  box-shadow:0 10px 28px rgba(15,20,24,.09),inset 0 0 0 1px color-mix(in srgb,var(--kanban-card-accent,#4f7cff) 24%,transparent);
}
.kanban-card-topline{grid-template-columns:28px minmax(0,1fr) 28px;align-items:start;gap:8px}
.kanban-card-title{font-size:13.6px;font-weight:760;line-height:1.34;letter-spacing:-.01em}
.kanban-card-desc{margin:8px 0 0 28px;color:var(--muted);font-size:11.6px;line-height:1.48;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.kanban-complete-btn,.kanban-task-more{
  width:28px;height:28px;min-height:28px;border-radius:9px;
}
.kanban-complete-btn{background:var(--surface-sunken)}
.kanban-complete-btn[aria-pressed="true"]{background:var(--green);color:#fff}
.kanban-card-thumbs{margin:10px 0 0 28px}
.kanban-card-thumb,.kanban-thumb-more{border-radius:9px}
.kanban-card-foot{margin-top:11px;padding-left:28px}
.kanban-card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.priority-pill{border:0;background:var(--surface-sunken);font-size:10px;font-weight:700;padding:4px 8px}
.kanban-attach-count{font-size:10.2px;color:var(--metadata);font-weight:700}
.kanban-add-task{
  width:100%;min-height:42px;margin-top:10px;border:1px dashed color-mix(in srgb,var(--kanban-accent,#7A8594) 28%,var(--line));
  border-radius:13px;background:color-mix(in srgb,var(--kanban-accent,#7A8594) 6%,var(--surface-main));
  color:var(--text);font-weight:730;justify-content:center;
}
.kanban-add-task:hover{background:color-mix(in srgb,var(--kanban-accent,#7A8594) 10%,var(--surface-main))}
.kanban-drop-placeholder{height:72px;border:1px dashed color-mix(in srgb,var(--accent) 34%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--accent) 7%,var(--surface-main))}
.kanban-detail-panel{border:1px solid var(--line-strong);border-radius:18px;box-shadow:0 24px 70px rgba(10,14,20,.18)}

/* Glass menus: blur the background strongly so the layer behind is not visually readable. */
.drive-context-menu,.global-context-menu,.worktrack-new-floating,.kanban-item-menu,.work-card-dropdown,.drive-new-menu,.share-menu,.chat-context-menu,.message-context-menu,.sheet-context,.sheet2-context,.sheet2-menu-pop,.sheet-option-pop{
  background:rgba(255,255,255,.78)!important;
  backdrop-filter:blur(24px) saturate(160%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(160%)!important;
  border:1px solid rgba(255,255,255,.54)!important;
  box-shadow:0 18px 48px rgba(9,14,19,.16)!important;
}
html[data-theme="modern_dark"] .drive-context-menu,
html[data-theme="modern_dark"] .global-context-menu,
html[data-theme="modern_dark"] .worktrack-new-floating,
html[data-theme="modern_dark"] .kanban-item-menu,
html[data-theme="modern_dark"] .work-card-dropdown,
html[data-theme="modern_dark"] .drive-new-menu,
html[data-theme="modern_dark"] .share-menu,
html[data-theme="modern_dark"] .chat-context-menu,
html[data-theme="modern_dark"] .message-context-menu,
html[data-theme="modern_dark"] .sheet-context,
html[data-theme="modern_dark"] .sheet2-context,
html[data-theme="modern_dark"] .sheet2-menu-pop,
html[data-theme="modern_dark"] .sheet-option-pop{
  background:rgba(16,20,26,.82)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.42)!important;
}

/* Folder colour picker: make swatches feel intentional instead of plain boxes. */
.drive-folder-color-preview{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px}
.drive-folder-color-preview-icon{width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--picker-folder-color,#7893ea) 14%,var(--surface-main));border:1px solid color-mix(in srgb,var(--picker-folder-color,#7893ea) 18%,var(--line))}
.drive-folder-color-preview-icon svg{width:26px;height:26px}
.drive-folder-color-grid{gap:10px}
.drive-folder-color-grid .folder-swatch{
  position:relative;
  min-height:84px;
  padding:10px 8px;
  border-radius:14px;
  background:linear-gradient(180deg,var(--surface-main),color-mix(in srgb,var(--surface-main) 92%,#f7f8fa));
  box-shadow:0 6px 18px rgba(15,20,24,.04);
}
.drive-folder-color-grid .folder-swatch::before{
  content:"";display:block;width:34px;height:24px;margin:0 auto 8px;
  border-radius:8px 8px 6px 6px;background:var(--sw,#7893ea);
  box-shadow:inset 9px 0 0 color-mix(in srgb,#fff 22%,transparent);
}
.drive-folder-color-grid .folder-swatch i{display:none}
.drive-folder-color-grid .folder-swatch span{font-size:10.4px;font-weight:700;color:var(--text)}
.drive-folder-color-grid .folder-swatch:hover{transform:translateY(-1px)}
.drive-folder-color-grid .folder-swatch.active{
  background:color-mix(in srgb,var(--sw,#7893ea) 10%,var(--surface-main));
  border-color:color-mix(in srgb,var(--sw,#7893ea) 48%,var(--line));
  box-shadow:0 10px 24px rgba(15,20,24,.07),inset 0 0 0 1px color-mix(in srgb,var(--sw,#7893ea) 26%,transparent);
}
.drive-folder-custom-color{align-items:end}
.drive-folder-custom-group{display:grid;gap:4px}
.drive-folder-custom-group b{font-size:12px}
.drive-folder-custom-group small{font-size:10.8px;color:var(--metadata)}
.drive-folder-custom-control{
  min-height:42px;
  padding:0 10px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--surface-main);
}
.drive-folder-custom-apply{
  min-height:42px;
  padding:0 15px;
  border-radius:11px;
  font-weight:720;
}

@media(max-width:800px){
  .kanban-head{grid-template-columns:1fr;align-items:start;gap:10px;padding:10px 0 12px}
  .kanban-head h1{font-size:25px}
  .kanban-head-actions{justify-content:flex-end;flex-wrap:wrap}
  .kanban-mobile-tabs{display:flex!important;position:sticky!important;top:0!important;z-index:14!important;background:var(--surface-main)!important;padding:12px 0 6px!important;margin-bottom:6px!important}
  .kanban-board{display:block!important;padding:6px 0 calc(18px + env(safe-area-inset-bottom))!important;overflow:visible!important;min-height:0!important;scroll-snap-type:none!important}
  .kanban-column{display:none!important;width:100%!important;min-width:0!important;margin:0!important;border-radius:18px!important;padding:12px!important;box-shadow:0 10px 28px rgba(12,18,24,.06)!important}
  .kanban-column.mobile-active{display:block!important}
  .kanban-col-head{position:sticky!important;top:56px!important;z-index:7!important;background:linear-gradient(180deg,var(--surface-main) 0%,rgba(255,255,255,.92) 100%)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  .kanban-card,.kanban-card.kanban-selected{padding:12px 12px 12px!important;border-radius:16px!important;box-shadow:0 8px 22px rgba(15,20,24,.07)!important}
  .kanban-card-topline{grid-template-columns:36px minmax(0,1fr) 36px!important;gap:7px!important}
  .kanban-complete-btn,.kanban-task-more{width:36px!important;height:36px!important;min-height:36px!important}
  .kanban-card-desc{margin-left:0!important}
  .kanban-card-thumbs,.kanban-card-foot{margin-left:0!important;padding-left:0!important}
  .kanban-add-task{position:sticky!important;bottom:max(8px,env(safe-area-inset-bottom))!important;z-index:8!important;min-height:50px!important;border-style:solid!important}
  .drive-folder-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .drive-folder-color-grid .folder-swatch{min-height:78px!important}
}


.drive-folder-color-grid .folder-swatch.folder-swatch-default{--sw:#7893EA}
.drive-folder-color-grid .folder-swatch.sw-blue{--sw:#4D86EE}
.drive-folder-color-grid .folder-swatch.sw-indigo{--sw:#6674E8}
.drive-folder-color-grid .folder-swatch.sw-violet{--sw:#8B68D9}
.drive-folder-color-grid .folder-swatch.sw-red{--sw:#FF4D4D}.drive-folder-color-grid .folder-swatch.sw-rose{--sw:#FF4D4D}
.drive-folder-color-grid .folder-swatch.sw-orange{--sw:#E58A4D}
.drive-folder-color-grid .folder-swatch.sw-amber{--sw:#D7A735}
.drive-folder-color-grid .folder-swatch.sw-green{--sw:#55A874}
.drive-folder-color-grid .folder-swatch.sw-teal{--sw:#3CA5A0}
.drive-folder-color-grid .folder-swatch.sw-slate{--sw:#718096}
.drive-folder-custom-copy{display:grid;gap:4px}
.drive-folder-custom-copy b{font-size:12px}
.drive-folder-custom-copy small{font-size:10.8px;color:var(--metadata)}


/* 2026-09-29 — context menu cleanup + remove Kanban left stripe */
.drive-context-head,.global-context-head{
  min-height:46px;
  padding:10px 12px;
}
.drive-context-head small,.global-context-head small{display:none!important}
.drive-context-fileicon,#globalContextIcon{display:none!important}
.drive-context-head b,.global-context-head b{font-size:13.2px;font-weight:760;line-height:1.2}
.drive-context-menu,.global-context-menu{
  background:rgba(255,255,255,.70)!important;
  backdrop-filter:blur(28px) saturate(180%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(180%)!important;
  border:1px solid rgba(255,255,255,.48)!important;
  box-shadow:0 20px 52px rgba(8,12,18,.18)!important;
}
html[data-theme="modern_dark"] .drive-context-menu,
html[data-theme="modern_dark"] .global-context-menu{
  background:rgba(15,18,24,.80)!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 20px 52px rgba(0,0,0,.46)!important;
}
.drive-context-group button,.global-context-items button{padding-inline:12px}
.kanban-card::before,.kanban-card-accent{display:none!important}
.kanban-card{overflow:visible!important}


/* 2026-09-29 — frosted context menu v2: reference-like glass, compact actions, restrained shadow */
.drive-context-menu,.global-context-menu,.kanban-item-menu,.work-card-dropdown,
.chat-context-menu,.message-context-menu,.sheet-context,.sheet2-context,.sheet2-menu-pop,.sheet-option-pop,
.drive-new-menu,.worktrack-new-floating{
  background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(246,248,250,.62))!important;
  backdrop-filter:blur(22px) saturate(138%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(138%)!important;
  border:1px solid rgba(18,22,26,.09)!important;
  border-radius:17px!important;
  box-shadow:0 12px 30px rgba(18,24,32,.14),0 2px 7px rgba(18,24,32,.08)!important;
  filter:none!important;
  overflow:auto;
  background-clip:padding-box;
}
html[data-theme="modern_dark"] .drive-context-menu,
html[data-theme="modern_dark"] .global-context-menu,
html[data-theme="modern_dark"] .kanban-item-menu,
html[data-theme="modern_dark"] .work-card-dropdown,
html[data-theme="modern_dark"] .chat-context-menu,
html[data-theme="modern_dark"] .message-context-menu,
html[data-theme="modern_dark"] .sheet-context,
html[data-theme="modern_dark"] .sheet2-context,
html[data-theme="modern_dark"] .sheet2-menu-pop,
html[data-theme="modern_dark"] .sheet-option-pop,
html[data-theme="modern_dark"] .drive-new-menu,
html[data-theme="modern_dark"] .worktrack-new-floating{
  background:linear-gradient(135deg,rgba(28,30,34,.78),rgba(19,21,24,.66))!important;
  border-color:rgba(255,255,255,.09)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.30),0 2px 7px rgba(0,0,0,.18)!important;
}
.drive-context-menu{width:258px!important;padding:7px!important;max-height:min(78vh,620px)!important}
.drive-context-head{
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  padding:8px 11px 9px!important;
  margin:0 0 4px!important;
  border-bottom:0!important;
}
.drive-context-head b{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:13.4px!important;
  font-weight:760!important;
  color:var(--text)!important;
}
.drive-context-group{display:grid!important;gap:2px!important}
.drive-context-group button{
  width:100%!important;
  min-height:40px!important;
  height:40px!important;
  padding:0 11px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:var(--text)!important;
  font-size:13px!important;
  font-weight:610!important;
  gap:10px!important;
  transition:background .12s ease,color .12s ease!important;
}
.drive-context-group button svg{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  stroke-width:1.65!important;
  color:color-mix(in srgb,var(--text) 78%,transparent)!important;
}
.drive-context-group button:hover{background:rgba(32,38,44,.075)!important}
html[data-theme="modern_dark"] .drive-context-group button:hover{background:rgba(255,255,255,.085)!important}
.drive-context-group button:active{background:rgba(32,38,44,.11)!important}
html[data-theme="modern_dark"] .drive-context-group button:active{background:rgba(255,255,255,.12)!important}
.drive-context-group button:hover svg{color:currentColor!important}
.drive-context-group button span:not(.drive-folder-color-dot):not(.chev){font-size:13px!important;line-height:1.2!important}
.drive-context-group .chev{margin-left:auto!important;font-size:17px!important;color:var(--metadata)!important}
.drive-folder-color-dot{width:10px!important;height:10px!important;border-radius:3px!important;margin-left:auto!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.07)!important}
.menu-sep{height:1px!important;margin:6px 8px!important;background:rgba(18,22,26,.10)!important}
html[data-theme="modern_dark"] .menu-sep{background:rgba(255,255,255,.10)!important}
.drive-context-destructive button{color:#D84646!important}
.drive-context-destructive button svg{color:#D84646!important}
.drive-context-destructive button:hover{background:rgba(216,70,70,.08)!important}

@media(max-width:800px){
  .drive-context-menu{left:10px!important;right:10px!important;width:auto!important;max-height:74dvh!important;padding:8px!important;border-radius:18px!important}
  .drive-context-head{min-height:42px!important;padding:7px 10px 8px!important}
  .drive-context-group button{min-height:46px!important;height:46px!important;padding:0 12px!important;font-size:13.5px!important;border-radius:11px!important}
  .drive-context-group button span:not(.drive-folder-color-dot):not(.chev){font-size:13.5px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
}


/* 2026-09-29 — interaction clarity + stable marquee + sidebar context + Kanban header alignment */
.drive-marquee-select{
  position:fixed!important;
  z-index:3600!important;
  display:none;
  pointer-events:none!important;
  border:1px solid color-mix(in srgb,var(--accent) 72%,transparent)!important;
  border-radius:7px!important;
  background:color-mix(in srgb,var(--accent) 13%,transparent)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 38%,transparent)!important;
}
.drive-marquee-select.active{display:block!important}
body.drive-marquee-active{user-select:none!important;-webkit-user-select:none!important;cursor:crosshair!important;overflow-x:hidden!important}
body.drive-marquee-active *{cursor:crosshair!important}
body.drive-marquee-active .filecard{transition:background .08s ease,box-shadow .08s ease!important}
body.drive-marquee-active .filecard:hover{
  background:color-mix(in srgb,var(--accent) 7%,var(--surface-main))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 15%,transparent)!important;
}
@media(pointer:fine){
  #driveFileViewport .filecard:hover,#driveDropTarget .filecard:hover{
    background:var(--surface-hover)!important;
  }
}
html,body{overscroll-behavior-y:none}

/* The sidebar uses the same app-owned context menu; browser-native menus are not needed there. */
.app-sidebar nav a,.sidebar-bottom a,.sidebar-bottom button{context-menu:none}

/* Kanban owns its page-level actions, so global top controls must not sit on top of them. */
body.route-kanban-page .global-top-actions{display:none!important}
@media(min-width:801px){
  body.route-kanban-page .kanban-head{
    margin:0 -18px!important;
    padding:12px 18px 14px!important;
    min-height:84px!important;
    align-items:center!important;
  }
  body.route-kanban-page .kanban-head-actions{margin-left:auto!important;align-self:center!important}
  body.route-kanban-page .kanban-board{padding-top:18px!important}
}


/* 2026-09-29 — wide desktop drop target + calm upload affordance */
@media(min-width:801px){
  .drive-file-viewport{min-height:max(420px,calc(100dvh - 154px));padding-bottom:26px}
  body.drive-stroke-drop.drive-main-target .drive-file-viewport.drive-drop-hover{
    outline:1.5px solid color-mix(in srgb,var(--accent) 78%,transparent)!important;
    outline-offset:-2px!important;
    border-radius:12px!important;
    background:color-mix(in srgb,var(--accent) 3.5%,var(--surface-main))!important;
  }
  body.drive-stroke-drop.drive-main-target .drive-file-viewport.drive-drop-hover .drive-item-section{
    background:transparent!important;
  }
  body.drive-folder-target .drive-main-drop-visual{display:none!important}
  body.drive-main-target .drive-main-drop-visual{display:block!important}
  .drive-main-drop-visual{left:calc(var(--sidebar-width) + (100vw - var(--sidebar-width))/2)!important;bottom:22px!important}
  body.preview-open .drive-main-drop-visual{left:calc(var(--sidebar-width) + (100vw - var(--sidebar-width) - var(--preview-width))/2)!important}
  .drive-main-drop-badge{
    gap:9px!important;padding:9px 12px!important;border:1px solid var(--line-strong)!important;border-radius:10px!important;
    background:color-mix(in srgb,var(--surface-raised) 96%,transparent)!important;box-shadow:0 10px 28px rgba(0,0,0,.13)!important;
    backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
  }
  .drive-main-drop-badge>span{width:30px!important;height:30px!important;border-radius:8px!important}
  .drive-main-drop-badge div{gap:0!important}
  .drive-main-drop-badge b{font-size:12.2px!important;font-weight:700!important;line-height:1.2!important}
  .drive-main-drop-badge small{font-size:10.4px!important;line-height:1.25!important;color:var(--metadata)!important}
}

/* Folder colour save flow: preview first, persist only after an explicit save. */
.drive-folder-color-actions{margin:14px -16px -16px;padding:12px 16px 16px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--dialog) 92%,var(--surface-main))}
.drive-folder-color-actions .primary:disabled{opacity:.45;cursor:default}
.drive-folder-color-confirm-dialog{width:min(430px,calc(100vw - 24px))}
.drive-folder-color-confirm-dialog form{padding:20px}
.drive-folder-color-confirm-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,var(--surface-main));color:var(--accent);margin-bottom:4px}
.drive-folder-color-confirm-icon svg{width:21px;height:21px}
.drive-folder-color-confirm-icon svg path,.drive-folder-color-confirm-icon svg circle{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:800px){.drive-folder-color-actions{margin:12px -12px -12px!important;padding:11px 12px calc(12px + env(safe-area-inset-bottom))!important;background:var(--mobile-tone-block)!important}.drive-folder-color-confirm-dialog{width:calc(100vw - 20px)!important}}


/* 2026-09-29 — Drive sorting + stable hover contrast */
.drive-sort-button svg{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.drive-sort-menu{position:fixed;z-index:4200;width:272px;padding:8px;border:1px solid var(--line-strong);border-radius:12px;background:var(--menu);color:var(--text);box-shadow:var(--shadow-pop)}
.drive-sort-menu[hidden]{display:none!important}.drive-sort-menu-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 7px 8px}.drive-sort-menu-head>div{display:grid;gap:2px}.drive-sort-menu-head small{font-size:9.5px;letter-spacing:.06em;color:var(--metadata);font-weight:700}.drive-sort-menu-head b{font-size:13px;color:var(--text);font-weight:690}.drive-sort-menu-head>button{width:28px;height:28px;min-height:28px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--metadata);font-size:18px}.drive-sort-menu-head>button:hover{background:var(--surface-hover);color:var(--text)}
.drive-sort-options{display:grid;gap:2px}.drive-sort-options button{width:100%;height:38px;min-height:38px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;font-weight:590;text-align:left}.drive-sort-options button:hover{background:var(--surface-hover)}.drive-sort-options button i{font-style:normal;color:var(--accent);opacity:0}.drive-sort-options button.active{background:var(--surface-selected);font-weight:680}.drive-sort-options button.active i{opacity:1}
.drive-sort-direction{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:7px;padding-top:7px;border-top:1px solid var(--line)}.drive-sort-direction button{min-height:34px;padding:0 8px;border:0;border-radius:8px;background:var(--surface-sunken);color:var(--muted);font-size:11.5px;font-weight:610}.drive-sort-direction button:hover{background:var(--surface-hover);color:var(--text)}.drive-sort-direction button.active{background:var(--surface-selected);color:var(--text);font-weight:700}.drive-sort-hint{display:block;padding:8px 7px 4px;color:var(--metadata);font-size:10.5px;line-height:1.35}
.drive-list-header .drive-sort-header{height:28px;min-height:28px;padding:0;background:transparent;border:0;border-radius:6px;color:inherit;font:inherit;font-weight:inherit;display:flex;align-items:center;justify-content:flex-start;gap:5px;min-width:0;white-space:nowrap}.drive-list-header .drive-sort-header:hover{background:var(--surface-hover);color:var(--text)}.drive-list-header .drive-sort-header.active{color:var(--text);font-weight:700}.drive-sort-arrow{font-style:normal;font-size:11px;color:var(--metadata);line-height:1}.drive-sort-header.active .drive-sort-arrow{color:var(--text)}
.filecard:hover .fileinfo b,.filecard:hover .drive-list-name b,.gallery.list-view .filecard:hover .drive-list-name b,#driveDropTarget.list-view .filecard:hover .drive-list-name b{color:var(--text)!important;opacity:1!important}.filecard:hover .fileinfo small,.filecard:hover .drive-list-name small,.gallery.list-view .filecard:hover .drive-list-owner,.gallery.list-view .filecard:hover .drive-list-kind,.gallery.list-view .filecard:hover .drive-list-size,.gallery.list-view .filecard:hover .drive-list-date,#driveDropTarget.list-view .filecard:hover .drive-list-owner,#driveDropTarget.list-view .filecard:hover .drive-list-kind,#driveDropTarget.list-view .filecard:hover .drive-list-size,#driveDropTarget.list-view .filecard:hover .drive-list-date{color:var(--metadata)!important;opacity:1!important}.filecard:hover .owner-avatar{color:var(--text)!important}


/* 2026-09-29 — drive list readability + clearer sorting tab */
.drive-sort-tab{min-width:158px;justify-content:flex-start!important;gap:8px!important;padding:0 10px!important;background:var(--control-bg)!important;border:1px solid var(--line)!important;border-radius:10px!important}
.drive-sort-tab:hover{background:var(--control-hover)!important;border-color:var(--line-strong)!important}
.drive-sort-tab-copy{display:grid!important;gap:1px;min-width:0;text-align:left}
.drive-sort-tab-copy strong{display:block;font-size:11.9px;line-height:1.1;font-weight:700;color:var(--text)}
.drive-sort-tab-copy small{display:block;font-size:10.1px;line-height:1.15;color:var(--metadata);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:132px}
.drive-sort-current{display:grid;gap:2px;margin:0 0 8px;padding:9px 10px;border-radius:10px;background:var(--surface-sunken)}
.drive-sort-current small,.drive-sort-group-title{font-size:10px;line-height:1.15;letter-spacing:.04em;text-transform:uppercase;color:var(--metadata);font-weight:700}
.drive-sort-current b{font-size:13.2px;line-height:1.2;color:var(--text);font-weight:700}
.drive-sort-current span{font-size:11.2px;line-height:1.3;color:var(--muted)}
.drive-sort-group-title{margin:10px 4px 6px}
.drive-sort-options button,.drive-sort-direction button{position:relative}
.drive-sort-options button span{font-weight:640}
.drive-sort-direction button{display:flex;align-items:center;justify-content:center}
.drive-list-header{position:sticky;top:0;z-index:8;background:var(--page-surface)}
/* 2026-10-01 — Drive list sizing/mobile compactness */
.drive-list-section-label b{font-weight:610!important}
.drive-list-name-header .drive-sort-header{font-weight:560!important}
.gallery.list-view .drive-list-size,#driveDropTarget.list-view .drive-list-size{font-variant-numeric:tabular-nums}

.gallery.list-view .drive-item-section,#driveDropTarget.list-view .drive-item-section{margin:0 0 12px}
.gallery.list-view .drive-section-heading,#driveDropTarget.list-view .drive-section-heading{height:34px;align-items:center;padding:0 10px;border-bottom:0;color:var(--metadata);background:var(--surface-sunken);border-radius:10px 10px 0 0}
.gallery.list-view .drive-folder-grid,.gallery.list-view .drive-files-grid,#driveDropTarget.list-view .drive-folder-grid,#driveDropTarget.list-view .drive-files-grid{display:grid;gap:2px;padding-top:2px;background:var(--surface-sunken);border-radius:0 0 12px 12px;padding-bottom:2px}
.gallery.list-view .filecard,#driveDropTarget.list-view .filecard{min-height:52px;height:52px;padding:0 10px;border:0;border-radius:10px;background:var(--surface-main)}
.gallery.list-view .filecard:hover,#driveDropTarget.list-view .filecard:hover{background:var(--surface-hover)}
.gallery.list-view .filecard.drive-selected,#driveDropTarget.list-view .filecard.drive-selected{background:var(--surface-selected);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 26%,transparent)}
.gallery.list-view .drive-list-name b,#driveDropTarget.list-view .drive-list-name b{display:block;font-size:12.7px;line-height:1.25;font-weight:670;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gallery.list-view .drive-list-owner,#driveDropTarget.list-view .drive-list-owner,.gallery.list-view .drive-list-kind,#driveDropTarget.list-view .drive-list-kind{color:var(--muted);font-size:11.7px}
.gallery.list-view .drive-list-size,#driveDropTarget.list-view .drive-list-size,.gallery.list-view .drive-list-date,#driveDropTarget.list-view .drive-list-date{color:var(--metadata);font-size:11.4px}
.gallery.list-view .owner-avatar,#driveDropTarget.list-view .owner-avatar{background:var(--surface-selected);color:var(--text)}
.gallery.list-view .filecard .preview,#driveDropTarget.list-view .filecard .preview,.gallery.list-view .filecard .drive-folder-select,#driveDropTarget.list-view .filecard .drive-folder-select{width:34px;height:34px;min-height:34px;border-radius:9px;background:var(--surface-raised)}
.gallery.list-view .drive-folder-select .drive-folder-symbol,#driveDropTarget.list-view .drive-folder-select .drive-folder-symbol{width:19px;height:19px;stroke-width:1.85}
.gallery.list-view .drive-file-glyph,#driveDropTarget.list-view .drive-file-glyph{width:28px;height:34px}
.gallery.list-view .drive-file-glyph svg,#driveDropTarget.list-view .drive-file-glyph svg{width:28px;height:34px;stroke-width:1.55}
.gallery.list-view .drive-file-glyph b,#driveDropTarget.list-view .drive-file-glyph b{bottom:4px;max-width:26px;padding:0 3px;font-size:6.6px;line-height:1.25;border-radius:3px}
.gallery.list-view .filecard.kind-image .preview,.gallery.list-view .filecard.kind-design .preview,.gallery.list-view .filecard.kind-video .preview,.gallery.list-view .filecard.kind-pdf .preview,#driveDropTarget.list-view .filecard.kind-image .preview,#driveDropTarget.list-view .filecard.kind-design .preview,#driveDropTarget.list-view .filecard.kind-video .preview,#driveDropTarget.list-view .filecard.kind-pdf .preview{background:transparent}
.gallery.list-view .drive-more-btn,#driveDropTarget.list-view .drive-more-btn{border-radius:9px;background:transparent;color:var(--metadata)}
.gallery.list-view .drive-more-btn:hover,#driveDropTarget.list-view .drive-more-btn:hover{background:var(--surface-hover);color:var(--text)}
.filecard.kind-archive .drive-file-glyph,.filecard[data-ext="ZIP"] .drive-file-glyph,.filecard[data-ext="RAR"] .drive-file-glyph,.filecard[data-ext="7Z"] .drive-file-glyph,.filecard[data-ext="GZ"] .drive-file-glyph,.filecard[data-ext="TGZ"] .drive-file-glyph{color:color-mix(in srgb,var(--danger) 82%,#ff6b6b)}
.filecard[data-ext="SHA256"] .drive-file-glyph{color:color-mix(in srgb,var(--muted) 85%,var(--text))}

/* 2026-09-29 — regression fix: list rows must stay one-per-line; modern file glyphs */
.gallery.list-view .drive-folder-grid,
.gallery.list-view .drive-files-grid,
#driveDropTarget.list-view .drive-folder-grid,
#driveDropTarget.list-view .drive-files-grid{
  display:block!important;
  grid-template-columns:none!important;
  grid-auto-flow:row!important;
  gap:0!important;
  padding:0!important;
  background:transparent!important;
}
.gallery.list-view .drive-item-section,
#driveDropTarget.list-view .drive-item-section{margin:0 0 12px!important;background:transparent!important}
.gallery.list-view .drive-section-heading,
#driveDropTarget.list-view .drive-section-heading{
  height:32px!important;margin:0 0 4px!important;padding:0 10px!important;border:0!important;border-radius:8px!important;
  background:var(--surface-sunken)!important;color:var(--muted)!important;
}
.gallery.list-view .filecard,
#driveDropTarget.list-view .filecard{
  display:grid!important;
  grid-template-columns:42px minmax(250px,1fr) 118px 110px 96px 150px 36px!important;
  width:100%!important;max-width:none!important;min-width:0!important;
  height:50px!important;min-height:50px!important;margin:0 0 2px!important;padding:0 8px!important;
  border:0!important;border-radius:8px!important;background:var(--surface-main)!important;overflow:visible!important;
}
.gallery.list-view .filecard:hover,#driveDropTarget.list-view .filecard:hover{background:var(--surface-hover)!important}
.gallery.list-view .filecard.drive-selected,#driveDropTarget.list-view .filecard.drive-selected{background:var(--surface-selected)!important}
.drive-list-header.is-visible{border:0!important;border-radius:8px!important;background:var(--surface-sunken)!important;margin-bottom:4px!important}
.gallery.list-view .drive-list-name b,#driveDropTarget.list-view .drive-list-name b{color:var(--text)!important;opacity:1!important}
.gallery.list-view .drive-list-owner,#driveDropTarget.list-view .drive-list-owner,
.gallery.list-view .drive-list-kind,#driveDropTarget.list-view .drive-list-kind,
.gallery.list-view .drive-list-size,#driveDropTarget.list-view .drive-list-size,
.gallery.list-view .drive-list-date,#driveDropTarget.list-view .drive-list-date{opacity:1!important}

.drive-kind-tile{
  width:38px;height:38px;display:grid;place-items:center;position:relative;border-radius:10px;
  background:var(--surface-sunken);color:var(--muted);box-shadow:none;
}
.drive-kind-tile svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.drive-kind-tile b{
  position:absolute;right:-3px;bottom:-3px;min-width:21px;height:13px;padding:0 3px;border-radius:4px;
  display:grid;place-items:center;background:var(--surface-main);color:currentColor;border:1px solid var(--line);
  font-size:6.4px;line-height:1;font-weight:800;letter-spacing:.02em;
}
.drive-kind-archive{color:#FF4D4D;background:color-mix(in srgb,#FF4D4D 10%,var(--surface-sunken))}
.drive-kind-checksum{color:var(--muted);background:var(--surface-sunken)}
.drive-kind-generic{color:var(--muted);background:var(--surface-sunken)}
.modern-file-preview{background:var(--surface-raised)!important}
.gallery.list-view .modern-file-preview,#driveDropTarget.list-view .modern-file-preview{background:transparent!important}
.gallery.list-view .drive-kind-tile,#driveDropTarget.list-view .drive-kind-tile{width:32px;height:32px;border-radius:8px}
.gallery.list-view .drive-kind-tile svg,#driveDropTarget.list-view .drive-kind-tile svg{width:20px;height:20px}
.gallery.list-view .drive-kind-tile b,#driveDropTarget.list-view .drive-kind-tile b{right:-4px;bottom:-2px;min-width:18px;height:11px;font-size:5.7px;border-radius:3px}

/* 2026-09-29 — final sorting cleanup: one clear choice list + one direction control */
.drive-sort-menu{
  width:284px!important;
  padding:8px!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:var(--menu)!important;
  color:var(--text)!important;
  box-shadow:var(--shadow-pop)!important;
}
.drive-sort-menu-head{
  min-height:46px!important;
  padding:5px 6px 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.drive-sort-menu-head>div{display:grid!important;gap:3px!important;min-width:0!important}
.drive-sort-menu-head b{font-size:13.5px!important;line-height:1.2!important;font-weight:720!important;color:var(--text)!important}
.drive-sort-menu-head small{font-size:10.5px!important;line-height:1.25!important;font-weight:560!important;letter-spacing:0!important;text-transform:none!important;color:var(--metadata)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.drive-sort-menu-head>button{width:32px!important;height:32px!important;min-height:32px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--metadata)!important}
.drive-sort-menu-head>button:hover{background:var(--surface-hover)!important;color:var(--text)!important}
.drive-sort-options{display:grid!important;grid-template-columns:1fr!important;gap:2px!important;padding:2px 0!important}
.drive-sort-options button{
  width:100%!important;min-height:40px!important;height:40px!important;padding:0 10px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
  border:0!important;border-radius:8px!important;background:transparent!important;color:var(--text)!important;
  font-size:12.7px!important;font-weight:590!important;text-align:left!important;
}
.drive-sort-options button:hover{background:var(--surface-hover)!important}
.drive-sort-options button.active{background:var(--surface-selected)!important;font-weight:700!important}
.drive-sort-options button i{font-style:normal!important;font-size:13px!important;color:var(--accent)!important;opacity:0!important}
.drive-sort-options button.active i{opacity:1!important}
.drive-sort-direction-wrap{display:grid!important;gap:6px!important;margin-top:7px!important;padding:8px 2px 1px!important;border-top:1px solid var(--line)!important}
.drive-sort-direction-wrap>span{padding:0 4px!important;font-size:10px!important;line-height:1!important;font-weight:680!important;color:var(--metadata)!important;text-transform:none!important;letter-spacing:0!important}
.drive-sort-direction{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;margin:0!important;padding:0!important;border:0!important}
.drive-sort-direction button{min-height:34px!important;height:34px!important;padding:0 8px!important;border:0!important;border-radius:8px!important;background:var(--surface-sunken)!important;color:var(--muted)!important;font-size:11.5px!important;font-weight:620!important}
.drive-sort-direction button:hover{background:var(--surface-hover)!important;color:var(--text)!important}
.drive-sort-direction button.active{background:var(--surface-selected)!important;color:var(--text)!important;font-weight:700!important}
.drive-sort-current,.drive-sort-group-title,.drive-sort-hint{display:none!important}

/* 2026-09-29 — mobile list copy is isolated from desktop/list legacy selectors */
.mobile-drive-copy{display:none}

/* 2026-09-29 — definitive desktop list-row track fix.
   File tiles normally have two grid rows for card view (preview + meta). In list
   view those inherited rows pushed the icon/name/metadata below the fixed row,
   where following rows painted over them. Force every list child onto one row. */
@media (min-width:801px){
  .gallery.list-view .filecard,
  #driveDropTarget.list-view .filecard,
  .gallery.list-view .filecard.file-tile,
  #driveDropTarget.list-view .filecard.file-tile{
    display:grid!important;
    grid-template-columns:42px minmax(250px,1fr) 118px 110px 96px 150px 36px!important;
    grid-template-rows:50px!important;
    grid-auto-rows:0!important;
    align-items:center!important;
    align-content:center!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    overflow:hidden!important;
  }
  .gallery.list-view .filecard>.preview,
  #driveDropTarget.list-view .filecard>.preview,
  .gallery.list-view .filecard>.drive-folder-select,
  #driveDropTarget.list-view .filecard>.drive-folder-select{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:center!important;
    margin:0!important;
  }
  .gallery.list-view .filecard>.drive-list-name,
  #driveDropTarget.list-view .filecard>.drive-list-name{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
  }
  .gallery.list-view .filecard>.drive-list-owner,
  #driveDropTarget.list-view .filecard>.drive-list-owner{grid-column:3!important;grid-row:1!important;align-self:center!important}
  .gallery.list-view .filecard>.drive-list-kind,
  #driveDropTarget.list-view .filecard>.drive-list-kind{grid-column:4!important;grid-row:1!important;align-self:center!important}
  .gallery.list-view .filecard>.drive-list-size,
  #driveDropTarget.list-view .filecard>.drive-list-size{grid-column:5!important;grid-row:1!important;align-self:center!important}
  .gallery.list-view .filecard>.drive-list-date,
  #driveDropTarget.list-view .filecard>.drive-list-date{grid-column:6!important;grid-row:1!important;align-self:center!important}
  .gallery.list-view .filecard>.drive-more-btn,
  #driveDropTarget.list-view .filecard>.drive-more-btn{
    grid-column:7!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:center!important;
  }
  .gallery.list-view .filecard>.mobile-drive-copy,
  #driveDropTarget.list-view .filecard>.mobile-drive-copy,
  .gallery.list-view .filecard>.file-meta-row,
  #driveDropTarget.list-view .filecard>.file-meta-row{display:none!important}
}


/* 2026-09-29 — search affordance: quieter hint, clearer input target */
.global-search-inputrow{
  min-height:58px;
  gap:10px;
  padding:7px 10px 7px 13px;
  background:var(--surface-raised);
}
.global-search-inputrow>svg{
  width:17px;height:17px;
  color:var(--metadata);
  stroke:currentColor;
  opacity:.82;
}
.global-search-inputrow input{
  height:40px;min-height:40px;
  padding:0 12px!important;
  border:1px solid var(--line)!important;
  border-radius:9px!important;
  background:var(--surface-sunken)!important;
  color:var(--text)!important;
  font-size:14px!important;
  font-weight:560!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 2%,transparent)!important;
  transition:background .12s ease,border-color .12s ease,box-shadow .12s ease!important;
}
.global-search-inputrow input::placeholder{
  color:var(--metadata)!important;
  opacity:.56!important;
  font-weight:520!important;
}
.global-search-inputrow:hover input{
  border-color:var(--line-strong)!important;
  background:color-mix(in srgb,var(--surface-sunken) 80%,var(--surface-main))!important;
}
.global-search-inputrow input:focus{
  border-color:color-mix(in srgb,var(--accent) 52%,var(--line-strong))!important;
  background:var(--surface-main)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 11%,transparent)!important;
  outline:none!important;
}
.global-search-inputrow:focus-within>svg{color:var(--text);opacity:1}
@media(max-width:800px){
  .global-search-inputrow{min-height:62px;padding:8px 9px 8px 11px!important;gap:8px!important}
  .global-search-inputrow input{height:44px!important;min-height:44px!important;font-size:16px!important}
}

/* ========================================================================== 
   2026-09-29 — CLOUD APPLICATION UI FOUNDATION v2
   Shared visual rules for Applications, nested app screens, tabs, dialogs,
   panels and popovers. Behavior/backend are intentionally untouched.
   ========================================================================== */
:root{
  --app-ui-gap:12px;
  --app-ui-radius:12px;
  --app-ui-radius-sm:9px;
  --app-ui-header:58px;
  --app-ui-control:38px;
}

/* App routes get one predictable working canvas instead of page-specific spacing. */
.route-applications .page-shell,
.route-video-editor-page .page-shell,
.route-automations-page .page-shell,
.route-browser-ai-page .page-shell,
.route-mail .page-shell,
.route-text-editor .page-shell,
.route-table-editor .page-shell{
  padding:18px 20px 30px!important;
  overflow:visible!important;
}
.route-applications .apps-head,
.route-video-editor-page .ve-head,
.route-automations-page .auto-head,
.route-browser-ai-page .brain-top,
.route-mail .mail-head,
.route-text-editor .text-editor-header,
.route-table-editor .file-header{
  min-height:var(--app-ui-header);
  margin:0 0 14px!important;
  padding:0 0 14px!important;
  border-bottom:1px solid var(--line)!important;
  align-items:center;
}
.route-applications h1,
.route-video-editor-page h1,
.route-automations-page h1,
.route-browser-ai-page h1,
.route-mail h1,
.route-text-editor h1,
.route-table-editor h1{font-size:22px;line-height:1.1;font-weight:720;letter-spacing:-.025em}
.ve-back{display:inline-flex;align-items:center;min-height:28px;margin:0 0 5px;color:var(--metadata);font-size:11.5px;font-weight:620;text-decoration:none}.ve-back:hover{color:var(--text)}

/* Application launcher */
.apps-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;gap:10px!important}
.app-card{
  min-height:188px!important;padding:16px!important;gap:14px!important;
  border:1px solid var(--line)!important;border-radius:var(--app-ui-radius)!important;
  background:var(--surface-main)!important;box-shadow:none!important;
  transition:background-color .12s ease,border-color .12s ease!important;
}
.app-card:hover{background:var(--surface-hover)!important;border-color:var(--line-strong)!important;transform:none!important}
.app-card .app-symbol{width:40px;height:40px;border-radius:10px;box-shadow:none!important;background:var(--surface-selected)!important;color:var(--text)!important}
.app-card .app-state{padding:4px 8px;border:0!important;background:var(--surface-sunken)!important;color:var(--metadata)!important;letter-spacing:.02em}
.app-card h2{margin:2px 0 5px!important;font-size:15px!important;font-weight:720}.app-card p{font-size:12px!important;line-height:1.5!important;color:var(--muted)!important}.app-meta{margin-top:auto!important;padding-top:10px;border-top:1px solid var(--line);font-size:10.5px!important;color:var(--metadata)!important}

/* Common app controls — clear hierarchy, no browser-default leftovers. */
.route-video-editor-page input,.route-video-editor-page select,.route-video-editor-page textarea,
.route-automations-page input,.route-automations-page select,.route-automations-page textarea,
.route-browser-ai-page input,.route-browser-ai-page select,.route-browser-ai-page textarea,
.route-mail input,.route-mail select,.route-mail textarea,
.route-text-editor input,.route-text-editor select,.route-text-editor textarea,
.route-table-editor input,.route-table-editor select,.route-table-editor textarea{
  border:1px solid var(--input-line)!important;border-radius:9px!important;background:var(--input)!important;color:var(--text)!important;
  outline:none;box-shadow:none!important;
}
.route-video-editor-page input,.route-video-editor-page select,
.route-automations-page input,.route-automations-page select,
.route-browser-ai-page input,.route-browser-ai-page select,
.route-mail input,.route-mail select,
.route-text-editor input,.route-text-editor select,
.route-table-editor input,.route-table-editor select{min-height:var(--app-ui-control)!important}
.route-video-editor-page input:focus,.route-video-editor-page select:focus,.route-video-editor-page textarea:focus,
.route-automations-page input:focus,.route-automations-page select:focus,.route-automations-page textarea:focus,
.route-browser-ai-page input:focus,.route-browser-ai-page select:focus,.route-browser-ai-page textarea:focus,
.route-mail input:focus,.route-mail select:focus,.route-mail textarea:focus,
.route-text-editor input:focus,.route-text-editor select:focus,.route-text-editor textarea:focus,
.route-table-editor input:focus,.route-table-editor select:focus,.route-table-editor textarea:focus{
  border-color:color-mix(in srgb,var(--accent) 58%,var(--input-line))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 11%,transparent)!important;
}

/* Tabs are one system: readable, horizontally scrollable, obvious active state. */
.ve-tabs{
  position:relative;display:flex;align-items:center;gap:2px!important;overflow-x:auto;scrollbar-width:none;
  min-height:44px;margin:0 0 14px!important;padding:0 2px;border-bottom:1px solid var(--line)!important;background:var(--surface-main);
}
.ve-tabs::-webkit-scrollbar{display:none}.ve-tabs button{
  position:relative;flex:0 0 auto;height:43px;min-height:43px;padding:0 12px;border:0;border-radius:0;background:transparent;color:var(--metadata);font-size:12px;font-weight:640;white-space:nowrap;
}.ve-tabs button:hover{background:var(--surface-hover);color:var(--text)}.ve-tabs button.active{background:transparent;color:var(--text);font-weight:720}.ve-tabs button.active::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;background:var(--text)}.ve-tabs button span{display:inline-flex;min-width:20px;height:20px;margin-left:5px;padding:0 6px;align-items:center;justify-content:center;border-radius:999px;background:var(--surface-sunken);color:var(--metadata);font-size:9.5px}

/* Nested app surfaces */
.ve-runtime-wrap,.source-workspace,.tour-card,.brain-card,.auto-command-card,.auto-main,.auto-side,
.current-version,.version-row,.brain-connect-card,.brain-chat-card,.brain-setup-card,.brain-chat-wide,
.brain-native-main,.brain-side-card,.brain-usage,.automation-row,.mail-compose-card,.mail-settings-card,.text-editor-card,.cloud-table-wrap{
  border-color:var(--line)!important;border-radius:var(--app-ui-radius)!important;background:var(--surface-main)!important;box-shadow:none!important;
}
.tour-layout,.ai-workspace,.auto-grid,.brain-native-layout{gap:var(--app-ui-gap)!important}
.tour-card,.auto-command-card,.auto-main,.auto-side,.brain-side-card{padding:16px!important}
.tour-card-head,.auto-section-head,.source-head,.version-toolbar,.brain-native-toolbar{gap:12px}
.schema-list span{border:0!important;background:var(--surface-sunken)!important;color:var(--muted)!important;padding:6px 8px!important;border-radius:7px!important}
.profile-live,.auto-count{border:0!important;background:var(--surface-sunken)!important;color:var(--metadata)!important}
.tour-actions,.auto-command-actions,.ai-input-actions,.source-foot{padding-top:12px;border-top:1px solid var(--line)}
.source-head{padding:16px!important}.source-actions,.ve-head-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.source-note{margin:12px 14px 0;padding:10px 12px;border:0!important;border-radius:9px;background:var(--surface-sunken);color:var(--muted)}.html-source-editor{border-radius:10px!important;background:var(--surface-sunken)!important}
.ve-runtime-bar{min-height:46px;height:auto!important;padding:7px 12px!important;flex-wrap:wrap;background:var(--surface-sunken);color:var(--metadata)}.ve-runtime-bar button,.ve-runtime-bar a{height:30px;min-height:30px;border:0;border-radius:7px;background:var(--surface-raised);color:var(--text);text-decoration:none;padding:0 9px;font-size:11px}.ve-runtime{height:calc(100dvh - 205px)!important;min-height:520px!important}

/* Automation app */
.auto-command-card{display:grid;gap:10px;margin-bottom:12px}.auto-command-card>div:first-child p{max-width:720px}.auto-plan-preview{border:0!important;background:var(--surface-sunken)!important}.automation-list{gap:4px!important}.automation-row{min-height:64px;padding:9px 10px!important;border:0!important;border-radius:9px!important;background:transparent!important}.automation-row:hover{background:var(--surface-hover)!important}.automation-icon{background:var(--surface-sunken)!important;color:var(--text)!important}.automation-copy{min-width:0}.automation-copy h3{font-size:12.8px!important}.automation-copy small{display:block;color:var(--metadata);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.automation-actions button{width:32px;height:32px;min-height:32px;padding:0;background:var(--surface-raised);border:0}.run-list{gap:0!important}.run-row{padding:9px 2px;border-bottom:1px solid var(--line)}.run-row:last-child{border-bottom:0}.run-row p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.4}

/* AI app */
.brain-native-main{overflow:hidden!important;min-width:0}.brain-native-toolbar{min-height:56px;padding:10px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brain-native-identity,.brain-native-actions{display:flex;align-items:center;gap:9px}.brain-native-identity small{display:block;margin-top:2px;color:var(--metadata);font-size:10.5px}.brain-provider-mark{border-radius:9px!important;background:var(--surface-sunken)!important}.brain-conversation{min-height:430px;max-height:calc(100dvh - 300px)!important;background:var(--surface-sunken)!important;padding:18px clamp(12px,3vw,32px)!important}.brain-bubble{border:0!important;border-radius:11px!important;background:var(--surface-main)!important;box-shadow:none!important}.brain-bubble-user{background:var(--surface-selected)!important}.brain-bubble>span{display:block;margin-bottom:4px;font-size:9.5px;font-weight:720;color:var(--metadata);text-transform:uppercase;letter-spacing:.04em}.brain-bubble p{margin:0;line-height:1.5}.brain-composer{background:var(--surface-main)!important;padding:12px!important}.brain-composer textarea{min-height:74px!important;border-radius:10px!important;background:var(--surface-sunken)!important}.brain-composer-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.brain-composer-foot span{font-size:10.5px;color:var(--metadata)}.brain-native-side{align-content:start}.brain-side-card{display:grid;gap:10px}.brain-side-card h2{font-size:14px}.brain-connection-box,.brain-field,.brain-switch-row{border:0!important;background:var(--surface-sunken)!important}.brain-side-note{margin:0;color:var(--metadata);font-size:10.8px;line-height:1.45}.brain-mini-usage-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--line)}
.brain-login-dialog{max-height:min(90dvh,860px)!important;overflow:hidden!important}.brain-login-wrap{max-height:min(90dvh,860px);overflow:auto;padding:0}.brain-login-head{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;gap:14px;padding:16px;border-bottom:1px solid var(--line);background:var(--dialog)}.brain-login-head p{margin-top:4px}.brain-login-lite-body,.brain-login-helper,.brain-advanced-login{margin:12px 16px;padding:14px;border:0!important;border-radius:10px;background:var(--surface-sunken)}.brain-login-lite-actions,.brain-browser-tools,.brain-login-foot{display:flex;gap:7px;flex-wrap:wrap}.brain-login-helper{display:grid;gap:10px}.brain-login-helper label>span{display:block;margin-bottom:5px;color:var(--muted);font-size:11px;font-weight:650}.brain-login-helper label>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.brain-advanced-login summary{cursor:pointer;font-weight:700;color:var(--text)}.brain-advanced-login>p{font-size:11px;color:var(--metadata)}.brain-browser-frame{border:0!important;border-radius:10px!important;background:var(--surface-main)!important}.brain-browser-tools{margin-top:8px}.brain-browser-tools input{flex:1 1 220px}.brain-login-foot{align-items:center;justify-content:space-between;margin-top:8px}

/* Mail / simple editors */
.mail-layout{gap:12px!important}.mail-compose-card,.mail-settings-card{padding:16px!important}.mail-compose-actions{padding-top:12px;border-top:1px solid var(--line)}.mail-status{border:0!important;background:var(--surface-sunken)!important;color:var(--metadata)!important}.text-editor-card{min-height:calc(100dvh - 120px)}.text-editor-toolbar{min-height:50px;background:var(--surface-sunken)!important}.text-editor-area{flex:1;min-height:58vh;border:0!important;border-radius:0!important;background:var(--surface-main)!important;box-shadow:none!important}.text-editor-foot{border-top:1px solid var(--line);background:var(--surface-sunken)}.cloud-table-wrap{border-radius:10px!important}.cloud-table td,.cloud-table th{min-width:100px;height:38px;padding:7px 9px!important;border-color:var(--line)!important}.cloud-table td:focus{outline:2px solid color-mix(in srgb,var(--accent) 34%,transparent);outline-offset:-2px;background:var(--surface-selected)}

/* One dialog language for every low-level app/system window. */
dialog:not(.cloud-preview-drawer){
  max-width:calc(100vw - 24px);max-height:min(88dvh,780px);overflow:hidden;
  border:1px solid var(--line-strong)!important;border-radius:14px!important;background:var(--dialog)!important;color:var(--text)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.20)!important;
}
html[data-theme="modern_dark"] dialog:not(.cloud-preview-drawer){box-shadow:0 22px 70px rgba(0,0,0,.42)!important}
dialog:not(.cloud-preview-drawer)::backdrop{background:rgba(0,0,0,.36)!important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
dialog:not(.cloud-preview-drawer)>form{max-height:min(88dvh,780px);overflow:auto;overscroll-behavior:contain;padding:16px!important;gap:12px!important}
dialog .dialog-head,dialog .mail-dialog-head,dialog .device-lock-head{padding:0 0 12px!important;margin:0!important;border-bottom:1px solid var(--line)}
dialog .dialog-head>button,dialog .login-x,dialog .dialog-close{width:34px;height:34px;min-height:34px;border:0;border-radius:8px;background:var(--surface-sunken);color:var(--metadata);font-size:18px}dialog .dialog-head>button:hover,dialog .login-x:hover,dialog .dialog-close:hover{background:var(--surface-hover);color:var(--text)}
dialog label{display:grid;gap:5px;color:var(--muted);font-size:11.5px;font-weight:620}dialog label input,dialog label select,dialog label textarea{width:100%;min-height:38px;border:1px solid var(--input-line);border-radius:9px;background:var(--input);color:var(--text);outline:none}dialog label textarea{padding:9px 10px;resize:vertical}dialog label input:focus,dialog label select:focus,dialog label textarea:focus{border-color:color-mix(in srgb,var(--accent) 56%,var(--input-line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}
dialog .dialog-actions,dialog .modal-actions{position:sticky;bottom:-16px;z-index:2;margin:4px -16px -16px!important;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--dialog);align-items:center}dialog .dialog-actions button,dialog .modal-actions button{min-height:36px!important}

/* Popovers / context / dropdown layers share sizing and visual hierarchy. */
.drive-context-menu,.sheet-context,.global-context-menu,.chat-context-menu,.message-context-menu,.share-menu,
.sheet-option-pop,.sheet2-context,.sheet2-menu-pop,.work-card-menu,.drive-new-menu,.work-card-dropdown,
.drive-sort-menu,.global-overflow-popover,.workspace-menu,.worktrack-new-floating,.kanban-item-menu,.drive-selection-more-menu{
  border-radius:11px!important;padding:6px!important;border:1px solid color-mix(in srgb,var(--line-strong) 80%,transparent)!important;
  background:color-mix(in srgb,var(--menu) 92%,transparent)!important;box-shadow:0 14px 38px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;-webkit-backdrop-filter:blur(18px) saturate(135%)!important;
}
html[data-theme="modern_dark"] .drive-context-menu,html[data-theme="modern_dark"] .sheet-context,html[data-theme="modern_dark"] .global-context-menu,
html[data-theme="modern_dark"] .chat-context-menu,html[data-theme="modern_dark"] .message-context-menu,html[data-theme="modern_dark"] .share-menu,
html[data-theme="modern_dark"] .sheet-option-pop,html[data-theme="modern_dark"] .sheet2-context,html[data-theme="modern_dark"] .sheet2-menu-pop,
html[data-theme="modern_dark"] .work-card-menu,html[data-theme="modern_dark"] .drive-new-menu,html[data-theme="modern_dark"] .work-card-dropdown,
html[data-theme="modern_dark"] .drive-sort-menu,html[data-theme="modern_dark"] .global-overflow-popover,html[data-theme="modern_dark"] .workspace-menu,
html[data-theme="modern_dark"] .worktrack-new-floating,html[data-theme="modern_dark"] .kanban-item-menu{box-shadow:0 18px 48px rgba(0,0,0,.32)!important}
.drive-context-menu button,.sheet-context button,.global-context-items button,.global-context-menu button,.chat-context-menu button,.message-context-menu button,
.share-menu button,.sheet-option-pop button,.sheet2-context button,.sheet2-menu-pop button,.work-card-menu button,.drive-new-menu button,.work-card-dropdown button,.work-card-dropdown a,
.global-overflow-popover button,.global-overflow-popover a,.workspace-menu a,.worktrack-new-floating button,.kanban-item-menu button{
  min-height:36px!important;height:36px!important;border-radius:7px!important;padding:0 9px!important;font-size:12.3px!important;
}
.global-context-head,.drive-context-head,.chat-menu-brand{padding:8px 9px 9px!important;margin-bottom:4px!important;border-bottom:1px solid var(--line)!important}

/* Avoid unreadable accidental overflow in any app panel. */
.ve-shell,.auto-shell,.brain-shell,.mail-layout,.text-editor-card,.cloud-table-wrap{min-width:0}.tour-card,.auto-main,.auto-side,.brain-native-main,.brain-side-card,.source-workspace{min-width:0}.tour-card *, .auto-main *, .auto-side *, .brain-native-main *, .brain-side-card *{min-width:0}.automation-copy p,.automation-copy small,.brain-side-note,.source-head p,.tour-card p{overflow-wrap:anywhere}


/* 2026-09-29 — narrow-width app header collision guard
   Fixed global quick actions must never sit on top of in-app header controls.
   On tablet / tight desktop widths, reserve right-side room and allow the header
   action row to drop cleanly below the title instead of colliding. */
@media (min-width:801px) and (max-width:1180px){
  .route-applications .apps-head,
  .route-video-editor-page .ve-head,
  .route-automations-page .auto-head,
  .route-browser-ai-page .brain-top,
  .route-mail .mail-head,
  .route-text-editor .text-editor-header,
  .route-table-editor .file-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    align-items:flex-start!important;
    padding-right:132px!important;
  }
  .route-applications .apps-head > :last-child,
  .route-video-editor-page .ve-head > :last-child,
  .route-automations-page .auto-head > :last-child,
  .route-browser-ai-page .brain-top > :last-child,
  .route-mail .mail-head > :last-child,
  .route-text-editor .text-editor-header > :last-child,
  .route-table-editor .file-header > :last-child{
    width:100%;
    max-width:100%;
  }
  .route-applications .apps-head .primary-btn,
  .route-video-editor-page .ve-head .primary-btn,
  .route-automations-page .auto-head .primary-btn,
  .route-browser-ai-page .brain-top .primary-btn,
  .route-mail .mail-head .primary-btn,
  .route-text-editor .text-editor-header .primary-btn,
  .route-table-editor .file-header .primary-btn,
  .route-applications .apps-head .ghost-btn,
  .route-video-editor-page .ve-head .ghost-btn,
  .route-automations-page .auto-head .ghost-btn,
  .route-browser-ai-page .brain-top .ghost-btn,
  .route-mail .mail-head .ghost-btn,
  .route-text-editor .text-editor-header .ghost-btn,
  .route-table-editor .file-header .ghost-btn{
    width:100%;
    justify-content:flex-start;
  }
}

/* 2026-09-30 — Drive desktop list: subtle table-style row separators.
   Keep the flat Drive language; only add the light horizontal rhythm seen in
   compact data tables. Hover/selection fills remain unchanged. */
@media (min-width:801px){
  .gallery.list-view .filecard,
  #driveDropTarget.list-view .filecard{
    margin:0!important;
    border:0!important;
    border-bottom:1px solid color-mix(in srgb,var(--line) 88%,transparent)!important;
    border-radius:0!important;
  }
  .gallery.list-view .drive-list-header.is-visible,
  #driveDropTarget.list-view .drive-list-header.is-visible{
    margin-bottom:0!important;
    border:0!important;
    border-bottom:1px solid color-mix(in srgb,var(--line-strong) 72%,transparent)!important;
    border-radius:0!important;
  }
  .gallery.list-view .drive-section-heading,
  #driveDropTarget.list-view .drive-section-heading{
    margin-bottom:0!important;
    border-bottom:1px solid color-mix(in srgb,var(--line) 88%,transparent)!important;
    border-radius:0!important;
  }
}

/* 2026-09-30 — compact Drive list density.
   Desktop only: reduce vertical whitespace without shrinking mobile tap targets. */
@media (min-width:801px){
  .gallery.list-view .filecard,
  #driveDropTarget.list-view .filecard,
  .gallery.list-view .filecard.file-tile,
  #driveDropTarget.list-view .filecard.file-tile{
    grid-template-rows:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  .gallery.list-view .filecard .preview,
  #driveDropTarget.list-view .filecard .preview,
  .gallery.list-view .filecard .drive-folder-select,
  #driveDropTarget.list-view .filecard .drive-folder-select{
    width:30px!important;
    height:30px!important;
    min-height:30px!important;
    border-radius:7px!important;
  }
  .gallery.list-view .drive-folder-select .drive-folder-symbol,
  #driveDropTarget.list-view .drive-folder-select .drive-folder-symbol{
    width:18px!important;
    height:18px!important;
  }
  .gallery.list-view .drive-kind-tile,
  #driveDropTarget.list-view .drive-kind-tile{
    width:29px!important;
    height:29px!important;
    border-radius:7px!important;
  }
  .gallery.list-view .drive-kind-tile svg,
  #driveDropTarget.list-view .drive-kind-tile svg{
    width:18px!important;
    height:18px!important;
  }
  .gallery.list-view .drive-section-heading,
  #driveDropTarget.list-view .drive-section-heading{
    height:27px!important;
    min-height:27px!important;
    padding:0 8px!important;
    font-size:12px!important;
  }
  .gallery.list-view .drive-item-section,
  #driveDropTarget.list-view .drive-item-section{
    margin-bottom:7px!important;
  }
  .gallery.list-view .drive-list-name b,
  #driveDropTarget.list-view .drive-list-name b{
    line-height:1.15!important;
  }
}

/* 2026-09-30 — Drive top list band density.
   Keep location + item status on one compact line and remove the oversized
   vertical gap before the list column header. Desktop only. */
@media (min-width:801px){
  .route-gallery .file-toolbar.drive-location-toolbar{
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    margin:0!important;
    padding:0 8px!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    border-bottom:1px solid color-mix(in srgb,var(--line) 88%,transparent)!important;
  }
  .route-gallery .drive-location-current,
  .route-gallery .drive-location-toolbar .crumbs,
  .route-gallery .drive-toolbar-meta{
    min-height:0!important;
    height:100%!important;
    align-items:center!important;
  }
  .route-gallery .drive-location-toolbar .crumbs{
    display:flex!important;
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  .route-gallery .drive-location-toolbar .crumbs a,
  .route-gallery .drive-location-toolbar .crumbs span,
  .route-gallery .drive-toolbar-meta{
    line-height:1!important;
  }
  .route-gallery .drive-list-header.is-visible{
    height:31px!important;
    min-height:31px!important;
    max-height:31px!important;
    margin:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
}

/* 2026-09-30 — Drive desktop header + actions on one compact line.
   The secondary command row is folded into the title row visually. Familiar
   actions become icon-only; native title tooltips keep every action explicit. */
@media (min-width:801px){
  .route-gallery .drive-file-header{
    position:relative!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  .route-gallery .drive-commandbar{
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    margin:-50px -18px 0!important;
    padding:0 118px 0 164px!important;
    gap:3px!important;
    border-top:0!important;
    border-bottom:1px solid var(--line-strong)!important;
    background:transparent!important;
    overflow:visible!important;
  }
  .route-gallery .drive-view-actions{
    gap:2px!important;
    min-width:0!important;
  }
  .route-gallery .drive-view-actions .drive-quick-action,
  .route-gallery .drive-view-actions .drive-sort-tab,
  .route-gallery .drive-view-actions .drive-new-top{
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0!important;
    gap:0!important;
    border-color:transparent!important;
    background:transparent!important;
    border-radius:7px!important;
  }
  .route-gallery .drive-view-actions .drive-quick-action:hover,
  .route-gallery .drive-view-actions .drive-sort-tab:hover,
  .route-gallery .drive-view-actions .drive-new-top:hover{
    background:var(--surface-hover)!important;
    border-color:transparent!important;
    color:var(--text)!important;
  }
  .route-gallery .drive-view-actions .drive-quick-action > span,
  .route-gallery .drive-sort-tab-copy,
  .route-gallery .drive-new-top > span:last-child{
    display:none!important;
  }
  .route-gallery .drive-view-actions .drive-quick-action svg,
  .route-gallery .drive-view-actions .drive-sort-tab > svg{
    width:16px!important;
    height:16px!important;
  }
  .route-gallery .drive-new-plus{
    display:block!important;
    font-size:19px!important;
    line-height:1!important;
    font-weight:450!important;
  }
  .route-gallery .drive-sort-tab{
    justify-content:center!important;
  }
  .route-gallery .drive-view-toggle-inline{
    height:32px!important;
    padding:1px!important;
    gap:0!important;
    border-color:transparent!important;
    background:transparent!important;
  }
  .route-gallery .drive-layout-option{
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    border-radius:7px!important;
  }
  .route-gallery .drive-layout-option.active{
    background:var(--surface-selected)!important;
    color:var(--text)!important;
  }
  .route-gallery .drive-toolbar-selection-mode{
    height:32px!important;
    min-height:32px!important;
  }
}

/* 2026-09-30 — Drive desktop toolbar recovery v7.
   Keep all file actions visible on the same header row. The mobile toolbar has
   its own rules in mobile-cloud.css and is intentionally unaffected. */
@media (min-width:801px){
  body.route-gallery .page-shell{position:relative!important}
  body.route-gallery .drive-file-header{
    position:relative!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    margin:0 -18px!important;
    padding:0 18px!important;
    display:flex!important;
    align-items:center!important;
    border-bottom:1px solid var(--line-strong)!important;
    background:var(--surface-main)!important;
    overflow:visible!important;
  }
  body.route-gallery .drive-file-header h1{
    margin:0!important;
    font-size:18px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  /* The command bar occupies the free part of the title row instead of
     creating or visually hiding a second row. */
  body.route-gallery .drive-commandbar{
    position:absolute!important;
    z-index:1200!important;
    top:0!important;
    left:148px!important;
    right:104px!important;
    width:auto!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:3px!important;
    flex-wrap:nowrap!important;
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.route-gallery .drive-commandbar>.drive-global-search-wrap{display:none!important}
  body.route-gallery .drive-view-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    height:34px!important;
    margin:0!important;
    gap:2px!important;
    flex-wrap:nowrap!important;
    overflow:visible!important;
  }
  body.route-gallery .drive-view-actions>*{flex:0 0 auto!important}

  body.route-gallery .drive-view-actions .drive-quick-action,
  body.route-gallery .drive-view-actions .drive-sort-tab,
  body.route-gallery .drive-view-actions .drive-new-top,
  body.route-gallery .drive-layout-option{
    display:inline-grid!important;
    place-items:center!important;
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0!important;
    margin:0!important;
    gap:0!important;
    border:0!important;
    border-radius:7px!important;
    background:transparent!important;
    color:var(--text)!important;
    box-shadow:none!important;
    opacity:1!important;
  }
  body.route-gallery .drive-view-actions .drive-quick-action:hover,
  body.route-gallery .drive-view-actions .drive-sort-tab:hover,
  body.route-gallery .drive-view-actions .drive-new-top:hover,
  body.route-gallery .drive-layout-option:hover{
    background:var(--surface-hover)!important;
    color:var(--text)!important;
  }
  body.route-gallery .drive-view-actions button:disabled{
    opacity:.36!important;
  }
  body.route-gallery .drive-view-actions .drive-quick-action>span,
  body.route-gallery .drive-sort-tab-copy,
  body.route-gallery .drive-new-top>span:last-child{display:none!important}
  body.route-gallery .drive-view-actions .drive-quick-action svg,
  body.route-gallery .drive-view-actions .drive-sort-tab>svg,
  body.route-gallery .drive-layout-option svg{
    display:block!important;
    width:16px!important;
    height:16px!important;
  }
  body.route-gallery .drive-new-plus{
    display:block!important;
    font-size:19px!important;
    line-height:1!important;
    font-weight:450!important;
  }
  body.route-gallery .drive-view-toggle-inline{
    display:flex!important;
    align-items:center!important;
    height:32px!important;
    padding:1px!important;
    gap:0!important;
    border:1px solid transparent!important;
    border-radius:8px!important;
    background:transparent!important;
  }
  body.route-gallery .drive-layout-option.active{
    background:var(--surface-selected)!important;
    color:var(--text)!important;
  }

  /* The page-level '+' duplicates Drive's own New button on this route. */
  body.route-gallery #globalNewAction{display:none!important}
  body.route-gallery .global-top-actions{gap:2px!important}

  body.route-gallery .drive-toolbar-selection-mode{
    display:flex;
    width:100%!important;
    height:34px!important;
    min-height:34px!important;
    align-items:center!important;
  }
  body.route-gallery .drive-toolbar-selection-mode[hidden]{display:none!important}
}

@media (min-width:801px) and (max-width:980px){
  body.route-gallery .drive-commandbar{left:132px!important;right:98px!important}
  body.route-gallery .drive-view-actions .drive-quick-action,
  body.route-gallery .drive-view-actions .drive-sort-tab,
  body.route-gallery .drive-view-actions .drive-new-top,
  body.route-gallery .drive-layout-option{width:28px!important;min-width:28px!important}
}

/* 2026-09-30 — Desktop sidebar search icon-only v8.3.
   Desktop/web only. Mobile layout intentionally remains unchanged. */
@media(min-width:801px){
  .sidebar-quick-row{
    grid-template-columns:minmax(0,1fr) 36px!important;
  }
  .sidebar-search-trigger{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0!important;
    justify-content:center!important;
    gap:0!important;
  }
  .sidebar-search-trigger span,
  .sidebar-search-trigger kbd{
    display:none!important;
  }
  .sidebar-search-trigger svg{
    width:15px!important;
    height:15px!important;
    flex:0 0 15px!important;
    margin:0!important;
  }
}


/* 2026-09-30 — Desktop global search vertical spacing v8.4 */
@media(min-width:801px){
  .global-search-popover{
    top:16vh!important;
    max-height:min(600px,72vh)!important;
  }
}


/* 2026-09-30 — v12 list action column isolation (desktop + mobile).
   Floating extension badges belong to tile/grid previews only. In list view the
   exact extension lives in the Type column and the final column is actions only. */
.gallery.list-view .filetype-corner,
#driveDropTarget.list-view .filetype-corner{display:none!important}
.gallery.list-view .drive-more-btn,
#driveDropTarget.list-view .drive-more-btn{
  grid-column:7!important;
  position:static!important;
  justify-self:center!important;
  align-self:center!important;
  z-index:8!important;
}
.gallery.list-view .drive-list-kind,
#driveDropTarget.list-view .drive-list-kind{
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}


/* 2026-09-30 — Compact single-line Drive list header v14 */
.drive-list-section-label{display:none}
@media (min-width:801px){
  .gallery.list-view .drive-list-header.is-visible,
  #driveDropTarget.list-view .drive-list-header.is-visible{
    display:grid!important;
    grid-template-columns:minmax(180px,1.55fr) minmax(220px,2.2fr) minmax(110px,1fr) minmax(110px,.9fr) minmax(110px,.9fr) minmax(150px,1.1fr) 34px!important;
    align-items:center!important;
    gap:12px!important;
    min-height:32px!important;
    height:32px!important;
    padding:0 10px!important;
    border-radius:8px 8px 0 0!important;
    background:var(--surface-sunken)!important;
  }
  .drive-list-section-label{
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    min-width:0!important;
    color:var(--text)!important;
    font-size:12.3px!important;
    font-weight:700!important;
    white-space:nowrap!important;
  }
  .drive-list-section-label b{font-size:12.3px!important;line-height:1!important;font-weight:700!important}
  .drive-list-section-label small{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:18px!important;
    height:18px!important;
    padding:0 6px!important;
    border-radius:999px!important;
    background:var(--surface-main)!important;
    color:var(--metadata)!important;
    font-size:11px!important;
    font-weight:700!important;
    line-height:1!important;
  }
  .gallery.list-view .drive-item-section:first-of-type>.drive-section-heading,
  #driveDropTarget.list-view .drive-item-section:first-of-type>.drive-section-heading{
    display:none!important;
  }
  .gallery.list-view .drive-item-section:first-of-type>.drive-folder-grid,
  .gallery.list-view .drive-item-section:first-of-type>.drive-files-grid,
  #driveDropTarget.list-view .drive-item-section:first-of-type>.drive-folder-grid,
  #driveDropTarget.list-view .drive-item-section:first-of-type>.drive-files-grid{
    padding-top:0!important;
    border-radius:0 0 12px 12px!important;
  }
  .gallery.list-view .drive-files-section>.drive-section-heading,
  #driveDropTarget.list-view .drive-files-section>.drive-section-heading{
    height:26px!important;
    min-height:26px!important;
    padding:0 10px!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--metadata)!important;
    border-top:1px solid color-mix(in srgb,var(--line) 84%,transparent)!important;
    border-bottom:1px solid color-mix(in srgb,var(--line) 84%,transparent)!important;
    margin-top:8px!important;
  }
  .gallery.list-view .drive-files-section>.drive-files-grid,
  #driveDropTarget.list-view .drive-files-section>.drive-files-grid{
    border-radius:0 0 12px 12px!important;
  }
}


/* 2026-09-30 — Drive list header collision fix v14.1 */
@media (min-width:801px){
  .gallery.list-view .drive-list-header.is-visible,
  #driveDropTarget.list-view .drive-list-header.is-visible{
    grid-template-columns:42px minmax(250px,1fr) 118px 110px 96px 150px 36px!important;
    gap:0!important;
    min-height:31px!important;
    height:31px!important;
    padding:0 8px!important;
  }
  .drive-list-header > *{min-width:0!important}
  .drive-list-name-header{
    grid-column:1 / span 2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    min-width:0!important;
    padding-right:10px!important;
  }
  .drive-list-name-header .drive-sort-header{
    flex:0 0 auto!important;
    max-width:none!important;
  }
  .drive-list-section-label{
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  .drive-list-section-label b{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .drive-list-header > span,
  .drive-list-header > button,
  .drive-list-name-header .drive-sort-header{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .gallery.list-view .drive-item-section:first-of-type>.drive-section-heading,
  #driveDropTarget.list-view .drive-item-section:first-of-type>.drive-section-heading{display:none!important}
}
@media (min-width:801px) and (max-width:1180px){
  .drive-list-section-label b{max-width:84px!important}
  .drive-list-name-header{gap:8px!important;padding-right:8px!important}
}
@media (min-width:801px){
  body.route-gallery .gallery.list-view .filecard,
  body.route-gallery #driveDropTarget.list-view .filecard{
    height:44px!important;
    min-height:44px!important;
    grid-template-rows:44px!important;
    padding:0 8px!important;
  }
  body.route-gallery .gallery.list-view .drive-list-header.is-visible,
  body.route-gallery #driveDropTarget.list-view .drive-list-header.is-visible{
    min-height:29px!important;
    height:29px!important;
    padding:0 8px!important;
  }
  body.route-gallery .gallery.list-view .drive-section-heading,
  body.route-gallery #driveDropTarget.list-view .drive-section-heading{
    height:28px!important;
    margin-top:2px!important;
  }
  body.route-gallery .gallery.list-view .filecard>.drive-list-name small,
  body.route-gallery #driveDropTarget.list-view .filecard>.drive-list-name small{
    display:none!important;
  }
}


/* 2026-10-01 — Drive tonal hierarchy v15: tone separates surfaces; duplicate strokes do not. */
body.route-gallery{
  --drive-tone-1:color-mix(in srgb,var(--text) 3.5%,var(--surface-main));
  --drive-tone-2:color-mix(in srgb,var(--text) 6%,var(--surface-main));
  --drive-tone-3:color-mix(in srgb,var(--text) 9%,var(--surface-main));
}
body.route-gallery .drive-commandbar{border-top:0!important;border-bottom:0!important;box-shadow:none!important}
body.route-gallery .drive-search{border:0!important;background:var(--drive-tone-1)!important;box-shadow:none!important}
body.route-gallery .drive-search:focus-within{border:0!important;background:var(--drive-tone-2)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)!important}
body.route-gallery .drive-search-scope{border-left:0!important;background:var(--drive-tone-2)!important;border-radius:5px!important;padding:3px 6px!important}
body.route-gallery .drive-view-actions .drive-quick-action,
body.route-gallery .drive-view-actions .drive-sort-tab,
body.route-gallery .drive-view-actions .drive-new-top,
body.route-gallery .drive-layout-option,
body.route-gallery .drive-view-toggle-inline,
body.route-gallery .drive-select-mode-btn{
  border-color:transparent!important;box-shadow:none!important;
}
body.route-gallery .drive-view-actions .drive-quick-action,
body.route-gallery .drive-view-actions .drive-sort-tab,
body.route-gallery .drive-view-toggle-inline{background:var(--drive-tone-1)!important}
body.route-gallery .drive-view-actions .drive-quick-action:hover,
body.route-gallery .drive-view-actions .drive-sort-tab:hover,
body.route-gallery .drive-layout-option:hover{background:var(--drive-tone-2)!important}
body.route-gallery .drive-layout-option{background:transparent!important}
body.route-gallery .drive-layout-option.active{background:var(--drive-tone-3)!important;box-shadow:none!important}
body.route-gallery .drive-new-top{border:0!important;box-shadow:none!important}
body.route-gallery .drive-section-heading{border-bottom:0!important}
body.route-gallery .filecard.drive-folder-card.drive-selected,
body.route-gallery .filecard.drive-folder-card.selected,
body.route-gallery .filecard.file-tile.drive-selected,
body.route-gallery .filecard.file-tile.selected,
body.route-gallery .gallery.list-view .filecard.drive-selected,
body.route-gallery #driveDropTarget.list-view .filecard.drive-selected{box-shadow:none!important;outline:0!important;background:var(--surface-selected)!important}
body.route-gallery .drive-list-header.is-visible{border:0!important;box-shadow:none!important;background:var(--drive-tone-1)!important}
body.route-gallery .gallery.list-view .drive-section-heading,
body.route-gallery #driveDropTarget.list-view .drive-section-heading,
body.route-gallery .gallery.list-view .drive-folder-grid,
body.route-gallery .gallery.list-view .drive-files-grid,
body.route-gallery #driveDropTarget.list-view .drive-folder-grid,
body.route-gallery #driveDropTarget.list-view .drive-files-grid{border-color:transparent!important;box-shadow:none!important}
body.route-gallery .gallery.list-view .drive-files-section>.drive-section-heading,
body.route-gallery #driveDropTarget.list-view .drive-files-section>.drive-section-heading{border-top:0!important;border-bottom:0!important;background:var(--drive-tone-1)!important}
body.route-gallery .drive-search-results,
body.route-gallery .drive-sort-menu,
body.route-gallery .drive-context-menu{border:0!important;background:color-mix(in srgb,var(--menu) 92%,var(--text) 8%)!important}
body.route-gallery .drive-search-results-head{border-bottom:0!important;background:var(--drive-tone-1)!important}
body.route-gallery .drive-sort-direction{border-top:0!important;background:var(--drive-tone-1)!important;border-radius:9px!important;padding:5px!important}
body.route-gallery .drive-cut-pending{opacity:.5!important;background:var(--drive-tone-1)!important}
body.route-gallery .drive-cut-pending .drive-more-btn{opacity:.65!important}
body.route-gallery .cloud-preview-drawer-head{border-bottom:0!important;background:var(--drive-tone-1)!important}
body.route-gallery .cloud-preview-content .rich-preview-info{border-top:0!important;background:var(--drive-tone-1)!important}
body.route-gallery .cloud-preview-content .preview-detail-list>*{border-bottom:0!important;margin-bottom:2px;padding:0 8px;border-radius:6px;background:var(--surface-main)!important}
@media(max-width:800px){
  body.route-gallery .mobile-menu{border:0!important;box-shadow:none!important;background:var(--drive-tone-2)!important}
  body.route-gallery .drive-commandbar{border:0!important}
}

/* 2026-10-02 — desktop hard guard: mobile-only size must never leak into web list */
.mobile-drive-size{display:none!important}

/* 2026-10-02 — Drive list final compact row v14 */
@media (min-width:801px){
  body.route-gallery .gallery.list-view .filecard,
  body.route-gallery #driveDropTarget.list-view .filecard{
    height:42px!important;min-height:42px!important;max-height:42px!important;
    grid-template-rows:42px!important;
    padding-top:0!important;padding-bottom:0!important;
  }
  body.route-gallery .gallery.list-view .drive-list-name,
  body.route-gallery #driveDropTarget.list-view .drive-list-name{
    display:block!important;align-self:center!important;line-height:1!important;
  }
  body.route-gallery .gallery.list-view .drive-list-name small,
  body.route-gallery #driveDropTarget.list-view .drive-list-name small,
  body.route-gallery .gallery.list-view .filecard.drive-folder-card>.drive-list-name small,
  body.route-gallery #driveDropTarget.list-view .filecard.drive-folder-card>.drive-list-name small{
    display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important;
  }
}

/* 2026-10-02 v22 — stable first paint: no transform/pop, only a short opacity settle. */
html.cloud-booting main>.page-shell{opacity:.965!important;transform:none!important}
html:not(.cloud-booting) main>.page-shell{opacity:1!important;transform:none!important;transition:opacity .09s ease-out!important;will-change:auto!important}
@media(prefers-reduced-motion:reduce){html.cloud-booting main>.page-shell,html:not(.cloud-booting) main>.page-shell{opacity:1!important;transition:none!important}}

/* 2026-10-02 v23 — first-paint stability: no whole-page fade and no inline flash-message frame. */
html.cloud-booting main>.page-shell,
html:not(.cloud-booting) main>.page-shell,
html.soft-nav-loading main>.page-shell{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
  will-change:auto!important;
}
.page-shell>.flash{display:none!important}


/* 2026-10-02 — upload drop target continuity + explicit overwrite choice v26 */
.drive-drop-scope-guide{
  position:fixed!important;z-index:3390!important;pointer-events:none!important;
  border:1.5px solid color-mix(in srgb,var(--accent) 88%,transparent)!important;
  border-radius:12px!important;background:color-mix(in srgb,var(--accent) 2.5%,transparent)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 10%,transparent)!important;
}
.drive-drop-scope-guide[hidden]{display:none!important}
body.drive-stroke-drop.drive-main-target .drive-file-viewport.drive-drop-hover{
  outline:0!important;background:transparent!important;
}
body.drive-stroke-drop .filecard[data-dir="1"].drive-drop-hover{
  position:relative!important;z-index:3400!important;
  outline:2px solid var(--accent)!important;outline-offset:-2px!important;
  background:color-mix(in srgb,var(--accent) 13%,var(--surface-main))!important;
  box-shadow:inset 4px 0 0 color-mix(in srgb,var(--accent) 90%,transparent)!important;
}
body.drive-stroke-drop .filecard[data-dir="1"].drive-drop-hover .drive-folder-symbol,
body.drive-stroke-drop .filecard[data-dir="1"].drive-drop-hover .drive-folder-select{filter:saturate(1.12) brightness(1.05)}
body.drive-stroke-drop .drive-drop-folder.drive-drop-hover{
  border-radius:7px!important;background:color-mix(in srgb,var(--accent) 13%,var(--surface-main))!important;
  outline:2px solid var(--accent)!important;outline-offset:2px!important;
}
.upload-conflict-box{width:min(470px,calc(100vw - 24px))!important}
.upload-conflict-box form{padding:18px!important}
.upload-conflict-names{display:grid;gap:4px;max-height:150px;overflow:auto;margin:10px 0;padding:6px;border-radius:9px;background:var(--surface-sunken)}
.upload-conflict-names span,.upload-conflict-names small{display:block;padding:5px 7px;font-size:11px;color:var(--metadata);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.upload-conflict-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:14px}
.upload-conflict-note{display:block;margin-top:9px;color:var(--metadata);font-size:10.5px}
@media(max-width:800px){
  .drive-drop-scope-guide{display:none!important}
  body.drive-stroke-drop .filecard[data-dir="1"].drive-drop-hover{outline-width:2px!important;box-shadow:inset 3px 0 0 var(--accent)!important}
  .upload-conflict-actions{display:grid;grid-template-columns:1fr 1fr}.upload-conflict-actions .primary{grid-column:1/-1}
}


/* 2026-10-02 — Preview topbar de-clutter v27
   Desktop Drive actions live absolutely in the title row. When preview opens,
   hide that competing toolbar and keep preview controls intentionally minimal. */
@media (min-width:801px){
  body.route-gallery.preview-open .drive-commandbar{
    display:none!important;
  }
  body.route-gallery.preview-open .drive-file-header{
    padding-right:18px!important;
  }
  body.route-gallery.preview-open .cloud-preview-drawer-head{
    height:50px!important;
    min-height:50px!important;
    padding:0 8px 0 12px!important;
    gap:8px!important;
  }
  body.route-gallery.preview-open .cloud-preview-titlewrap{
    display:block!important;
    min-width:0!important;
  }
  body.route-gallery.preview-open .cloud-preview-titlewrap b{
    display:block!important;
    font-size:12.8px!important;
    font-weight:650!important;
    line-height:1.2!important;
  }
  body.route-gallery.preview-open .cloud-preview-titlewrap span{
    display:none!important;
  }
  body.route-gallery.preview-open .cloud-preview-drawer-actions{
    gap:2px!important;
    flex:0 0 auto!important;
  }
  body.route-gallery.preview-open .preview-head-action,
  body.route-gallery.preview-open .preview-head-download{
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0!important;
    border-radius:7px!important;
    background:transparent!important;
  }
  body.route-gallery.preview-open .preview-head-download span{
    display:none!important;
  }
  body.route-gallery.preview-open .preview-head-action:hover,
  body.route-gallery.preview-open .preview-head-download:hover{
    background:var(--surface-hover)!important;
  }
}


/* 2026-10-02 — Trash UI cleanup v28 */
.trash-page-head h1{margin-bottom:4px}
.trash-page-head p{margin:0;color:var(--muted)}
.trash-policy,.wtrash-policy{
  display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;
  padding:14px 16px;border:1px solid var(--line);border-radius:14px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface-raised) 92%,transparent),color-mix(in srgb,var(--surface-sunken) 92%,transparent));
  box-shadow:none
}
.trash-policy>span,.wtrash-policy>span{
  width:44px;height:44px;border-radius:12px;display:grid;place-items:center;
  background:color-mix(in srgb,var(--accent) 16%,var(--surface-raised));
  color:var(--accent);font-size:20px;font-weight:800
}
.trash-policy b,.wtrash-policy b{display:block;font-size:14px;font-weight:740;color:var(--text)}
.trash-policy small,.wtrash-policy small{display:block;margin-top:3px;font-size:12px;line-height:1.45;color:var(--muted)}
.trash-section-head,.wtrash-section-title{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:16px 0 10px
}
.trash-section-head b,.wtrash-section-title h2{font-size:20px;font-weight:760;letter-spacing:-.02em;color:var(--text);margin:0}
.trash-section-head small,.wtrash-section-title small{display:block;margin-top:4px;color:var(--muted);font-size:12px}
.trash-people-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}
.unified-trash-card,.wtrash-card{
  background:var(--surface-raised);border:1px solid var(--line);border-radius:14px;box-shadow:none
}
.unified-trash-card:hover,.wtrash-card:hover{background:color-mix(in srgb,var(--surface-raised) 86%,var(--surface-hover));border-color:var(--line-strong)}
.unified-trash-card.is-selected{background:color-mix(in srgb,var(--accent) 8%,var(--surface-raised));border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.trash-bulkbar{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px 14px;
  padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-raised);margin:14px 0 12px
}
.trash-bulkbar>label{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:710;color:var(--text)}
.trash-bulkbar>span{font-size:12px;color:var(--muted)}
.trash-bulkbar form{margin:0 0 0 auto}
.trash-bulkbar input[type="checkbox"],.trash-select input[type="checkbox"]{accent-color:var(--accent)}
.trash-main-list{display:grid;gap:10px}
.trash-entry{
  display:grid;grid-template-columns:28px 44px minmax(0,1fr) auto;align-items:center;gap:12px;
  padding:14px 14px 14px 16px
}
.trash-entry>.trash-kind{width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--accent) 10%,var(--surface-main));color:var(--accent)}
.trash-entry>.trash-kind svg{width:22px;height:22px;stroke-width:1.75}
.trash-entry>.trash-kind.trash-thumb{background:var(--surface-main);border:1px solid var(--line)}
.trash-entry>div:not(.trash-card-actions){min-width:0}
.trash-entry>div:not(.trash-card-actions)>b{font-size:15px;font-weight:720;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trash-entry small{display:block;margin-top:4px;font-size:12px;line-height:1.45;color:var(--muted)}
.trash-entry time{display:block;margin-top:4px;font-size:11px;line-height:1.4;color:var(--metadata)}
.trash-select{position:static;display:grid;place-items:center;width:28px;height:28px}
.trash-select>span{width:20px;height:20px;border-radius:6px;border:1px solid var(--line-strong);background:var(--surface-main);color:transparent;display:grid;place-items:center;font-size:13px;font-weight:800}
.trash-item-check{position:absolute;opacity:0;pointer-events:none}
.trash-item-check:checked+span{background:var(--accent);border-color:var(--accent);color:#fff}
.trash-card-actions,.wtrash-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.trash-card-actions form,.wtrash-actions form{margin:0}
.trash-card-actions button,.wtrash-actions button,.trash-settings-btn,.trash-section-head .ghost,.wtrash-back,.trash-bulkbar button{
  min-height:38px;height:38px;padding:0 14px;border-radius:10px;font-size:12.4px;font-weight:700;border:1px solid transparent;box-shadow:none
}
.trash-card-actions .ghost,.wtrash-actions .ghost,.trash-copy-link,.trash-settings-btn,.trash-section-head .ghost,.wtrash-back{
  background:var(--surface-main);border-color:var(--line);color:var(--text)
}
.trash-card-actions .ghost:hover,.wtrash-actions .ghost:hover,.trash-copy-link:hover,.trash-settings-btn:hover,.trash-section-head .ghost:hover,.wtrash-back:hover{
  background:var(--surface-hover);border-color:var(--line-strong);color:var(--text)
}
.trash-card-actions .danger,.wtrash-actions .danger,.trash-bulkbar .danger{
  background:#D84B45;border-color:#C73F3A;color:#fff
}
.trash-card-actions .danger:hover,.wtrash-actions .danger:hover,.trash-bulkbar .danger:hover{
  background:#C73F3A;border-color:#B53834;color:#fff
}
.trash-card-actions .danger:disabled,.trash-bulkbar .danger:disabled{opacity:.45;background:#A86B68;border-color:#A86B68;color:#fff}
.wtrash-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px}
.wtrash-card{padding:14px}
.wtrash-main{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center}
.wtrash-icon,.wtrash-user-avatar{
  width:44px;height:44px;border-radius:12px;display:grid;place-items:center;
  background:color-mix(in srgb,var(--accent) 12%,var(--surface-main));color:var(--accent);font-size:18px;font-weight:800
}
.wtrash-copy b{display:block;font-size:15px;font-weight:730;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wtrash-copy small,.wtrash-copy time{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.4}
.wtrash-actions{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.wtrash-pill{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:var(--surface-main);border:1px solid var(--line);font-size:11px;font-weight:680;color:var(--text)}
.wtrash-counts{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}


/* 2026-10-02 — Trash compact correction v29
   Fix the v28 column collision, reduce vertical density, and match Updates' soft danger action. */
.trash-policy,.wtrash-policy{
  min-height:52px!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:9px!important;
  padding:8px 10px!important;
  border-radius:10px!important;
  background:var(--surface-sunken)!important;
}
.trash-policy>span,.wtrash-policy>span{
  width:34px!important;height:34px!important;border-radius:8px!important;
  font-size:16px!important;
}
.trash-policy b,.wtrash-policy b{font-size:12.5px!important;font-weight:700!important}
.trash-policy small,.wtrash-policy small{margin-top:2px!important;font-size:10.5px!important;line-height:1.35!important}
.trash-people-section{margin:12px 0 14px!important}
.trash-section-head,.wtrash-section-title{margin:10px 0 7px!important;align-items:center!important}
.trash-section-head b,.wtrash-section-title h2{font-size:13px!important;font-weight:700!important;letter-spacing:0!important}
.trash-section-head small,.wtrash-section-title small{margin-top:2px!important;font-size:10.5px!important}
.trash-people-grid{gap:6px!important}
.trash-people-grid .unified-trash-card{
  min-height:58px!important;
  padding:8px 10px!important;
  border-radius:9px!important;
  gap:9px!important;
}
.trash-people-grid .trash-kind{width:34px!important;height:34px!important;border-radius:8px!important}
.trash-bulkbar{
  display:flex!important;
  min-height:42px!important;
  padding:5px 7px!important;
  margin:0 0 6px!important;
  gap:9px!important;
  border-radius:9px!important;
  background:var(--surface-sunken)!important;
}
.trash-bulkbar>label{min-height:30px!important;gap:7px!important;font-size:11.5px!important;font-weight:650!important}
.trash-bulkbar>span{font-size:10.8px!important}
.trash-bulkbar form{margin-left:auto!important}
.trash-bulkbar input[type="checkbox"]{
  width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;
}
.trash-main-list{gap:4px!important}
.trash-entry{
  display:grid!important;
  grid-template-columns:24px 36px minmax(0,1fr) auto!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  gap:8px!important;
  min-height:56px!important;
  padding:7px 8px!important;
  border-radius:9px!important;
}
.trash-entry>.trash-select{
  position:static!important;
  grid-column:1!important;grid-row:1!important;
  width:24px!important;height:24px!important;
  margin:0!important;transform:none!important;
}
.trash-entry>.trash-kind{
  grid-column:2!important;grid-row:1!important;
  width:34px!important;height:34px!important;border-radius:8px!important;
}
.trash-entry>div:not(.trash-card-actions){
  grid-column:3!important;grid-row:1!important;
  min-width:0!important;padding:0!important;
}
.trash-entry>div:not(.trash-card-actions)>b{
  font-size:12.5px!important;font-weight:680!important;line-height:1.2!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.trash-entry small{margin-top:2px!important;font-size:10.4px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.trash-entry time{margin-top:2px!important;font-size:9.8px!important;line-height:1.2!important;white-space:nowrap!important;color:var(--metadata)!important}
.trash-entry>.trash-card-actions{
  grid-column:4!important;grid-row:1!important;
  display:flex!important;align-items:center!important;gap:5px!important;
  margin:0!important;padding:0!important;border:0!important;
}
.trash-card-actions button,.wtrash-actions button,.trash-settings-btn,.trash-section-head .ghost,.wtrash-back,.trash-bulkbar button{
  height:30px!important;min-height:30px!important;
  padding:0 9px!important;
  border-radius:8px!important;
  font-size:11.2px!important;font-weight:620!important;
}
/* Match the Updates page: pale danger surface, red text, thin red border. */
.trash-card-actions .danger,.wtrash-actions .danger,.trash-bulkbar .danger{
  background:color-mix(in srgb,var(--danger) 10%,transparent)!important;
  color:var(--danger)!important;
  border-color:color-mix(in srgb,var(--danger) 18%,transparent)!important;
}
.trash-card-actions .danger:hover,.wtrash-actions .danger:hover,.trash-bulkbar .danger:hover{
  background:color-mix(in srgb,var(--danger) 16%,transparent)!important;
  color:var(--danger)!important;
  border-color:color-mix(in srgb,var(--danger) 24%,transparent)!important;
}
.trash-card-actions .danger:disabled,.wtrash-actions .danger:disabled,.trash-bulkbar .danger:disabled{
  opacity:.42!important;
  background:color-mix(in srgb,var(--danger) 8%,transparent)!important;
  color:var(--danger)!important;
  border-color:color-mix(in srgb,var(--danger) 14%,transparent)!important;
}
.unified-trash-card.is-selected{
  background:color-mix(in srgb,var(--accent) 6%,var(--surface-main))!important;
  border-color:color-mix(in srgb,var(--accent) 55%,var(--line))!important;
}
.trash-select>span{width:18px!important;height:18px!important;border-radius:5px!important;font-size:11px!important}
.wtrash-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:6px!important}
.wtrash-card{padding:9px 10px!important;border-radius:9px!important;gap:6px!important}
.wtrash-main{grid-template-columns:34px minmax(0,1fr)!important;gap:9px!important}
.wtrash-icon,.wtrash-user-avatar{width:34px!important;height:34px!important;border-radius:8px!important;font-size:15px!important}
.wtrash-copy b{font-size:12.5px!important;font-weight:680!important}
.wtrash-copy small,.wtrash-copy time{margin-top:2px!important;font-size:10.4px!important;line-height:1.3!important}
.wtrash-actions{margin-top:6px!important;padding-top:6px!important;gap:5px!important}
.wtrash-pill{min-height:22px!important;padding:0 7px!important;font-size:9.8px!important}
.wtrash-counts{gap:4px!important;margin-top:5px!important}


/* 2026-10-02 — mobile-only component isolation fix.
   New mobile Drive chrome must never leak into desktop/other page layouts. */
.cloud-mobile-bottomnav,
.drive-mobile-searchbar,
.drive-mobile-tabs,
.drive-mobile-sectionbar{
  display:none!important;
}

/* 2026-10-05 — Drive desktop selection toolbar collision fix v39.
   Selection mode and the normal Drive actions are mutually exclusive. Several
   older desktop recovery rules use display:flex!important, which can override
   the browser's native [hidden] rule and make both toolbars render on top of
   each other. Respect hidden explicitly at author-important priority. */
@media (min-width:801px){
  body.route-gallery .drive-view-actions[hidden],
  body.route-gallery .drive-global-search-wrap[hidden],
  body.route-gallery .drive-toolbar-selection-mode[hidden]{
    display:none!important;
  }

  body.route-gallery .drive-toolbar-selection-mode:not([hidden]){
    display:flex!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    overflow:visible!important;
  }

  body.route-gallery .drive-toolbar-selection-count,
  body.route-gallery .drive-toolbar-selection-actions{
    min-width:0!important;
    flex:0 0 auto!important;
  }

  body.route-gallery .drive-toolbar-selection-count{
    overflow:hidden!important;
  }

  body.route-gallery .drive-toolbar-selection-count strong{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}


/* 2026-10-15 — Desktop Drive: restrained, single-line file manager layout.
   Scoped to route-gallery and desktop only; no JS or behavior changes. */
@media (min-width:801px) {
  /* The location/breadcrumb and the existing actions share ONE real visual line.
     Keep DOM positions so that selection, sort and upload handlers remain intact. */
  body.route-gallery .page-shell {position:relative!important}
  body.route-gallery .drive-file-header {
    height:52px!important;min-height:52px!important;max-height:52px!important;
    margin:0 -18px!important;padding:0 18px!important;
    border-bottom:0!important;background:var(--surface-main)!important;
  }
  body.route-gallery .drive-location-toolbar {
    position:absolute!important;top:0!important;left:18px!important;
    z-index:1198!important;display:flex!important;align-items:center!important;
    justify-content:flex-start!important;gap:12px!important;
    height:52px!important;min-height:52px!important;margin:0!important;padding:0!important;
    width:auto!important;max-width:calc(100% - 476px)!important;
    border:0!important;background:transparent!important;box-shadow:none!important;
  }
  body.route-gallery .drive-location-current {min-width:0!important;flex:0 1 auto!important;overflow:hidden!important}
  body.route-gallery .drive-location-toolbar .crumbs {
    display:flex!important;align-items:center!important;min-width:0!important;min-height:36px!important;
    gap:6px!important;overflow:hidden!important;white-space:nowrap!important;
  }
  body.route-gallery .drive-location-toolbar .crumbs a {
    display:inline-flex!important;align-items:center!important;flex:0 1 auto!important;
    min-width:0!important;max-width:235px!important;height:34px!important;min-height:34px!important;
    padding:0 3px!important;border-radius:6px!important;
    color:var(--muted)!important;text-decoration:none!important;
    font-size:13px!important;line-height:1.15!important;font-weight:540!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  }
  body.route-gallery .drive-location-toolbar .crumbs a:last-of-type {
    color:var(--text)!important;font-size:15px!important;font-weight:680!important;
    letter-spacing:-.025em!important;
  }
  body.route-gallery .drive-location-toolbar .crumbs a:hover {background:var(--drive-tone-1)!important}
  body.route-gallery .drive-location-toolbar .crumbs>span {color:var(--metadata)!important;font-size:12px!important}
  body.route-gallery .drive-toolbar-meta {display:inline-flex!important;gap:0!important;flex:0 0 auto!important;align-items:center!important;margin:0!important}
  body.route-gallery .drive-toolbar-meta .item-count {
    color:var(--metadata)!important;font-weight:520!important;font-size:11px!important;
    white-space:nowrap!important;font-variant-numeric:tabular-nums!important;
  }
  body.route-gallery .drive-toolbar-meta .drive-location-ready {display:none!important}

  body.route-gallery .drive-commandbar {
    top:0!important;right:103px!important;left:auto!important;
    width:auto!important;max-width:calc(100% - 270px)!important;
    height:52px!important;min-height:52px!important;max-height:52px!important;
    margin:0!important;padding:0!important;gap:0!important;
    align-items:center!important;border:0!important;background:transparent!important;
  }
  body.route-gallery .drive-view-actions {height:36px!important;gap:3px!important}
  body.route-gallery .drive-view-actions .drive-quick-action,
  body.route-gallery .drive-view-actions .drive-sort-tab,
  body.route-gallery .drive-view-actions .drive-new-top,
  body.route-gallery .drive-layout-option {
    width:33px!important;min-width:33px!important;height:33px!important;min-height:33px!important;
    border-radius:8px!important;transition:background-color .12s ease,color .12s ease!important;
  }
  body.route-gallery .drive-view-actions .drive-quick-action,
  body.route-gallery .drive-view-actions .drive-sort-tab {
    background:transparent!important;color:var(--muted)!important;
  }
  body.route-gallery .drive-view-actions .drive-quick-action:hover,
  body.route-gallery .drive-view-actions .drive-sort-tab:hover,
  body.route-gallery .drive-layout-option:hover {
    background:var(--drive-tone-2)!important;color:var(--text)!important;
  }
  body.route-gallery .drive-view-toggle-inline {height:34px!important;padding:2px!important;border:0!important;background:var(--drive-tone-1)!important;border-radius:9px!important}
  body.route-gallery .drive-layout-option {height:29px!important;min-height:29px!important;width:30px!important;min-width:30px!important;color:var(--metadata)!important}
  body.route-gallery .drive-layout-option.active {color:var(--text)!important;background:var(--drive-tone-3)!important}
  body.route-gallery .drive-new-wrap {margin-left:6px!important}
  body.route-gallery .drive-new-top {background:var(--drive-tone-2)!important;color:var(--text)!important;border:0!important}
  body.route-gallery .drive-new-top:hover {background:var(--drive-tone-3)!important}
  body.route-gallery .drive-new-plus {font-size:22px!important;font-weight:440!important}
  body.route-gallery .drive-mobile-fab-stack {display:none!important}
  body.route-gallery #globalNewAction {display:none!important}

  /* One clear list header: no "Klasörler 8 Ad" collision or repeated headings. */
  body.route-gallery .drive-list-header.is-visible {
    display:grid!important;grid-template-columns:40px minmax(165px,1fr) 100px 92px 100px 156px 32px!important;
    gap:0!important;align-items:center!important;
    height:35px!important;min-height:35px!important;margin:0!important;padding:0 8px!important;
    border:0!important;border-radius:8px 8px 0 0!important;
    background:var(--drive-tone-1)!important;
  }
  body.route-gallery .drive-list-name-header {
    grid-column:1 / span 2!important;display:flex!important;align-items:center!important;
    justify-content:flex-start!important;min-width:0!important;padding:0 6px 0 40px!important;
  }
  body.route-gallery .drive-list-header .drive-list-section-label {display:none!important}
  body.route-gallery .drive-list-header .drive-sort-header,
  body.route-gallery .drive-list-header > span {
    color:var(--metadata)!important;font-size:11.6px!important;font-weight:570!important;
    line-height:1.1!important;letter-spacing:0!important;
  }
  body.route-gallery .drive-list-header .drive-sort-header.active {color:var(--text)!important;font-weight:630!important}
  body.route-gallery .drive-list-header .drive-sort-header:hover {color:var(--text)!important}
  body.route-gallery .drive-list-header .drive-sort-arrow {font-size:11px!important;opacity:.8!important}

  body.route-gallery #driveDropTarget.list-view .drive-section-heading {
    display:none!important;
  }
  body.route-gallery #driveDropTarget.list-view .drive-item-section {
    margin:0!important;padding:0!important;border:0!important;background:transparent!important;
  }
  body.route-gallery #driveDropTarget.list-view .drive-item-section + .drive-item-section {
    margin-top:7px!important;
  }
  body.route-gallery #driveDropTarget.list-view :is(.drive-folder-grid,.drive-files-grid) {
    display:block!important;padding:0!important;gap:0!important;border:0!important;
    border-radius:0!important;background:transparent!important;
  }
  body.route-gallery #driveDropTarget.list-view .filecard {
    display:grid!important;grid-template-columns:40px minmax(165px,1fr) 100px 92px 100px 156px 32px!important;
    grid-template-rows:46px!important;grid-auto-rows:0!important;
    align-items:center!important;align-content:center!important;
    width:100%!important;height:46px!important;min-height:46px!important;max-height:46px!important;
    margin:0!important;padding:0 8px!important;overflow:hidden!important;
    background:var(--surface-main)!important;border:0!important;border-radius:0!important;
    box-shadow:none!important;
  }
  body.route-gallery #driveDropTarget.list-view .filecard:last-child {border-radius:0 0 8px 8px!important}
  body.route-gallery #driveDropTarget.list-view .filecard:hover {background:var(--drive-tone-2)!important}
  body.route-gallery #driveDropTarget.list-view .filecard.drive-selected,
  body.route-gallery #driveDropTarget.list-view .filecard.selected {background:var(--surface-selected)!important}
  body.route-gallery #driveDropTarget.list-view .filecard > :is(.preview,.drive-folder-select) {
    grid-column:1!important;grid-row:1!important;
    width:30px!important;height:30px!important;min-height:30px!important;
    margin:0!important;border-radius:7px!important;
    background:var(--drive-tone-1)!important;
  }
  body.route-gallery #driveDropTarget.list-view .filecard .drive-folder-symbol {width:19px!important;height:19px!important}
  body.route-gallery #driveDropTarget.list-view .filecard > .drive-list-name {grid-column:2!important;grid-row:1!important;min-width:0!important;overflow:hidden!important}
  body.route-gallery #driveDropTarget.list-view .filecard > .drive-list-name b {
    display:block!important;font-size:13px!important;line-height:1.2!important;
    font-weight:640!important;letter-spacing:-.008em!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
    color:var(--text)!important;
  }
  body.route-gallery #driveDropTarget.list-view .filecard > .drive-list-owner {grid-column:3!important;grid-row:1!important}
  body.route-gallery #driveDropTarget.list-view .filecard > .drive-list-kind {grid-column:4!important;grid-row:1!important}
  body.route-gallery #driveDropTarget.list-view .filecard > .drive-list-size {grid-column:5!important;grid-row:1!important}
  body.route-gallery #driveDropTarget.list-view .filecard > .drive-list-date {grid-column:6!important;grid-row:1!important}
  body.route-gallery #driveDropTarget.list-view .filecard > .drive-more-btn {grid-column:7!important;grid-row:1!important}
  body.route-gallery #driveDropTarget.list-view .filecard > :is(.drive-list-owner,.drive-list-kind,.drive-list-size,.drive-list-date) {
    min-width:0!important;color:var(--muted)!important;
    font-size:11.8px!important;font-weight:480!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  body.route-gallery #driveDropTarget.list-view .filecard > :is(.drive-list-size,.drive-list-date) {font-variant-numeric:tabular-nums!important}
  body.route-gallery #driveDropTarget.list-view .filecard .owner-avatar {width:22px!important;height:22px!important;min-width:22px!important;background:var(--drive-tone-2)!important}
  body.route-gallery #driveDropTarget.list-view .filecard > .drive-more-btn {
    width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;
    padding:0!important;border:0!important;border-radius:7px!important;color:var(--muted)!important;
  }
  body.route-gallery #driveDropTarget.list-view .filecard > .drive-more-btn:hover {background:var(--drive-tone-3)!important;color:var(--text)!important}
  body.route-gallery #driveDropTarget.list-view .filecard > :is(.mobile-drive-copy,.mobile-drive-size,.file-meta-row) {display:none!important}
  body.route-gallery .drive-file-viewport {padding-top:0!important}
}
@media (min-width:801px) and (max-width:1150px) {
  body.route-gallery .drive-location-toolbar {max-width:calc(100% - 395px)!important}
  body.route-gallery .drive-toolbar-meta {display:none!important}
  body.route-gallery .drive-commandbar {right:94px!important}
  body.route-gallery .drive-list-header.is-visible,
  body.route-gallery #driveDropTarget.list-view .filecard {
    grid-template-columns:36px minmax(120px,1fr) 76px 70px 80px 120px 30px!important;
  }
  body.route-gallery .drive-list-name-header {padding-left:36px!important}
  body.route-gallery #driveDropTarget.list-view .filecard > :is(.drive-list-owner,.drive-list-kind,.drive-list-size,.drive-list-date) {font-size:11px!important}
}

/* Desktop alignment correction: older height caps must not lift breadcrumbs. */
@media (min-width:801px) {
  body.route-gallery .file-toolbar.drive-location-toolbar {
    height:52px!important;min-height:52px!important;max-height:52px!important;
    align-items:center!important;
  }
  body.route-gallery .drive-list-header.is-visible {
    max-height:35px!important;
  }
  body.route-gallery .drive-list-name-header {padding-left:49px!important}
}
@media (min-width:801px) and (max-width:1150px) {
  body.route-gallery .drive-list-name-header {padding-left:43px!important}
}


/* v50.1 — Tonal folder tiles, deliberately scoped to Drive grid mode. */
body.route-gallery {
  --drive-folder-tile-bg:color-mix(in srgb,var(--text) 4.8%,var(--page-surface));
  --drive-folder-tile-hover:color-mix(in srgb,var(--text) 8.2%,var(--page-surface));
}
html[data-theme="modern_dark"] body.route-gallery {
  --drive-folder-tile-bg:#242628;
  --drive-folder-tile-hover:#2c2f32;
}
html[data-theme="modern_light"] body.route-gallery {
  --drive-folder-tile-bg:#f4f5f6;
  --drive-folder-tile-hover:#eaecf0;
}
@media (min-width:801px) {
  body.route-gallery #driveDropTarget:not(.list-view) .drive-folder-grid {
    row-gap:9px;
    column-gap:11px;
  }
  /* v50.2: slim the horizontal folder tiles; preserve icon/menu hit targets. */
  body.route-gallery #driveDropTarget:not(.list-view) .drive-folder-grid > .filecard.drive-folder-card {
    box-sizing:border-box!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    padding-top:4px!important;
    padding-bottom:4px!important;
  }
  body.route-gallery #driveDropTarget:not(.list-view) .drive-folder-grid > .filecard.drive-folder-card:not(.drive-selected):not(.selected):not(.drive-opening) {
    border:0!important;
    border-radius:12px!important;
    background:var(--drive-folder-tile-bg)!important;
    box-shadow:none!important;
    transition:background-color .14s ease!important;
  }
  body.route-gallery #driveDropTarget:not(.list-view) .drive-folder-grid > .filecard.drive-folder-card:not(.drive-selected):not(.selected):not(.drive-opening):hover {
    background:var(--drive-folder-tile-hover)!important;
  }
}


/* v50.3 — Drive desktop LIST: slim, rounded, tonal folder rows only.
   Files retain their existing table rows; selections remain authoritative. */
@media (min-width:801px) {
  body.route-gallery #driveDropTarget.list-view .drive-folder-grid > .filecard.drive-folder-card {
    box-sizing:border-box!important;
    height:42px!important;min-height:42px!important;max-height:42px!important;
    grid-template-rows:42px!important;
    margin:2px 0 5px!important;
    border:0!important;border-radius:9px!important;
    background:var(--drive-folder-tile-bg)!important;
    box-shadow:none!important;
    transition:background-color .14s ease!important;
  }
  body.route-gallery #driveDropTarget.list-view .drive-folder-grid > .filecard.drive-folder-card:not(.drive-selected):not(.selected):not(.drive-opening):hover {
    background:var(--drive-folder-tile-hover)!important;
  }
  body.route-gallery #driveDropTarget.list-view .drive-folder-grid > .filecard.drive-folder-card:is(.drive-selected,.selected) {
    background:var(--surface-selected)!important;
  }
  body.route-gallery #driveDropTarget.list-view .drive-folder-grid > .filecard.drive-folder-card > .drive-folder-select {
    background:var(--drive-folder-tile-hover)!important;
  }
}


/* v50.10 — Drive media preview repair.
   Older .preview uses a CSS grid while the video play marker is a normal
   grid item; the marker therefore creates another implicit row and pushes
   the thumbnail out of the frame. The file type badge was also anchored
   to .filecard instead of the thumbnail. Keep overlays inside the media. */
body.route-gallery #driveDropTarget .filecard.file-tile > .preview.image-preview {
  position:relative;
  display:block;
  isolation:isolate;
  min-width:0;
  padding:0;
  overflow:hidden;
}
body.route-gallery #driveDropTarget .filecard.file-tile > .preview.image-preview > img {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
  border-radius:inherit;
}
body.route-gallery #driveDropTarget .filecard.file-tile > .video-poster > .video-play-badge {
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  box-sizing:border-box;
  padding:0 0 0 2px;
  border:1px solid rgba(255,255,255,.33);
  border-radius:50%;
  background:rgba(0,0,0,.55);
  color:#fff;
  font-size:14px;
  line-height:1;
  font-weight:600;
  text-shadow:0 1px 2px rgba(0,0,0,.28);
  pointer-events:none;
}
body.route-gallery #driveDropTarget .filecard.file-tile > .preview.image-preview > .filetype-corner {
  position:absolute;
  z-index:3;
  right:7px;
  bottom:7px;
  top:auto;
  left:auto;
  pointer-events:none;
}
body.route-gallery #driveDropTarget .filecard.file-tile > .preview.thumb-load-error > img {
  visibility:hidden;
}
body.route-gallery #driveDropTarget .filecard.file-tile > .preview.thumb-load-error::before {
  content:attr(data-preview-fallback);
  position:absolute;
  inset:0;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px;
  box-sizing:border-box;
  color:var(--metadata);
  text-align:center;
  font-size:11px;
  font-weight:550;
  line-height:1.4;
  overflow-wrap:anywhere;
}
body.route-gallery #driveDropTarget .filecard.file-tile > .video-poster.thumb-load-error > .video-play-badge {
  display:none;
}