/* PryzeDrive: ivory workspaces, mint organization and magenta actions.
   Local Inter and shared layout contracts keep the private team drive familiar. */
:root {
  --bg: #f7f8f3;
  --panel: #ffffff;
  --card: #ffffff;
  --card-2: #f1f4ef;
  --line: #e3e7e1;
  --line-2: #ced7cf;
  --ink: #252733;
  --ink-2: #505260;
  --ink-3: #696b78;
  --accent: #d9009f;
  --accent-ink: #fff;
  --violet: #d9009f;
  --ok: #16734b;
  --warn: #946307;
  --bad: #b62743;
  --info: #376d59;
  --selected: #dcf2e5;
  --hover: #f1f4ef;
  --focus: #b8118a;
  --mint: #c5efdd;
  --mint-ink: #245c47;
  --pink: #fff0fa;
  --peach: #fff1e7;
  --nav-height: 68px;
  --t-product: #896419; --t-brief: #91416f; --t-note: #586579; --t-media: #286a72; --t-slot: #64716c; --t-job: #a30c79;
  --t-source: #336681; --t-analysis: #6b508a; --t-segment: #3b658f; --t-ref: #9b476f; --t-plan: #8d6d18;
  --t-render: #347951; --t-qc: #956243; --t-final: #527929;
  --font: 'Inter Variable', Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --r: 8px;
  color-scheme: light;
}
html, body { font-family: var(--font); font-weight: 400; -webkit-font-smoothing: antialiased; color: var(--ink); }
body { font-feature-settings: normal; background: radial-gradient(ellipse at 4% 0%, #dff3e8 0, transparent 40%), radial-gradient(ellipse at 100% 3%, #ffe7ee 0, transparent 35%), var(--bg); }
::selection { background: #f6cbe9; color: #52203f; }
:focus-visible { outline-color: var(--focus); }
.ec-icon { display: inline-block; width: 18px; height: 18px; flex: none; vertical-align: middle; }
.btn { border-radius: 8px; border-color: var(--line-2); background: #fff; min-height: 34px; padding: 7px 12px; font-size: 13px; font-weight: 550; color: var(--ink); transition: background .15s, border-color .15s, box-shadow .15s; }
.btn:hover:not(:disabled) { border-color: #a8b9ac; background-color: #f2f8f3; }
.btn.primary { color: #fff; background: var(--accent); border-color: #252733; font-weight: 650; box-shadow: 2px 2px 0 #252733; }
.btn.primary:hover:not(:disabled) { background: #b90088; border-color: #252733; box-shadow: 1px 1px 0 #252733; filter: none; }
.btn.primary:active:not(:disabled) { box-shadow: none; }
.btn.ghost { color: var(--ink-2); }
.btn.ghost:hover:not(:disabled) { background: var(--hover); border-color: transparent; color: var(--ink); }
.btn[aria-pressed=true] { color: var(--mint-ink); border-color: #a7d7bf; background: var(--selected); }
.btn.danger.solid { color: #fff; }
.field { border-radius: 8px; border-color: var(--line-2); background: #fff; font-size: 13px; color: var(--ink); }
.field::placeholder, input::placeholder, textarea::placeholder { color: #7e8582; opacity: 1; }
.field:focus { outline-color: var(--focus); }
.fl > span { text-transform: none; letter-spacing: 0; font-size: 12px; color: var(--ink-2); }
.badge { font-size: 11px; font-weight: 500; line-height: 18px; min-height: 22px; padding: 1px 8px; }
.badge[data-status=approved], .badge.ok { color: var(--ok); background: rgba(0, 200, 87, .1); }
.badge[data-status=needs_review], .badge.run { color: var(--warn); background: rgba(255, 197, 0, .1); }
.badge[data-status=changes], .badge.bad { color: var(--bad); background: rgba(255, 0, 66, .1); }
.badge[data-status=none] { color: var(--ink-2); background: rgba(189, 192, 212, .08); }
.badge.info { color: var(--ink-2); background: rgba(189, 192, 212, .08); }
.av { border-radius: 50%; border: 1px solid hsl(var(--h) 25% 78%); background: hsl(var(--h) 36% 90%); color: hsl(var(--h) 35% 28%); font-weight: 650; }
.nav { height: var(--nav-height); min-height: var(--nav-height); padding: 10px 26px; background: #f9fbf5; border-color: var(--line-2); backdrop-filter: none; gap: 28px; }
.logo { font-size: 23px; font-weight: 800; letter-spacing: -.85px; gap: 10px; }
.pd-brand-symbol { display: block; width: 40px; height: 40px; flex: none; }
.pd-brand-wordmark { display: block; width: 174px; height: auto; max-height: 38px; }
.logo-mark { border-radius: 6px; box-shadow: none; width: 26px; height: 26px; display: grid; place-items: center; }
.logo-mark::after { content: 'P'; color: #fff; font-size: 16px; font-weight: 600; }
.nav-links { gap: 5px; min-width: 0; }
.nav-links a { border-radius: 8px; font-size: 13px; font-weight: 550; padding: 8px 12px; }
.nav-links a.on { background: var(--selected); color: var(--ink); font-weight: 650; }
.nav .user-btn { background: #fff; border-color: var(--line-2); min-height: 38px; }
.modal-back { background: #20283766; backdrop-filter: blur(4px); }
.modal { border-radius: 14px; border-color: #cfd8d0; background: #ffffff; box-shadow: 0 20px 65px #25302b2b; }
.modal-h { padding: 16px 20px 12px; border-bottom: 1px solid var(--line); }
.modal-h h3 { font-size: 16px; font-weight: 500; letter-spacing: -.2px; }
.modal-b { padding: 18px 20px; }
.modal-f { padding: 12px 20px 18px; border-top: 1px solid var(--line); }
.popmenu { background: #ffffff; border-radius: 10px; border-color: var(--line-2); padding: 6px; box-shadow: 0 12px 35px #24372c21; max-width: calc(100vw - 16px); }
.popmenu button { border-radius: 5px; font-size: 13px; }
.popmenu button:hover { background: var(--selected); }
.login-card { background: var(--card); border-color: var(--line-2); border-radius: 18px; box-shadow: 0 16px 45px #28382d14; }
.login-card h1 { font-size: 24px; font-weight: 500; letter-spacing: -.5px; }

/* Library navigation and workspace chrome. */
.ml-shell { --ml-text: var(--ink-2); --ml-dim: var(--ink-3); --ml-surface: var(--card); background: transparent; grid-template-columns: 242px minmax(0,1fr); min-height: calc(100vh - var(--nav-height)); }
.ml-sidebar { background: #f0f5ed; border-right: 1px solid var(--line-2); top: var(--nav-height); height: calc(100vh - var(--nav-height)); padding: 22px 12px 16px; scrollbar-width: thin; scrollbar-color: #c1cec5 transparent; }
.ml-main { background: radial-gradient(ellipse at 0% 12%, #dbf2e6 0, transparent 48%), radial-gradient(ellipse at 100% 30%, #ffe9ee 0, transparent 47%), radial-gradient(ellipse at 62% 82%, #fff0df 0, transparent 55%), #fafaf4; min-width: 0; }
.ml-wordmark { font-size: 14px; font-weight: 650; gap: 10px; padding: 0 9px 24px; color: var(--ink); }
.ml-wordmark .pd-brand-symbol { width: 32px; height: 32px; }
.ml-wordmark img.ml-mark { width: 32px; height: 32px; border-radius: 0; background: transparent; object-fit: contain; }
.ml-wordmark small { font-size: 10px; font-weight: 402; letter-spacing: .25px; color: var(--ink-3); margin-top: 4px; }
.ml-mark { width: 30px; height: 30px; border-radius: 7px; color: #fff; background: #d9009f; font-size: 16px; }
.ml-nav-group { gap: 2px; margin-bottom: 20px; }
.ml-nav-item, .ml-nav-brand, .ml-nav-product, .ml-nav-folder { min-height: 32px; border-radius: 6px; font-size: 13px; font-weight: 402; padding-block: 7px; color: var(--ink-2); gap: 9px; }
.ml-nav-brand { font-weight: 500; }
.ml-nav-item > span:first-child { color: var(--ink-3); width: 18px; display: inline-flex; }
.ml-sidebar .active { background: var(--selected); color: #244c3d; font-weight: 600; box-shadow: inset 3px 0 #39966c; }
.ml-sidebar .active .ec-icon { color: #287652; }
.ml-nav-item:hover, .ml-nav-brand:hover, .ml-nav-product:hover, .ml-nav-folder:hover { background: #e5eee1; color: var(--ink); }
.ml-nav-product .ec-icon, .ml-nav-folder .ec-icon { width: 16px; height: 16px; }
.ml-section-label { font-size: 11px; font-weight: 402; letter-spacing: 0; color: var(--ink-3); margin-top: 20px; }
.ml-brand-dot { border-radius: 6px; background: #fff; border: 1px solid var(--line-2); color: var(--ink-2); font-size: 10px; font-weight: 650; }
.ml-nav-item i { background: #d9009f33; color: #972273; }
.ml-nav-item small, .ml-nav-hint { color: var(--ink-3); }
.ml-nav-bottom { border-color: var(--line-2); margin-top: 24px; }
.ml-nav-bottom [data-act=guide] { justify-content: flex-start; padding-left: 12px; font-weight: 402; }
.ml-header { padding: 24px 28px 20px; border-color: var(--line); background: #fffefa; }
.ml-header h1 { font-size: 26px; font-weight: 730; letter-spacing: -.7px; margin: 10px 0 7px; }
.ml-header p { color: var(--ink-3); font-size: 12px; }
.ml-crumb { gap: 8px; }
.ml-crumb button { color: var(--ink-3); font-size: 12px; }
.ml-crumb button:last-child { color: var(--ink-2); }
.ml-crumb button:hover { color: var(--accent); }
.ml-crumb span { color: #8c9390; }
.ml-toolbar { padding: 14px 28px; border-color: var(--line); gap: 8px; background: #fff; }
.ml-toolbar .btn, .ml-toolbar .field { font-size: 12px; }
.ml-search { max-width: 650px; min-width: 240px; min-height: 42px; border: 1px solid #ceded1; border-radius: 10px; background: #eef5ed; gap: 9px; padding-inline: 13px; transition: border-color .15s, box-shadow .15s; }
.ml-search:focus-within { background: #fff; border-color: #739c80; box-shadow: 0 0 0 3px #c8e8d65c; }
.ml-search .ec-icon { color: var(--ink-3); width: 16px; height: 16px; }
.ml-search input { font-size: 13px; padding: 10px 0; color: var(--ink); }
.ml-toolbar .on { border-color: #a7d7bf; background: var(--selected); color: var(--mint-ink); }
.ml-context { padding: 16px 24px 0; }
.ml-quick-filters { border: 1px solid var(--line); background: #f2f5ef; border-radius: 9px; padding: 3px; }
.ml-quick-filters button { padding: 6px 10px; font-size: 12px; color: var(--ink-3); border-radius: 4px; }
.ml-quick-filters button.active { background: #fff; color: var(--ink); box-shadow: 0 1px 3px #1d342015; font-weight: 600; }
.ml-filter-chips { padding-inline: 24px; }
.ml-chip { border-radius: 5px; border-color: #d9009f55; color: #972273; background: #d9009f1a; font-size: 11px; }
.ml-chip:hover { border-color: var(--focus); }
.ml-locations { padding: 20px 24px 0; }
.ml-location-title { font-size: 12px; text-transform: none; letter-spacing: 0; color: var(--ink-2); }
.ml-location-grid { grid-template-columns: repeat(auto-fill,minmax(210px,1fr)); gap: 12px; }
.ml-location { border: 1px solid var(--line-2); background: var(--card); border-radius: 10px; padding: 15px; color: var(--ink); }
.ml-location > span:first-child { color: #388362; }
.ml-location > span:first-child .ec-icon { width: 26px; height: 26px; }
.ml-location b { font-weight: 500; font-size: 13px; }
.ml-location small, .ml-location > span:last-child { color: var(--ink-3); }
.ml-location:hover { background: #f3f7f1; border-color: var(--line-2); }
.pd-folder-icon { display: inline-grid; place-items: center; width: 36px; height: 36px; flex: none; color: #398662; background: #e1f3e6; border-radius: 8px; }
.pd-folder-icon .ec-icon { width: 25px; height: 25px; }

/* White file cards keep the media and working details easy to scan. */
.ml-content { padding: 22px 24px; }
.ml-grid { gap: 16px; align-items: start; }
.ml-grid.ml-grid-compact { grid-template-columns: repeat(auto-fill,minmax(180px,1fr)); }
.ml-grid.ml-grid-comfortable { grid-template-columns: repeat(auto-fill,minmax(300px,1fr)); }
.ml-grid.ml-grid-large { grid-template-columns: repeat(auto-fill,minmax(380px,1fr)); }
.ml-card { border: 1px solid #dbe3da; border-radius: 11px; background: var(--card); box-shadow: 0 1px 3px #26332907; transition: border-color .15s, background .15s, box-shadow .15s; }
.ml-card:hover { border-color: #a5b9ac; background: #ffffff; }
.ml-card.selected { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); background: #edf8f1; }
.ml-thumb { background: #edf2ed; border-block: 1px solid #edf0eb; }
.ml-ratio-square .ml-thumb { aspect-ratio: 1; }
.ml-ratio-landscape .ml-thumb { aspect-ratio: 16/9; }
.ml-ratio-portrait .ml-thumb { aspect-ratio: 9/16; }
.ml-fit-contain .ml-open img { object-fit: contain; }
.ml-fit-cover .ml-open img { object-fit: cover; }
.ml-card-info { padding: 12px; }
.ml-card-title { color: var(--ink); font-size: 13px; font-weight: 650; line-height: 20px; min-height: 40px; }
.pd-card-head { display: flex; align-items: center; gap: 8px; padding: 9px 11px; min-height: 42px; color: var(--ink-2); background: #fff; }
.pd-brand-avatar { display: inline-grid; place-items: center; flex: none; width: 24px; height: 24px; background: #ddf3e7; border: 1px solid #b9dfca; border-radius: 6px; color: #2c6349; font-size: 10px; font-weight: 750; }
.pd-card-brand { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; font-weight: 650; letter-spacing: .1px; }
.pd-card-link.btn { min-height: 25px; min-width: 25px; padding: 4px; margin-left: auto; color: #78817e; border-radius: 6px; }
.pd-card-link .ec-icon { width: 14px; height: 14px; }
.ml-titles-1 .ml-card-title { -webkit-line-clamp: 1; min-height: 20px; }
.ml-titles-2 .ml-card-title { -webkit-line-clamp: 2; min-height: 40px; }
.ml-hide-info .ml-card-info { display: none; }
.ml-card-sub { color: var(--ink-3); font-size: 11px; margin: 6px 0 4px; }
.ml-card-owner { font-size: 11px; color: var(--ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 12px; }
.ml-card-bottom { background: transparent; border: 0; border-top: 1px solid #edf0ea; box-shadow: none; border-radius: 0; padding: 10px 0 0; align-items: center; }
.ml-card-status { min-width: 0; }
.ml-card-status > small { display: none; }
.ml-card-status > small .ec-icon { width: 13px; height: 13px; }
.ml-card-bottom .badge { font-size: 10px; line-height: 17px; min-height: 20px; padding: 0 6px; max-width: 100%; }
.ml-card-size { color: var(--ink-3); font-size: 10px; white-space: nowrap; padding-bottom: 2px; }
.ml-tags span { color: var(--ink-2); background: #e5eee7; font-size: 10px; border-radius: 4px; }
.ml-file-icon { color: #71867a; }
.ml-file-icon .ec-icon { width: 44px; height: 44px; stroke-width: 1.2; }
.ml-select { appearance: none; width: 17px; height: 17px; border-radius: 5px; background: #fffffff0; border: 1px solid #788b7da6; box-shadow: 0 1px 3px #0002; margin: 0; display: grid; place-items: center; }
.ml-select:checked { background: var(--accent); border-color: var(--accent); }
.ml-select:checked::after { content: ''; width: 7px; height: 4px; border-left: 1.5px solid #fff; border-bottom: 1.5px solid #fff; transform: translateY(-1px) rotate(-45deg); }
.ml-star { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 5px; background: #0007; color: #fff; opacity: 0; transition: opacity .15s; }
.ml-card:hover .ml-star, .ml-card:focus-within .ml-star, .ml-star.starred { opacity: 1; }
.ml-star.starred { color: #d9009f; }
.ml-star.starred .ec-icon { fill: currentColor; }
.ml-star .ec-icon { width: 16px; height: 16px; }
.ml-duration, .ml-version { background: #000b; border: 0; border-radius: 4px; color: #fff; font-size: 10px; line-height: 16px; }
.ml-processing { color: var(--warn); background: #fff8e7ed; }
.ml-table th { font-size: 12px; color: var(--ink-3); border-color: var(--line-2); }
.ml-table td { color: var(--ink-2); border-color: var(--line); }
.ml-table tr:hover td { background: var(--card); }
.ml-table tr.selected td { background: #d9009f1f; }
.ml-file-name { color: var(--ink); }.ml-file-name b { font-size: 13px; font-weight: 550; }
.ml-pagination { color: var(--ink-3); padding-inline: 24px; }
.ml-bulk { background: #ffffff; border-color: #97bda6; border-radius: 11px; box-shadow: 0 10px 35px #25352b26; }
.ml-drop { background: #f4fff9f5; color: #295e49; border-color: var(--accent); border-radius: 8px; }
.ml-loading, .ml-empty, .ml-empty p { color: var(--ink-3); }
.ml-empty h2 { color: var(--ink); font-size: 18px; font-weight: 500; }
.ml-empty > div > .ec-icon { width: 48px; height: 48px; color: #88a190; stroke-width: 1; }
.ml-shell button:focus-visible, .ml-shell input:focus-visible, .ml-shell select:focus-visible, .mr-modal button:focus-visible, .mr-modal select:focus-visible { outline-color: var(--focus); }

/* Appearance controls persist real viewing preferences. */
.ml-appearance { position: fixed; z-index: 75; width: 274px; max-width: calc(100vw - 24px); max-height: calc(100vh - 24px); overflow: auto; padding: 12px; background: #ffffff; border: 1px solid var(--line-2); border-radius: 11px; box-shadow: 0 12px 35px #24372c24; }
.ml-appearance header, .ml-appearance header strong { display: flex; align-items: center; gap: 8px; }
.ml-appearance header { justify-content: space-between; margin-bottom: 8px; }
.ml-appearance header strong { font-size: 13px; font-weight: 500; }
.ml-appearance header button { min-height: 26px; padding: 4px; }
.ml-appearance fieldset { padding: 0; border: 0; margin: 0 0 14px; }
.ml-appearance legend { font-size: 11px; color: var(--ink-3); padding: 0 0 7px; }
.ml-segmented { display: flex; border-radius: 6px; background: #fffefa; padding: 3px; gap: 3px; }
.ml-segmented label { flex: 1; position: relative; cursor: pointer; }
.ml-segmented input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.ml-segmented span { display: flex; align-items: center; justify-content: center; gap: 7px; border-radius: 4px; padding: 6px; color: var(--ink-2); font-size: 12px; }
.ml-segmented input:checked + span { background: var(--selected); color: var(--mint-ink); box-shadow: 0 1px 3px #21332814; font-weight: 600; }
.ml-segmented input:focus-visible + span { outline: 2px solid var(--focus); outline-offset: 1px; }
.ml-segmented .ec-icon { width: 16px; height: 16px; }
.ml-appearance-toggle { display: flex; align-items: center; justify-content: space-between; font-size: 12px; padding-top: 2px; }
.ml-appearance input[type=checkbox] { accent-color: var(--accent); width: 16px; height: 16px; }

/* Transfers, forms and new-user help. */
.ml-transfer-dock { background: #e4f5e9; border-color: #94c8ac; color: #295e49; border-radius: 10px; box-shadow: 0 8px 25px #29483521; }
.ml-transfer { background: var(--card); border-color: var(--line-2); border-radius: 8px; }
.ml-progress { background: #e5eee7; height: 5px; }
.ml-transfer-top span, .ml-transfer-bottom > span, .ml-transfer-controls > span { color: var(--ink-3); }
.ml-inbox h2 { font-weight: 500; }
.ml-review-row { background: var(--card); border-color: var(--line); border-radius: 8px; }
.ml-review-row:hover { border-color: var(--line-2); }
.ml-review-row small { color: var(--ink-3); }
.ml-review-dot { background: #91a69a; }
.ml-review-dot.pending { background: var(--accent); }
.ml-upload-intro, .ml-upload-note, .ml-staged-file small, .ml-staged-file > span:nth-child(2), .ml-stage-empty p { color: var(--ink-3); }
.ml-staged-files { background: #f5f8f3; border-color: var(--line-2); border-radius: 6px; }
.ml-staged-file { border-color: var(--line); }
.ml-stage-toolbar strong, .ml-stage-empty { color: var(--ink); }
.ml-error { color: var(--bad); }
.ml-guide { display: grid; gap: 20px; }
.ml-guide section { display: flex; gap: 12px; }
.ml-guide section > .ec-icon { color: #af087f; margin-top: 1px; }
.ml-guide h4 { font-size: 13px; font-weight: 500; margin: 0 0 5px; }
.ml-guide p { font-size: 12px; color: var(--ink-3); line-height: 1.7; margin: 0; }

/* The media itself stays on charcoal; controls and discussion use light chrome. */
.mr-modal { background: #eef2ed; }
.mr-top { background: var(--panel); border-color: var(--line-2); padding: 12px 16px; }
.mr-heading strong { font-size: 13px; font-weight: 650; color: var(--ink); }
.mr-heading small { font-size: 11px; color: var(--ink-3); }
.mr-top select { background: #ffffff; border-color: var(--line); font-size: 12px; }
.mr-top .btn { font-size: 12px; }
.mr-top .on { border-color: #aad4bc; background: var(--selected); color: var(--mint-ink); }
.mr-view { background: #eef2ed; padding: 12px 16px; }
.mr-stage { --ink: #f2f4f1; --ink-2: #d1dad3; --ink-3: #a5b3aa; border-radius: 9px; background: #15171c; color: #f2f4f1; color-scheme: dark; }
.mr-secondary { border-color: #46514b; }
.mr-secondary small { font-size: 11px; color: var(--ink-2); border-radius: 4px; }
.mr-compare-toolbar { color: var(--ink-3); }
.mr-transport { min-height: 38px; }
.mr-transport > span { color: var(--ink-2); }
.mr-transport .btn { background: transparent; color: var(--ink-2); min-width: 30px; padding: 6px; }
.mr-transport .btn:hover { background: #dce8de; color: var(--ink); }
.mr-transport .ec-icon { width: 17px; height: 17px; }
.mr-side { background: var(--panel); border-color: var(--line-2); }
.mr-status { padding: 16px; border-color: var(--line); }
.mr-status small, .mr-status-heading, .mr-decision-note { color: var(--ink-3); }
.mr-status .btn { font-size: 12px; }
.mr-tabs { margin: 12px 16px 0; background: #f2f5ef; border-radius: 7px; padding: 3px; border: 0; }
.mr-tabs .btn { color: var(--ink-2); font-size: 13px; }
.mr-tabs .btn[aria-pressed=true] { background: #ffffff; color: var(--ink); border-radius: 6px; box-shadow: 0 1px 3px #21332814; font-weight: 650; }
.mr-comment-filter { color: var(--ink-3); border-color: var(--line); padding: 14px 16px; }
.mr-comment-filter select { background: #ffffff; border-color: var(--line-2); }
.mr-comments { padding: 16px; }
.mr-comment { border-color: var(--line); }
.mr-comment p { color: var(--ink); font-size: 13px; }
.mr-comment-summary, .mr-comment-actions button, .mr-no-comments, .mr-range, .mr-comment-label { color: var(--ink-3); }
.mr-comment-head b { color: var(--ink); font-weight: 500; }
.mr-time-link, .mr-filmstrip button { background: #d9009f24; color: #972273; }
.mr-time-link { font-size: 11px; }
.mr-no-comments > div > .ec-icon { width: 40px; height: 40px; color: #839d8d; stroke-width: 1.2; }
.mr-side form { background: var(--panel); border-color: var(--line); padding: 16px; }
.mr-side textarea { background: #ffffff; border-color: var(--line-2); }
.mr-comment-tools .btn { font-size: 11px; }
.mr-reply, .mr-version-history { border-color: var(--line-2); }
.mr-reply-target { border-color: var(--accent); background: #d9009f1f; color: #972273; border-radius: 0 5px 5px 0; }
.mr-version-history, .mr-facts dt { color: var(--ink-3); }
.mr-facts dd { color: var(--ink); }
.mr-facts { font-size: 12px; gap: 14px; padding: 16px; }
.mr-audio { color: #dcb5d2; }
.mr-media-error { background: #42262eef; color: #ffb9c2; }

@media(max-width:1200px) {
  .ml-shell { grid-template-columns: 220px minmax(0,1fr); }
  .ml-header, .ml-toolbar, .ml-content { padding-inline: 20px; }
  .ml-context, .ml-locations, .ml-filter-chips { padding-inline: 20px; }
  .ml-search { flex-basis: 220px; }
}
@media(max-width:700px) {
  .nav { padding-inline: 12px; }
  .ml-shell { display: block; }
  .ml-sidebar { display: none; }
  .ml-header { padding: 16px; }
  .ml-header h1 { font-size: 19px; }
  .ml-header-actions .btn { min-height: 32px; }
  .ml-toolbar, .ml-content { padding: 14px 16px; }
  .ml-search { flex-basis: 100%; max-width: none; }
  .ml-context, .ml-locations, .ml-filter-chips { padding-inline: 16px; }
  .ml-quick-filters { scrollbar-width: none; }
  .ml-quick-filters button { font-size: 11px; padding: 6px; min-height: 30px; }
  .ml-grid.ml-grid-compact, .ml-grid.ml-grid-comfortable { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .ml-grid.ml-grid-large { grid-template-columns: 1fr; }
  .ml-card-info { padding: 9px; }
  .ml-card-title { font-size: 11px; line-height: 17px; }
  .ml-titles-1 .ml-card-title { min-height: 17px; }
  .ml-titles-2 .ml-card-title { min-height: 34px; }
  .ml-card-sub, .ml-card-owner { font-size: 10px; }
  .ml-card-bottom { padding: 8px 0 0; gap: 6px; }
  .ml-card-status > small { font-size: 10px; }
  .ml-card-size { font-size: 9px; }
  .ml-star { opacity: 1; }
  .ml-mobile-scope .field { min-height: 36px; }
  .ml-location-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ml-location { padding: 10px; }
  .ml-location b { font-size: 11px; }
  .ml-location > span:first-child .ec-icon { width: 20px; height: 20px; }
  .mr-top { padding: 8px; }
  .mr-top .btn { min-height: 32px; font-size: 11px; }
  .mr-view { padding: 8px; }
  .mr-tabs { margin-inline: 12px; }
  .mr-comment-tools .btn { min-height: 36px; }
}
@media(prefers-reduced-motion:reduce) { .ml-card, .ml-star { transition: none; } }

.btn .ec-icon { width: 16px; height: 16px; }

.ml-mobile-help { display: none; }
@media(max-width:700px) { .ml-header-actions .ml-mobile-help { display: inline-flex; align-self: flex-end; min-height: 26px; padding: 3px 5px; } }

/* Personal API connections stay separate from workspace administration. */
.admin .agent-tokens-panel, .admin .agent-connect { padding: 22px; border-color: var(--line-2); border-radius: 10px; background: #fffefa; }
.admin .agent-tokens-panel .panel-h { gap: 16px; margin-bottom: 18px; }
.admin .agent-tokens-panel .panel-h p { margin: 5px 0 0; }
.admin .agent-tokens-panel .panel-h > .btn { flex: none; }
.admin .agent-token-table { min-width: 700px; }
.admin .agent-token-table th { text-transform: none; letter-spacing: 0; padding-block: 10px; }
.admin .agent-token-table td { padding-block: 13px; }
.admin .agent-token-table td > strong { font-size: 13px; font-weight: 500; overflow-wrap: anywhere; }
.admin .agent-token-created { display: block; color: var(--ink-3); font-size: 11px; margin-top: 5px; }
.admin .agent-scope { display: inline-flex; align-items: center; padding: 3px 8px; border: 1px solid #d9009f28; border-radius: 5px; background: #d9009f14; color: #8f296f; font-size: 11px; white-space: nowrap; }
.admin .agent-expired { color: var(--bad); font-size: 12px; }
.admin .agent-token-empty { display: flex; align-items: center; gap: 16px; padding: 24px 12px; border-block: 1px solid var(--line); }
.admin .agent-token-empty > .ec-icon { width: 28px; height: 28px; color: #af087f; }
.admin .agent-token-empty strong { font-size: 13px; font-weight: 500; }
.admin .agent-token-empty p { margin: 6px 0 0; color: var(--ink-3); font-size: 12px; line-height: 1.7; }
.admin .agent-permission-note { display: flex; align-items: flex-start; gap: 8px; color: var(--ink-3); font-size: 12px; line-height: 1.7; margin: 18px 0 0; }
.admin .agent-permission-note > .ec-icon { margin-top: 2px; width: 16px; height: 16px; }
.admin .agent-connect-heading { display: flex; align-items: center; gap: 14px; }
.admin .agent-connect-icon { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border: 1px solid #d9009f24; border-radius: 10px; color: #a5237c; background: #d9009f1c; }
.admin .agent-connect-heading h3 { margin: 0; font-size: 17px; font-weight: 500; letter-spacing: -.25px; }
.admin .agent-connect-heading p { margin: 6px 0 0; color: var(--ink-3); font-size: 12px; line-height: 1.7; }
.admin .agent-connect-heading [data-a=agent-show-prompt] { margin-left: auto; flex: none; }
.admin .agent-prompt-picker { display: flex; align-items: center; gap: 10px; font-size: 12px; color: var(--ink-2); margin: 15px 0 10px; }
.admin .agent-prompt { width: 100%; min-height: 290px; max-height: 600px; font: 12px/1.7 var(--mono); color: #3e4850; background: #f4f7f2; resize: vertical; white-space: pre-wrap; overflow-wrap: anywhere; }
.admin .agent-prompt-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
#a-agent-prompt-section { scroll-margin-top: 68px; }
.admin .agent-access { padding: 15px 17px; margin-top: 20px; background: #ffffff; border: 1px solid var(--line-2); border-radius: 8px; }
.admin .agent-access-heading { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.admin .agent-access-heading strong { font-size: 12px; font-weight: 500; }
.admin .agent-access-heading .agent-scope { margin-left: auto; }
.admin .agent-ready-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--ok); }
.admin .agent-access p { margin: 8px 0; color: var(--ink-2); font-size: 12px; line-height: 1.6; }
.admin .agent-access small { display: block; margin-top: 10px; color: var(--ink-3); font-size: 11px; line-height: 1.6; }
.admin .agent-access-error { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; color: var(--ink-2); font-size: 12px; }
.admin .agent-brand-list { display: flex; flex-wrap: wrap; gap: 6px; }
.admin .agent-brand-list span { padding: 3px 7px; font-size: 11px; background: #e7eee6; color: var(--ink-2); border-radius: 4px; overflow-wrap: anywhere; }
.admin .agent-steps { display: grid; }
.admin .agent-step { display: flex; align-items: flex-start; gap: 14px; padding: 24px 0; border-bottom: 1px solid var(--line-2); }
.admin .agent-step > div { flex: 1; min-width: 0; }
.admin .agent-step-number { display: grid; place-items: center; flex: none; width: 25px; height: 25px; border-radius: 50%; color: #a5237c; background: #d9009f24; font-size: 12px; font-weight: 500; }
.admin .agent-step h4 { margin: 3px 0 8px; font-size: 14px; font-weight: 500; }
.admin .agent-step p { margin: 0 0 13px; color: var(--ink-3); line-height: 1.7; font-size: 12px; }
.admin .agent-step p b { color: var(--ink-2); font-weight: 500; }
.admin .agent-code-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 9px 12px; border: 1px solid var(--line-2); border-bottom: 0; border-radius: 7px 7px 0 0; background: #f2f5ef; }
.admin .agent-code-toolbar label { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; font-size: 11px; color: var(--ink-3); }
.admin .agent-code-toolbar .field { min-height: 28px; font-size: 12px; padding-block: 4px; background: #fffefa; }
.admin .agent-code { margin: 0; padding: 15px; border: 1px solid var(--line-2); border-radius: 0 0 7px 7px; background: #f4f7f2; color: #3e4850; font-size: 12px; line-height: 1.8; max-height: 270px; overflow: auto; white-space: pre; tab-size: 2; }
.admin .agent-code code { font-family: ui-monospace, 'Cascadia Code', Consolas, monospace; font-size: inherit; color: inherit; }
.admin .agent-download-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding-block: 8px; }
.admin .agent-download-row > span { font-size: 11px; color: var(--ink-3); }
.admin .agent-step .agent-step-note { margin: 2px 0 0; font-size: 11px; }
.admin .agent-instructions { margin-top: 16px; font-size: 12px; color: var(--ink-3); }
.admin .agent-instructions summary, .admin .agent-endpoints summary { cursor: pointer; padding: 3px 0; }
.admin .agent-instructions .agent-code { margin-top: 10px; border-radius: 7px; white-space: pre-wrap; overflow-wrap: anywhere; }
.admin .agent-api-links { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; padding: 19px 0 15px; }
.admin .agent-api-links a { display: inline-flex; align-items: center; gap: 6px; color: #a41479; font-size: 12px; text-decoration: none; }
.admin .agent-api-links a:hover { color: #7d095b; text-decoration: underline; }
.admin .agent-api-links .ec-icon { width: 16px; height: 16px; }
.admin .agent-endpoints { color: var(--ink-3); font-size: 12px; }
.admin .agent-endpoints dl { display: grid; grid-template-columns: 200px minmax(0,1fr); gap: 12px; margin: 18px 0; }
.admin .agent-endpoints dd { margin: 0; color: var(--ink-2); overflow-wrap: anywhere; }
.admin .agent-endpoints p { margin-bottom: 0; line-height: 1.7; }
@media(max-width:700px) {
  .admin .agent-tokens-panel, .admin .agent-connect { padding: 16px; }
  .admin .agent-token-table th:nth-child(5), .admin .agent-token-table td:nth-child(5) { display: table-cell; }
  .admin .agent-connect-heading { align-items: flex-start; gap: 11px; }
  .admin .agent-connect-heading { flex-wrap: wrap; }
  .admin .agent-connect-heading > div { flex: 1; min-width: 180px; }
  .admin .agent-prompt-picker { align-items: flex-start; flex-direction: column; }
  .admin .agent-prompt-picker select { width: 100%; }
  .admin .agent-connect-heading h3 { font-size: 15px; }
  .admin .agent-step { gap: 10px; padding-block: 20px; }
  .admin .agent-step-number { width: 22px; height: 22px; font-size: 11px; }
  .admin .agent-code-toolbar { padding: 8px; }
  .admin .agent-code { padding: 12px; font-size: 11px; }
  .admin .agent-access-heading .agent-scope { margin-left: 15px; }
  .admin .agent-api-links { gap: 15px; }
  .admin .agent-endpoints dl { grid-template-columns: 1fr; gap: 7px; }
  .admin .agent-endpoints dd { margin-bottom: 6px; }
}

/* Library selection and folder downloads. */
.ml-shell .ml-selection-strip { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 18px 24px 0; padding: 11px 13px; background: #f0faf3; border: 1px solid #c4dbc9; border-radius: 8px; color: var(--ink-2); position: sticky; top: calc(var(--nav-height) + 10px); z-index: 15; }
.ml-shell .ml-selection-strip[hidden] { display: none; }
.ml-shell .ml-select-page { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; white-space: nowrap; cursor: pointer; }
.ml-shell .ml-select-page input { width: 15px; height: 15px; margin: 0; accent-color: var(--accent); }
.ml-shell .ml-selection-summary { flex: 1; min-width: 150px; font-size: 11px; color: var(--ink-3); line-height: 1.6; }
.ml-shell .ml-card, .ml-shell .ml-table tbody tr { user-select: none; }
.ml-shell .ml-card.selected { border-color: #4d9870; box-shadow: 0 0 0 1px #4d9870; background: #edf9f1; }
.ml-shell .ml-table tr.selected td { background: #e5f5e9; }
.ml-shell .ml-bulk { width: max-content; max-width: calc(100vw - 30px); }
.ml-shell .ml-bulk b small { display: block; margin-top: 3px; font-size: 10px; font-weight: 400; color: var(--ink-3); }
.ml-shell .ml-selection-limit { flex-basis: 100%; font-size: 11px; color: var(--ink-3); line-height: 1.6; }
.ml-shell .ml-folder-actions { flex-wrap: wrap; }
.ml-shell .ml-folder-location { display: flex; align-items: stretch; min-width: 0; border: 1px solid var(--line-2); border-radius: 10px; background: var(--card); }
.ml-shell .ml-folder-location:hover { border-color: var(--line-2); background: #f3f7f1; }
.ml-shell .ml-folder-location > .ml-location { flex: 1; min-width: 0; border: 0; background: transparent; padding-right: 5px; }
.ml-shell .ml-folder-location > .ml-location > span:last-child { display: none; }
.ml-shell .ml-folder-menu { flex: none; align-self: center; padding: 5px; min-height: 28px; margin-right: 8px; color: var(--ink-3); }
.ml-shell .ml-folder-menu .ec-icon { width: 15px; height: 15px; }
.ml-shell .ml-category-badge { display: inline-flex; margin: 0 0 8px; border: 1px solid #d9009f28; background: #d9009f13; color: #933d7a; border-radius: 4px; padding: 2px 6px; font-size: 10px; line-height: 1.5; }
.ml-shell .ml-hide-info .ml-category-badge { display: none; }
.ml-has-selection .ml-main { padding-bottom: 120px; }
.ml-download-summary { display: flex; align-items: center; gap: 13px; }
.ml-download-summary > span { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 8px; color: #a5237c; background: #d9009f20; }
.ml-download-summary strong { font-size: 14px; font-weight: 500; overflow-wrap: anywhere; }
.ml-download-summary p { margin: 6px 0 0; font-size: 12px; color: var(--ink-3); }
.ml-download-preview { margin: 16px 0 10px; border: 1px solid var(--line-2); border-radius: 7px; background: #f7faf5; overflow: auto; max-height: 240px; }
.ml-download-preview > div { display: flex; align-items: center; gap: 16px; padding: 10px 12px; border-bottom: 1px solid var(--line); font-size: 12px; }
.ml-download-preview > div:last-child { border-bottom: 0; }
.ml-download-preview span { flex: 1; min-width: 0; overflow-wrap: anywhere; color: var(--ink-2); }
.ml-download-preview small { flex: none; color: var(--ink-3); font-size: 11px; }
.ml-download-note { color: var(--ink-3); font-size: 11px; line-height: 1.6; }
.ml-download-client { margin-top: 17px; padding-top: 14px; border-top: 1px solid var(--line-2); font-size: 12px; color: var(--ink-2); line-height: 1.7; }
.ml-download-client p { margin: 0 0 12px; }
.ml-download-client pre { background: #f4f7f2; border: 1px solid var(--line-2); border-radius: 6px; padding: 12px; overflow: auto; font-size: 11px; }
.ml-download-client small { display: block; margin-top: 10px; color: var(--ink-3); }
.ml-download-alternative { margin-top: 15px; color: var(--ink-3); font-size: 12px; }
.ml-download-alternative summary { cursor: pointer; }
@media(max-width:700px) {
  .ml-shell .ml-selection-strip { margin-inline: 16px; gap: 8px; padding: 10px; top: calc(var(--nav-height) + 6px); }
  .ml-shell .ml-selection-summary { flex-basis: 100%; order: 3; }
  .ml-shell .ml-selection-strip .btn { min-height: 28px; font-size: 11px; }
  .ml-shell .ml-folder-actions .btn { font-size: 11px; }
  .ml-shell .ml-folder-location > .ml-location { gap: 6px; padding-right: 0; }
  .ml-shell .ml-folder-menu { margin-right: 4px; }
  .ml-shell .ml-bulk { max-width: calc(100vw - 20px); gap: 6px; }
  .ml-shell .ml-category-badge { font-size: 9px; }
  .ml-has-selection .ml-main { padding-bottom: 180px; }
}

/* Video tagging controls use the same compact library surface. */
.agent-tagging-intro,.mr-tagging-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.agent-tagging-intro p{color:var(--ink-2);max-width:740px;line-height:1.6;margin:7px 0 18px}
.agent-tagging-form,.mr-tagging-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.agent-tagging-form label{display:flex;align-items:center;gap:9px}
.agent-tagging-form input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}
.agent-tagging-form input[type=number]{width:105px}
.mr-tagging{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:20px 0}
.mr-tagging-heading h3{font-size:13px;margin:0 0 14px}
.mr-tagging p{line-height:1.55;font-size:12px;overflow-wrap:anywhere}
.mr-auto-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.mr-tagging-actions{gap:6px;margin-top:14px}
@media(max-width:600px){.agent-tagging-intro{flex-wrap:wrap;gap:4px}.agent-tagging-form{align-items:flex-start;flex-direction:column}}

/* Shared legacy views use the same light controls as the drive. */
.panel, .card, .tile { border-color: var(--line-2); }
.panel { border-radius: 12px; }
.hero { background: linear-gradient(115deg, #e5f5e9 0%, #fff6e9 65%, #fff0f7 100%); border-color: #d7e3d5; border-radius: 16px; }
.hero h1 { font-weight: 750; letter-spacing: -.8px; }
.cover, .tile-media, .slot-thumb, .sm-drop-m, .sm-ref-m, .pk-img, .reftile-media { background: #edf1ed; }
.thumb, .take-media { background: #16191f; --ink-3: #c2c9d1; }
.toast { background: #fff; color: var(--ink); box-shadow: 0 8px 28px #24372c24; }
.toast.err, .errbox, .errlist { color: #a41d3a; background: #fff1f2; border-color: #efbec7; }
.warnlist { color: #7c580a; background: #fff7e4; border-color: #e6d39f; }
.callout { background: #fff8e8; color: #745715; }
.callout.info { background: #ebf6f0; color: #315f4b; }
.tray { background: #fff; box-shadow: 0 12px 35px #22392d24; }
.secret code, .ins-body pre, .scene pre { background: #f3f6f0; color: #38404c; border-color: var(--line-2); }
.stage { background-color: #f4f7f1; background-image: radial-gradient(#cbd7cc 1px, transparent 1px); }
.frame { border-color: #b8cabc; background: #e8f1e788; }
.edges path { stroke: #859c91; }
.edges path.auto { stroke: #9ab1a4; }
.edges path.hot { stroke: var(--accent); }
.node { box-shadow: 0 5px 18px #26352c14; }
.node.sel { box-shadow: 0 0 0 2px #d9009f32, 0 5px 18px #26352c14; }
.composer, .ro-banner { background: #fffffff5; border-color: var(--line-2); box-shadow: 0 10px 30px #22372b24; }
.composer:focus-within { border-color: var(--focus); box-shadow: 0 0 0 3px #d9009f20, 0 10px 30px #22372b18; }
.inspector, .jobpanel, .drawer { box-shadow: 0 0 30px #23372b1c; }
.cutbar .trim { background: repeating-linear-gradient(135deg, #71857338 0 6px, #a6b7a62b 6px 12px); }
.rv { background: #edf2ed; }
.rv-stage { background: #eef2ed; }
.rv-player { --ink-2: #d5ddd7; --ink-3: #b4c0b7; background: #15171c; color: #eff3f0; color-scheme: dark; }
.rv-abbar, .rv-ctl, .rv-side { background: #fff; }
.rv-player.ab figcaption { color: #d5ddd7; }
.rv-buf { background: #c5d7c9; }
.cm.reply { background: #f5f8f2; }
.cm.resolved > .cm-t { text-decoration-color: #7082747d; }
.tc:hover { background: #f6dfa2; color: #594306; }
.mr-stage .ml-empty h2 { color: #f1f4f2; }
.mr-stage .ml-empty p { color: #c4cfc7; }
.mr-stage .ml-file-icon { color: #aebfb1; }
.mr-stage .btn:not(.primary) { color: #f0f4f2; background: #293630; border-color: #59675d; }
.mr-tagging { margin-inline: 16px; }
.ml-table td small { color: var(--ink-3); }
.ml-review-row > div { min-width: 0; }
.ml-review-row b, .ml-review-row small { overflow-wrap: anywhere; }
.ml-card:focus-within { border-color: var(--focus); box-shadow: 0 0 0 2px #d9009f24; }
.ml-open:focus-visible { outline-offset: -4px; outline: 3px solid var(--focus); }
.ml-select:focus-visible { outline-offset: 3px; box-shadow: 0 0 0 2px #fff; }
.ml-bulk .btn:focus-visible, .popmenu button:focus-visible { outline: 2px solid var(--focus); outline-offset: 1px; }
.admin .agent-access { background: #f3faf3; }
.admin .agent-scope { background: #e1f4e8; border-color: #b3d9c3; color: #276148; }
.admin .agent-connect-icon { background: #fdeafa; }
.admin .agent-tagging-form input[type=number] { background: #fff; }
progress { accent-color: var(--accent); }

/* A single pastel welcome canvas, with a plain white sign-in form. */
.login-page { min-height: 100svh; padding: 48px 28px; background: radial-gradient(ellipse at 12% 18%, #d6f2e4 0, transparent 48%), radial-gradient(ellipse at 92% 18%, #ffe5ed 0, transparent 45%), radial-gradient(ellipse at 50% 100%, #fff0dc 0, transparent 54%), #f8f9f3; }
.login { width: min(1120px,100%); display: grid; grid-template-columns: minmax(0,1.15fr) minmax(320px,.85fr); align-items: center; justify-items: stretch; gap: clamp(30px,6vw,92px); }
.pd-login-intro { min-width: 0; }
.pd-login-brand { margin-bottom: 42px; font-size: 29px; font-weight: 800; letter-spacing: -1.1px; }
.pd-login-brand .pd-brand-symbol { width: 48px; height: 48px; }
.pd-eyebrow { display: block; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; color: #84506f; }
.pd-login-intro h1 { max-width: 520px; margin: 15px 0 18px; font-size: clamp(34px,4.6vw,58px); font-weight: 780; line-height: 1.08; letter-spacing: -1.9px; color: var(--ink); }
.pd-login-intro > p { max-width: 430px; margin: 0; font-size: 16px; color: #596267; line-height: 1.7; }
.pd-login-art { display: block; width: 100%; max-width: 470px; height: auto; margin: 25px 0 0; }
.login .login-card { width: 100%; max-width: 420px; justify-self: end; padding: 34px; gap: 17px; background: #ffffffed; }
.login-card h2 { font-size: 24px; font-weight: 750; line-height: 1.3; letter-spacing: -.65px; margin: 0; }
.login-card .field { width: 100%; min-height: 44px; background: #fbfcf8; }
.login-card .btn.primary { min-height: 44px; margin-top: 4px; }
.login-card .pd-login-footer { font-size: 11px; line-height: 1.7; margin-top: 6px; text-align: center; color: var(--ink-3); }
.page.admin { max-width: 1240px; }
.admin .section-h { margin-block: 7px 22px; }
.admin .section-h h2 { font-size: 25px; font-weight: 730; letter-spacing: -.6px; }
.admin .agent-tokens-panel, .admin .agent-connect { background: #fff; }
#a-agent-prompt-section { scroll-margin-top: calc(var(--nav-height) + 20px); }

@media(max-width:1050px) {
  .nav { gap: 18px; padding-inline: 20px; }
  .ml-shell { grid-template-columns: 210px minmax(0,1fr); }
  .ml-header-actions .btn:not(.primary) { display: inline-flex; }
  .ml-search { min-width: 210px; max-width: none; }
  .ml-grid.ml-grid-comfortable { grid-template-columns: repeat(auto-fill,minmax(245px,1fr)); }
  .mr-heading { min-width: 35%; }
}
@media(max-width:800px) {
  .login-page { padding: 30px 24px; }
  .login { width: min(460px,100%); grid-template-columns: minmax(0,1fr); gap: 27px; }
  .pd-login-brand { margin-bottom: 26px; font-size: 25px; }
  .pd-login-intro h1 { font-size: 37px; max-width: 390px; margin-block: 12px; letter-spacing: -1.2px; }
  .pd-login-intro > p { font-size: 14px; }
  .pd-login-art { display: none; }
  .login .login-card { max-width: none; padding: 27px; }
}
@media(max-width:700px) {
  .nav { gap: 10px; padding-inline: 11px; }
  .nav .logo { font-size: 18px; letter-spacing: -.7px; gap: 7px; }
  .nav .logo span:last-child { display: inline; }
  .nav .pd-brand-symbol { width: 34px; height: 34px; }
  .nav-links { gap: 1px; }
  .nav-links a { padding: 7px 8px; font-size: 11px; }
  .nav [data-nav=admin] { display: none; }
  .nav .user-btn { min-height: 32px; min-width: 32px; padding: 3px; }
  .nav .user-btn > span:not(.av) { display: none; }
  .ml-shell { display: block; }
  .ml-header { align-items: center; }
  .ml-header h1 { font-size: 23px; font-weight: 730; }
  .ml-header-actions { gap: 7px; }
  .ml-header-actions .btn { min-height: 32px; }
  .ml-header-actions .btn.primary { box-shadow: 2px 2px 0 #252733; }
  .ml-toolbar { gap: 7px; }
  .ml-search { min-width: 0; width: 100%; flex-basis: 100%; }
  .ml-toolbar .field { min-width: 0; }
  .ml-quick-filters { max-width: 100%; min-width: 0; }
  .pd-card-head { gap: 6px; padding: 8px; min-height: 36px; }
  .pd-brand-avatar { width: 21px; height: 21px; font-size: 9px; }
  .pd-card-brand { font-size: 10px; }
  .pd-folder-icon { width: 29px; height: 29px; border-radius: 6px; }
  .pd-folder-icon .ec-icon { width: 21px; height: 21px; }
  .ml-card-bottom { align-items: flex-start; flex-wrap: wrap; }
  .ml-grid.ml-grid-compact, .ml-grid.ml-grid-comfortable { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ml-table-wrap { max-width: 100%; }
  .ml-pagination { gap: 8px; flex-wrap: wrap; }
  .ml-shell .ml-selection-strip { position: static; }
  .ml-shell .ml-bulk { max-height: 40svh; overflow: auto; }
  .modal-back { padding: 12px; }
  .modal { max-width: 100%; max-height: calc(100svh - 24px); }
  .modal-h, .modal-b, .modal-f { padding-inline: 16px; }
  .modal-f .btn { white-space: normal; }
  .ml-appearance { max-width: calc(100vw - 24px); }
  .agent-tagging-form .fl-inline { flex-wrap: wrap; }
  .admin .agent-token-table { min-width: 650px; }
  .admin .agent-connect-heading > div { min-width: 0; flex-basis: 180px; }
  .admin .agent-step { gap: 9px; }
  .mr-top { gap: 7px; }
  .mr-heading { flex-basis: 65%; }
  .mr-top select { max-width: 100%; min-width: 0; }
  .mr-range { gap: 10px; flex-wrap: wrap; }
}
@media(max-width:390px) {
  .nav { gap: 7px; padding-inline: 9px; }
  .nav .logo { font-size: 17px; gap: 6px; }
  .nav .pd-brand-symbol { width: 31px; height: 31px; }
  .nav-links a { padding-inline: 6px; }
  .ml-grid.ml-grid-compact, .ml-grid.ml-grid-comfortable { gap: 9px; }
  .login-page { padding-inline: 18px; }
  .login .login-card { padding: 24px; }
}
@media(prefers-reduced-motion:reduce) { .btn, .ml-search { transition: none; } }