/* DoneFile Web Admin — Stitch "Field Evidence System" (Web Admin UX V2 Frozen) presentation layer.
   Scoped to the Team admin shell (html[data-donefile-ux="v2"]); Solo and the public site are untouched.
   Fonts are self-hosted (CSP font-src 'self'). */

@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/inter-latin-ext-400-normal.woff2?v=57d02e28fbe8) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/inter-latin-400-normal.woff2?v=57d02e28fbe8) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/inter-latin-ext-500-normal.woff2?v=57d02e28fbe8) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/inter-latin-500-normal.woff2?v=57d02e28fbe8) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/inter-latin-ext-600-normal.woff2?v=57d02e28fbe8) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/inter-latin-600-normal.woff2?v=57d02e28fbe8) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/inter-latin-ext-700-normal.woff2?v=57d02e28fbe8) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/inter-latin-700-normal.woff2?v=57d02e28fbe8) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/plus-jakarta-sans-latin-ext-600-normal.woff2?v=57d02e28fbe8) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/plus-jakarta-sans-latin-600-normal.woff2?v=57d02e28fbe8) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/plus-jakarta-sans-latin-ext-700-normal.woff2?v=57d02e28fbe8) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/plus-jakarta-sans-latin-700-normal.woff2?v=57d02e28fbe8) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

html[data-donefile-ux="v2"]{
  --sx-surface:#f8f9ff;--sx-lowest:#ffffff;--sx-low:#eff4ff;--sx-cont:#e5eeff;--sx-high:#dce9ff;--sx-highest:#d3e4fe;
  --sx-on:#0b1c30;--sx-on-var:#434655;--sx-outline:#737686;--sx-outline-var:#c3c6d7;
  --sx-primary:#004ac6;--sx-primary-c:#2563eb;--sx-on-primary:#ffffff;--sx-primary-fixed:#dbe1ff;
  --sx-secondary-c:#dae2fd;--sx-on-secondary-fixed:#131b2e;--sx-tertiary:#6a1edb;--sx-tertiary-fixed:#eaddff;
  --sx-error:#ba1a1a;--sx-error-c:#ffdad6;--sx-on-error-c:#93000a;--sx-ok:#0b6b45;--sx-ok-c:#d7f5e6;
  --sx-shadow:0 1px 8px rgba(0,0,0,.04);--sx-shadow-md:0 4px 18px rgba(11,28,48,.06);
  --sx-head:"Plus Jakarta Sans",Inter,system-ui,sans-serif;--sx-body:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
}
html[data-donefile-ux="v2"] body{background:var(--sx-surface)!important;color:var(--sx-on)!important;font-family:var(--sx-body)!important;-webkit-font-smoothing:antialiased}
html[data-donefile-ux="v2"] .dfi{display:inline-block;flex:0 0 auto;vertical-align:middle}
html[data-donefile-ux="v2"] .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Shell: sidebar ---------- */
html[data-donefile-ux="v2"] .df-workspace{grid-template-columns:288px minmax(0,1fr)!important;background:var(--sx-surface)!important}
html[data-donefile-ux="v2"] .df-sidebar{display:flex!important;flex-direction:column!important;gap:0!important;background:var(--sx-lowest)!important;border-right:0!important;box-shadow:var(--sx-shadow)!important;color:var(--sx-on)!important;padding:0 0 16px!important;width:288px!important}
html[data-donefile-ux="v2"] .df-sidebar .df-brand{display:flex!important;align-items:center;gap:10px;height:64px;padding:0 24px!important;margin:0!important;text-decoration:none}
html[data-donefile-ux="v2"] .df-sidebar .df-brand-logo{height:38px!important;width:auto!important;max-width:170px}
html[data-donefile-ux="v2"] .dfx-brand-text{display:none}
html[data-donefile-ux="v2"] .dfx-nav-label{display:block;padding:12px 32px 6px;font:700 11px/14px var(--sx-body);letter-spacing:.04em;text-transform:uppercase;color:var(--sx-on-var)}
html:not([data-donefile-ux="v2"]) .dfx-nav-label,html:not([data-donefile-ux="v2"]) .dfx-company-icon{display:none}
html[data-donefile-ux="v2"] .df-role-nav{display:flex!important;flex-direction:column!important;gap:4px!important;padding:0 16px!important;flex:1 1 auto}
html[data-donefile-ux="v2"] .df-role-nav button{display:flex!important;align-items:center;gap:8px;min-height:40px!important;padding:8px 16px!important;border-radius:8px!important;background:transparent!important;color:var(--sx-on-var)!important;font:600 14px/20px var(--sx-body)!important;letter-spacing:.01em!important;box-shadow:none!important;text-align:left}
html[data-donefile-ux="v2"] .df-role-nav button::before,html[data-donefile-ux="v2"] .df-role-nav button::after{display:none!important}
html[data-donefile-ux="v2"] .df-role-nav button:hover{background:var(--sx-high)!important;color:var(--sx-on)!important}
html[data-donefile-ux="v2"] .df-role-nav button.active{background:var(--sx-primary-c)!important;color:var(--sx-on-primary)!important;box-shadow:0 1px 3px rgba(37,99,235,.25)!important}
html[data-donefile-ux="v2"] .df-nav-icon{display:inline-flex!important;width:20px;height:20px;align-items:center;justify-content:center;background:none!important;color:inherit!important}
html[data-donefile-ux="v2"] .df-nav-icon svg{width:20px;height:20px}
html[data-donefile-ux="v2"] .df-nav-group-label{margin:14px 0 4px!important;padding:0 16px!important;font:700 11px/14px var(--sx-body)!important;letter-spacing:.04em!important;color:var(--sx-on-var)!important;opacity:1!important}
html[data-donefile-ux="v2"] .df-identity{display:flex!important;align-items:flex-start;gap:8px;margin:12px 16px 0!important;padding:16px!important;border-radius:12px!important;background:var(--sx-low)!important;border:0!important;color:var(--sx-on)!important;box-shadow:none!important}
html[data-donefile-ux="v2"] .dfx-company-icon{display:inline-flex;width:32px;height:32px;border-radius:8px;background:var(--sx-high);flex:0 0 32px;align-items:center;justify-content:center;color:var(--sx-primary)}
html[data-donefile-ux="v2"] .dfx-company-icon::before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M120-120v-560h160v-160h400v320h160v400H520v-160h-80v160H120Zm80-80h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm160 160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm160 320h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm160 480h80v-80h-80v80Zm0-160h80v-80h-80v80Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M120-120v-560h160v-160h400v320h160v400H520v-160h-80v160H120Zm80-80h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm160 160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm160 320h80v-80h-80v80Zm0-160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm160 480h80v-80h-80v80Zm0-160h80v-80h-80v80Z'/%3E%3C/svg%3E") center/contain no-repeat}
html[data-donefile-ux="v2"] .dfx-company-text{display:flex;flex-direction:column;min-width:0;gap:2px}
html[data-donefile-ux="v2"] .df-identity small{font:700 11px/14px var(--sx-body)!important;letter-spacing:.04em;text-transform:uppercase;color:var(--sx-on-var)!important}
html[data-donefile-ux="v2"] .df-identity strong{font:600 13px/18px var(--sx-body)!important;color:var(--sx-on)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-donefile-ux="v2"] #roleBadge{display:inline-flex!important;align-self:flex-start;margin-top:4px;padding:2px 8px!important;border-radius:999px!important;background:var(--sx-secondary-c)!important;color:var(--sx-on-secondary-fixed)!important;font:700 11px/14px var(--sx-body)!important;letter-spacing:0!important;text-transform:none!important;border:0!important;white-space:normal}
html[data-donefile-ux="v2"] .df-support{padding:12px 32px 0!important;display:flex!important;gap:12px;flex-wrap:wrap}
html[data-donefile-ux="v2"] .df-support a{color:var(--sx-on-var)!important;font:500 12px/16px var(--sx-body)!important}

/* ---------- Shell: topbar ---------- */
html[data-donefile-ux="v2"] .df-topbar{height:64px!important;padding:0 24px!important;display:flex!important;align-items:center;gap:16px;background:rgba(248,249,255,.85)!important;backdrop-filter:blur(20px);border-bottom:0!important;box-shadow:var(--sx-shadow)!important;position:sticky;top:0;z-index:40}
html[data-donefile-ux="v2"] .dfx-top-search{display:flex;align-items:center;position:relative;flex:1 1 auto;max-width:576px}
html[data-donefile-ux="v2"] .dfx-top-search[hidden]{display:none}
html[data-donefile-ux="v2"] .dfx-top-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--sx-on-var);display:flex}
html[data-donefile-ux="v2"] .dfx-top-search input{width:100%;height:40px;padding:0 16px 0 44px;border:0;border-radius:8px;background:var(--sx-lowest);box-shadow:0 1px 2px rgba(0,0,0,.06);font:400 13px/18px var(--sx-body);color:var(--sx-on)}
html[data-donefile-ux="v2"] .dfx-top-search input:focus{outline:2px solid var(--sx-primary-c);outline-offset:0}
html[data-donefile-ux="v2"] .workspace-actions{display:flex!important;align-items:center;gap:10px!important;margin-left:auto}
html[data-donefile-ux="v2"] .workspace-actions button{height:40px!important;min-height:40px!important;padding:0 14px!important;border-radius:8px!important;border:0!important;background:var(--sx-lowest)!important;color:var(--sx-on)!important;box-shadow:0 1px 2px rgba(0,0,0,.06)!important;font:600 13px/18px var(--sx-body)!important;display:inline-flex!important;align-items:center;gap:6px}
html[data-donefile-ux="v2"] .workspace-actions button:hover{background:var(--sx-high)!important}
html[data-donefile-ux="v2"] .workspace-actions .dfx-top-new{background:var(--sx-primary-c)!important;color:var(--sx-on-primary)!important}
html[data-donefile-ux="v2"] .workspace-actions .dfx-top-new[hidden]{display:none!important}
html[data-donefile-ux="v2"] .workspace-actions .dfx-top-new:hover{background:var(--sx-primary)!important}
html[data-donefile-ux="v2"] .dfx-top-new .dfx-ic{display:flex}
html[data-donefile-ux="v2"] .workspace-actions #signOut{color:var(--sx-error)!important}
html[data-donefile-ux="v2"] .dfx-top-divider{width:1px;height:32px;background:rgba(195,198,215,.5)}
html[data-donefile-ux="v2"] .df-user{display:flex!important;align-items:center;gap:8px;padding:0!important;background:none!important;border:0!important}
html[data-donefile-ux="v2"] .dfx-avatar{display:inline-flex;width:32px;height:32px;border-radius:999px;align-items:center;justify-content:center;background:var(--sx-primary-fixed);color:var(--sx-primary);font:700 13px/1 var(--sx-body)}
html:not([data-donefile-ux="v2"]) .dfx-avatar,html:not([data-donefile-ux="v2"]) .dfx-top-divider{display:none}
html[data-donefile-ux="v2"] .dfx-user-text{display:flex;flex-direction:column;line-height:1.15}
html[data-donefile-ux="v2"] .dfx-user-text strong{font:600 12px/16px var(--sx-body)!important;color:var(--sx-on)!important;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-donefile-ux="v2"] .dfx-user-text small{font:700 11px/14px var(--sx-body)!important;color:var(--sx-on-var)!important;letter-spacing:.02em}

/* ---------- Page ---------- */
html[data-donefile-ux="v2"] .dashboard{max-width:1440px!important;padding:24px!important;margin:0 auto}
html[data-donefile-ux="v2"] .dashboard-head{display:flex!important;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
html[data-donefile-ux="v2"] .dashboard-head>div:first-child{min-width:0}
html[data-donefile-ux="v2"] .dashboard-head small{font:600 12px/16px var(--sx-body)!important;letter-spacing:.04em;text-transform:uppercase;color:var(--sx-primary)!important}
html[data-donefile-ux="v2"] .dfx-eyebrow{display:flex;align-items:center;gap:6px;font:600 12px/16px var(--sx-body);letter-spacing:.04em;text-transform:uppercase;color:var(--sx-primary)}
html[data-donefile-ux="v2"] .dfx-eyebrow i{width:8px;height:8px;border-radius:999px;background:var(--sx-primary);animation:sxpulse 2s ease-in-out infinite}
@keyframes sxpulse{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){html[data-donefile-ux="v2"] .dfx-eyebrow i{animation:none}}
html[data-donefile-ux="v2"] .dashboard-head h1{margin:4px 0 2px!important;font:600 28px/36px var(--sx-head)!important;letter-spacing:-.02em!important;color:var(--sx-on)!important}
html[data-donefile-ux="v2"] .dashboard-head p{margin:0!important;font:400 14px/20px var(--sx-body)!important;color:var(--sx-on-var)!important}
html[data-donefile-ux="v2"] .df-head-actions{display:flex!important;gap:8px;flex-wrap:wrap;justify-content:flex-end}
html[data-donefile-ux="v2"] .primary-action,html[data-donefile-ux="v2"] .secondary-action{display:inline-flex!important;align-items:center;gap:6px;height:40px;min-height:40px!important;padding:0 16px!important;border-radius:8px!important;font:600 14px/20px var(--sx-body)!important;letter-spacing:.01em;border:0!important;cursor:pointer;transition:background .15s,transform .1s}
html[data-donefile-ux="v2"] .primary-action{background:var(--sx-primary-c)!important;color:var(--sx-on-primary)!important;box-shadow:0 2px 6px rgba(37,99,235,.25)!important}
html[data-donefile-ux="v2"] .primary-action:hover{background:var(--sx-primary)!important}
html[data-donefile-ux="v2"] .secondary-action{background:var(--sx-lowest)!important;color:var(--sx-on)!important;box-shadow:0 1px 2px rgba(0,0,0,.08)!important}
html[data-donefile-ux="v2"] .secondary-action:hover{background:var(--sx-high)!important}
html[data-donefile-ux="v2"] .primary-action:active,html[data-donefile-ux="v2"] .secondary-action:active{transform:scale(.98)}
html[data-donefile-ux="v2"] .inline-action{display:inline-flex!important;align-items:center;gap:4px;height:34px;padding:0 12px!important;border-radius:8px!important;border:0!important;background:var(--sx-low)!important;color:var(--sx-primary)!important;font:600 13px/18px var(--sx-body)!important;box-shadow:none!important}
html[data-donefile-ux="v2"] .inline-action:hover{background:var(--sx-high)!important}
html[data-donefile-ux="v2"] .inline-action.dfx-assign-primary{background:var(--sx-primary-c)!important;color:var(--sx-on-primary)!important}

html[data-donefile-ux="v2"] .surface,html[data-donefile-ux="v2"] .page-surface{background:var(--sx-lowest)!important;border:0!important;border-radius:12px!important;box-shadow:var(--sx-shadow-md)!important;padding:20px!important}
html[data-donefile-ux="v2"] .surface-head{display:flex!important;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px!important}
html[data-donefile-ux="v2"] .surface-head h2{display:flex;align-items:center;gap:8px;margin:0!important;font:600 20px/28px var(--sx-head)!important;letter-spacing:-.015em;color:var(--sx-on)!important}
html[data-donefile-ux="v2"] .surface-head small{font:700 11px/14px var(--sx-body)!important;letter-spacing:.04em;color:var(--sx-on-var)!important}
html[data-donefile-ux="v2"] .dfx-sub{margin:2px 0 0;font:600 12px/16px var(--sx-body);color:var(--sx-on-var)}
html[data-donefile-ux="v2"] .live-error{border:0!important;border-radius:12px!important;background:var(--sx-error-c)!important;color:var(--sx-on-error-c)!important;padding:16px 20px!important;margin:0 0 20px!important;box-shadow:none!important}
html[data-donefile-ux="v2"] .live-error ul{margin:6px 0 10px;padding-left:18px}

/* Role banner */
html[data-donefile-ux="v2"] .dfx-role-banner{display:flex;align-items:center;gap:16px;padding:16px;margin:0 0 24px;border-radius:12px;background:var(--sx-low);box-shadow:var(--sx-shadow)}
html[data-donefile-ux="v2"] .dfx-role-icon{display:flex;width:40px;height:40px;flex:0 0 40px;border-radius:8px;background:var(--sx-high);color:var(--sx-primary);align-items:center;justify-content:center}
html[data-donefile-ux="v2"] .dfx-role-banner p{flex:1;margin:0;font:400 14px/20px var(--sx-body);color:var(--sx-on)}
html[data-donefile-ux="v2"] .dfx-accent{color:var(--sx-primary)}
html[data-donefile-ux="v2"] .dfx-drive-state{display:inline-flex;align-items:center;gap:6px;font:600 12px/16px var(--sx-body);letter-spacing:.02em;white-space:nowrap}
html[data-donefile-ux="v2"] .dfx-drive-state.ok{color:var(--sx-primary)}
html[data-donefile-ux="v2"] .dfx-drive-state.off{color:var(--sx-error)}

/* KPI cards */
html[data-donefile-ux="v2"] .dfx-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;margin:0 0 24px!important}
html[data-donefile-ux="v2"] .dfx-kpi{display:flex!important;flex-direction:column;gap:6px;padding:20px!important;border:0!important;border-radius:12px!important;background:var(--sx-lowest)!important;box-shadow:var(--sx-shadow-md)!important;min-height:0!important}
html[data-donefile-ux="v2"] .dfx-kpi-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
html[data-donefile-ux="v2"] .dfx-kpi small{font:500 14px/20px var(--sx-body)!important;color:var(--sx-on-var)!important;letter-spacing:0!important;text-transform:none!important}
html[data-donefile-ux="v2"] .dfx-kpi-icon{display:flex;width:44px;height:44px;border-radius:8px;align-items:center;justify-content:center;background:var(--sx-low);color:var(--sx-primary)}
html[data-donefile-ux="v2"] .dfx-kpi strong{font:700 36px/44px var(--sx-head)!important;letter-spacing:-.025em;color:var(--sx-on)!important}
html[data-donefile-ux="v2"] .dfx-kpi-alert strong{color:var(--sx-error)!important}
html[data-donefile-ux="v2"] .dfx-kpi-alert .dfx-kpi-icon{background:var(--sx-error-c);color:var(--sx-error)}
html[data-donefile-ux="v2"] .dfx-kpi-ok .dfx-kpi-icon{background:var(--sx-primary-fixed);color:var(--sx-primary)}
html[data-donefile-ux="v2"] .dfx-kpi-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* Chips */
html[data-donefile-ux="v2"] .dfx-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:var(--sx-low);color:var(--sx-on-var);font:600 12px/16px var(--sx-body);white-space:nowrap}
html[data-donefile-ux="v2"] .dfx-chip-alert{background:var(--sx-error-c);color:var(--sx-on-error-c)}
html[data-donefile-ux="v2"] .dfx-chip-ok{background:var(--sx-primary-fixed);color:var(--sx-primary)}
html[data-donefile-ux="v2"] .dfx-chip-ref{border-radius:6px;background:var(--sx-cont);color:var(--sx-on-var);font-variant-numeric:tabular-nums}
html[data-donefile-ux="v2"] .dfx-phase-done{background:var(--sx-primary-fixed);color:var(--sx-primary)}
html[data-donefile-ux="v2"] .dfx-phase-started{background:var(--sx-secondary-c);color:var(--sx-on-secondary-fixed)}
html[data-donefile-ux="v2"] .dfx-phase-planned{background:var(--sx-low);color:var(--sx-primary)}
html[data-donefile-ux="v2"] .dfx-phase-open{background:var(--sx-cont);color:var(--sx-on-var)}
html[data-donefile-ux="v2"] .dfx-phase-archived{background:#eef0f4;color:var(--sx-outline)}

/* Dashboard grid + job cards */
html[data-donefile-ux="v2"] .dfx-home-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 360px!important;gap:24px!important;align-items:start}
html[data-donefile-ux="v2"] .dfx-home-grid>*,html[data-donefile-ux="v2"] .workspace-main,html[data-donefile-ux="v2"] .dashboard{min-width:0}
html[data-donefile-ux="v2"] .dfx-side{display:flex;flex-direction:column;gap:20px}
html[data-donefile-ux="v2"] .dfx-tabs{display:inline-flex;gap:2px;padding:4px;border-radius:8px;background:var(--sx-low)}
html[data-donefile-ux="v2"] .dfx-tabs button{border:0;background:transparent;padding:6px 12px;border-radius:6px;font:600 13px/18px var(--sx-body);color:var(--sx-on-var);cursor:pointer}
html[data-donefile-ux="v2"] .dfx-tabs button.active{background:var(--sx-lowest);color:var(--sx-on);box-shadow:0 1px 2px rgba(0,0,0,.08)}
html[data-donefile-ux="v2"] .real-list{display:flex!important;flex-direction:column;gap:8px!important}
html[data-donefile-ux="v2"] .real-row.dfx-job-card{display:flex!important;align-items:center;gap:16px;padding:16px 20px!important;border:0!important;border-radius:12px!important;background:var(--sx-surface)!important;box-shadow:none!important}
html[data-donefile-ux="v2"] .real-row.dfx-job-card:hover{background:var(--sx-low)!important}
html[data-donefile-ux="v2"] .dfx-job-icon{display:flex;width:44px;height:44px;flex:0 0 44px;border-radius:12px;align-items:center;justify-content:center;background:var(--sx-low);color:var(--sx-primary)}
html[data-donefile-ux="v2"] .dfx-job-attn .dfx-job-icon{background:var(--sx-error-c);color:var(--sx-error)}
html[data-donefile-ux="v2"] .dfx-job-card .row-open{flex:1;min-width:0;display:flex!important;flex-direction:column;align-items:flex-start;gap:6px;padding:0!important;border:0!important;background:none!important;text-align:left;cursor:pointer}
html[data-donefile-ux="v2"] .dfx-job-card .row-open b{font:600 16px/22px var(--sx-head)!important;color:var(--sx-on)!important}
html[data-donefile-ux="v2"] .dfx-job-chips{display:flex;gap:6px;flex-wrap:wrap}
html[data-donefile-ux="v2"] .dfx-job-meta{display:flex!important;gap:16px;flex-wrap:wrap;font:500 13px/18px var(--sx-body)!important;color:var(--sx-on-var)!important}
html[data-donefile-ux="v2"] .dfx-job-meta>span,html[data-donefile-ux="v2"] .dfx-plan,html[data-donefile-ux="v2"] .dfx-unassigned,html[data-donefile-ux="v2"] .dfx-read-warn,html[data-donefile-ux="v2"] .dfx-cell-title{display:inline-flex;align-items:center;gap:4px}
html[data-donefile-ux="v2"] .dfx-muted{color:var(--sx-outline)}
html[data-donefile-ux="v2"] .dfx-read-warn{color:#8a5a00;font-weight:600}
html[data-donefile-ux="v2"] .dfx-job-card .row-meta{display:flex!important;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
html[data-donefile-ux="v2"] .dfx-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;font:400 13px/18px var(--sx-body);color:var(--sx-on-var)}
html[data-donefile-ux="v2"] .dfx-link{display:inline-flex;align-items:center;gap:4px;border:0;background:none;color:var(--sx-primary);font:600 13px/18px var(--sx-body);cursor:pointer;padding:0}
html[data-donefile-ux="v2"] .dfx-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
html[data-donefile-ux="v2"] .dfx-facts>div{padding:12px;border-radius:8px;background:var(--sx-surface)}
html[data-donefile-ux="v2"] .dfx-facts small{display:block;font:500 12px/16px var(--sx-body);color:var(--sx-on-var)}
html[data-donefile-ux="v2"] .dfx-facts b{font:600 15px/22px var(--sx-body);color:var(--sx-on);word-break:break-word}
html[data-donefile-ux="v2"] .dfx-total .metric{display:flex!important;justify-content:space-between;align-items:center;margin-top:12px;padding:12px!important;border:0!important;border-radius:8px!important;background:var(--sx-low)!important;box-shadow:none!important;min-height:0!important}
html[data-donefile-ux="v2"] .dfx-total .metric small{font:500 13px/18px var(--sx-body)!important;color:var(--sx-on-var)!important;text-transform:none!important;letter-spacing:0!important}
html[data-donefile-ux="v2"] .dfx-total .metric strong{font:700 20px/28px var(--sx-head)!important;color:var(--sx-on)!important}
html[data-donefile-ux="v2"] .dfx-report-card{background:var(--sx-primary-c)!important;color:var(--sx-on-primary)!important;box-shadow:0 8px 24px rgba(37,99,235,.25)!important}
html[data-donefile-ux="v2"] .dfx-report-card small{font:700 11px/14px var(--sx-body);letter-spacing:.06em;opacity:.85}
html[data-donefile-ux="v2"] .dfx-report-card h2{margin:4px 0 8px;font:700 22px/28px var(--sx-head);color:#fff}
html[data-donefile-ux="v2"] .dfx-report-card p{margin:0;font:400 13px/20px var(--sx-body);opacity:.92}
html[data-donefile-ux="v2"] .dfx-report-card .dfx-card-foot{color:#eef2ff}
html[data-donefile-ux="v2"] .dfx-on-primary{height:36px;padding:0 18px;border:0;border-radius:8px;background:#fff;color:var(--sx-primary);font:700 13px/18px var(--sx-body);cursor:pointer}

/* Jobs list: filters + table */
html[data-donefile-ux="v2"] .dfx-filter-card{margin-bottom:20px!important}
html[data-donefile-ux="v2"] .df-toolbar{display:flex!important;gap:10px!important;flex-wrap:wrap;align-items:center}
html[data-donefile-ux="v2"] .df-search{display:flex!important;align-items:center;gap:8px;flex:1 1 280px;height:44px;padding:0 14px!important;border-radius:8px!important;background:var(--sx-surface)!important;border:1px solid transparent!important;color:var(--sx-on-var)}
html[data-donefile-ux="v2"] .df-search:focus-within{border-color:var(--sx-primary-c)!important}
html[data-donefile-ux="v2"] .df-search input{flex:1;border:0!important;background:transparent!important;outline:0!important;box-shadow:none!important;font:400 14px/20px var(--sx-body)!important;color:var(--sx-on)!important;padding:0!important;height:100%}
html[data-donefile-ux="v2"] .df-filter{height:44px!important;padding:0 36px 0 14px!important;border-radius:8px!important;border:0!important;background-color:var(--sx-surface)!important;font:600 13px/18px var(--sx-body)!important;color:var(--sx-on)!important;box-shadow:none!important}
html[data-donefile-ux="v2"] .dfx-quick{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}
html[data-donefile-ux="v2"] .dfx-quick small{font:700 11px/14px var(--sx-body);letter-spacing:.04em;color:var(--sx-on-var)}
html[data-donefile-ux="v2"] .dfx-quick button{border:0;border-radius:6px;padding:5px 10px;background:var(--sx-low);color:var(--sx-on);font:600 12px/16px var(--sx-body);cursor:pointer}
html[data-donefile-ux="v2"] .dfx-quick button.active{background:var(--sx-primary-c);color:#fff}
html[data-donefile-ux="v2"] .dfx-quick .dfx-clear{display:inline-flex;align-items:center;gap:4px;background:transparent;color:var(--sx-on-var)}
html[data-donefile-ux="v2"] .df-context-pill{display:inline-flex!important;align-items:center;gap:6px;margin-left:auto;padding:4px 10px!important;border-radius:999px!important;background:var(--sx-secondary-c)!important;color:var(--sx-on-secondary-fixed)!important;font:700 12px/16px var(--sx-body)!important;border:0!important}
html[data-donefile-ux="v2"] .dfx-table-card{padding:0!important;overflow:hidden}
html[data-donefile-ux="v2"] .dfx-table-wrap{position:relative;overflow-x:auto!important;max-width:100%;-webkit-overflow-scrolling:touch}
html[data-donefile-ux="v2"] .dfx-table-card{max-width:100%;overflow:hidden!important}
html[data-donefile-ux="v2"] .dfx-table{width:100%;border-collapse:collapse;min-width:900px}
html[data-donefile-ux="v2"] .dfx-table th{padding:14px 16px;background:var(--sx-low);text-align:left;font:700 11px/14px var(--sx-body);letter-spacing:.04em;text-transform:uppercase;color:var(--sx-on-var);white-space:nowrap}
html[data-donefile-ux="v2"] .dfx-table td{padding:16px;border-top:1px solid #eef2fb;vertical-align:middle;font:400 13px/18px var(--sx-body);color:var(--sx-on)}
html[data-donefile-ux="v2"] .dfx-table tr.real-row{display:table-row!important;background:var(--sx-lowest)!important;border:0!important;box-shadow:none!important;padding:0!important}
html[data-donefile-ux="v2"] .dfx-table tr.real-row:hover{background:var(--sx-surface)!important}
html[data-donefile-ux="v2"] .dfx-table td small{display:block;margin-top:2px;color:var(--sx-on-var);font:400 12px/16px var(--sx-body)}
html[data-donefile-ux="v2"] .dfx-table .row-open{display:flex!important;flex-direction:column;align-items:flex-start;gap:2px;border:0!important;background:none!important;padding:0!important;text-align:left;cursor:pointer}
html[data-donefile-ux="v2"] .dfx-table .row-open b{font:600 15px/20px var(--sx-head)!important;color:var(--sx-on)!important}
html[data-donefile-ux="v2"] .dfx-ref{font:700 12px/16px var(--sx-body);color:var(--sx-primary)}
html[data-donefile-ux="v2"] .dfx-cell-title{font:600 14px/20px var(--sx-body)}
html[data-donefile-ux="v2"] .dfx-person{display:inline-flex;align-items:center;gap:8px;font:600 13px/18px var(--sx-body)}
html[data-donefile-ux="v2"] .dfx-initials{display:inline-flex;width:32px;height:32px;border-radius:999px;align-items:center;justify-content:center;background:var(--sx-cont);color:var(--sx-on-var);font:700 12px/1 var(--sx-body)}
html[data-donefile-ux="v2"] .dfx-unassigned{color:var(--sx-error);font-weight:600;font-style:italic}
html[data-donefile-ux="v2"] .dfx-table td .dfx-chip{margin:0 4px 4px 0}
html[data-donefile-ux="v2"] .dfx-table td.row-meta{display:table-cell!important;text-align:right;white-space:nowrap}
html[data-donefile-ux="v2"] .dfx-table td.row-meta .inline-action{margin-left:6px}
html[data-donefile-ux="v2"] .dfx-table-card>.df-toolbar{padding:16px}
html[data-donefile-ux="v2"] .empty-real{padding:28px!important;border-radius:12px!important;background:var(--sx-surface)!important;border:0!important;color:var(--sx-on-var)!important}
html[data-donefile-ux="v2"] .empty-real strong{display:block;color:var(--sx-on);font:600 16px/22px var(--sx-head)}

/* Storage notice in Stitch tone */
html[data-donefile-ux="v2"] .df-storage-state{border:0!important;border-radius:12px!important;box-shadow:var(--sx-shadow)!important;margin:0 0 24px!important}

/* ---------- Responsive ---------- */
@media (max-width:1200px){
  html[data-donefile-ux="v2"] .dfx-home-grid{grid-template-columns:1fr!important}
  html[data-donefile-ux="v2"] .dfx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html[data-donefile-ux="v2"] .dfx-user-text,html[data-donefile-ux="v2"] .workspace-actions #switchAccount{display:none!important}
}
@media (max-width:900px){
  html[data-donefile-ux="v2"] .df-workspace{grid-template-columns:1fr!important}
  html[data-donefile-ux="v2"] .df-sidebar{position:fixed!important;left:-300px;top:0;bottom:0;z-index:60;height:100vh;transition:left .18s}
  html[data-donefile-ux="v2"] .df-workspace.menu-open .df-sidebar{left:0}
  html[data-donefile-ux="v2"] .dfx-top-search{display:none}
  html[data-donefile-ux="v2"] .dashboard{padding:16px!important}
  html[data-donefile-ux="v2"] .dashboard-head{flex-direction:column;align-items:flex-start}
  html[data-donefile-ux="v2"] .df-head-actions{justify-content:flex-start}
  html[data-donefile-ux="v2"] .dfx-role-banner{flex-wrap:wrap}
  html[data-donefile-ux="v2"] .real-row.dfx-job-card{flex-wrap:wrap}
  html[data-donefile-ux="v2"] .workspace-actions #switchWorkspace,html[data-donefile-ux="v2"] .dfx-top-divider{display:none!important}
}
@media (max-width:560px){
  html[data-donefile-ux="v2"] .dfx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  html[data-donefile-ux="v2"] .dfx-kpi{padding:14px!important}
  html[data-donefile-ux="v2"] .dfx-kpi-icon{width:36px;height:36px}
  html[data-donefile-ux="v2"] .dfx-kpi small{font-size:13px!important;line-height:18px!important}
  html[data-donefile-ux="v2"] .surface-head{flex-wrap:wrap}
  html[data-donefile-ux="v2"] .dfx-tabs{width:100%;overflow-x:auto}
  html[data-donefile-ux="v2"] .dfx-tabs button{white-space:nowrap}
  html[data-donefile-ux="v2"] .df-head-actions{width:100%}
  html[data-donefile-ux="v2"] .df-head-actions>button{flex:1 1 auto;justify-content:center;white-space:nowrap;padding:0 12px!important;font-size:13px!important}
  html[data-donefile-ux="v2"] .surface,html[data-donefile-ux="v2"] .page-surface{padding:16px!important}
  html[data-donefile-ux="v2"] .real-row.dfx-job-card{padding:14px!important;gap:12px}
  html[data-donefile-ux="v2"] .dfx-job-icon{display:none}
  html[data-donefile-ux="v2"] .dfx-card-foot{flex-wrap:wrap}
  html[data-donefile-ux="v2"] .df-filter{flex:1 1 140px}
  html[data-donefile-ux="v2"] .workspace-actions #workspaceLang{display:none!important}
  html[data-donefile-ux="v2"] .dashboard-head h1{font:600 22px/28px var(--sx-head)!important}
  html[data-donefile-ux="v2"] .dfx-kpi strong{font-size:28px!important;line-height:36px!important}
}

/* Neutralise legacy decorations that collide with the Stitch layout. */
html[data-donefile-ux="v2"] .df-role-nav button .df-nav-icon{position:static!important;transform:none!important;left:auto!important;top:auto!important;width:20px!important;height:20px!important;opacity:1!important}
html[data-donefile-ux="v2"] .df-role-nav button{padding-left:16px!important}
html[data-donefile-ux="v2"] .df-search::before,html[data-donefile-ux="v2"] .df-search::after{display:none!important;content:none!important}
html[data-donefile-ux="v2"] .df-search input{border:0!important;border-radius:0!important;min-width:0}

/* ---------- Calendar (Stitch time grid) ---------- */
html[data-donefile-ux="v2"] .sxc-toolbar-card{display:flex;flex-direction:column;gap:14px;margin-bottom:16px!important}
html[data-donefile-ux="v2"] .sxc-toolbar-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
html[data-donefile-ux="v2"] .sxc-filters{display:flex;gap:8px;flex-wrap:wrap}
html[data-donefile-ux="v2"] .sxc-select{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 10px;border-radius:8px;background:var(--sx-low);color:var(--sx-primary)}
html[data-donefile-ux="v2"] .sxc-select select{border:0;background:transparent;font:600 13px/18px var(--sx-body);color:var(--sx-on);padding:0 4px;height:100%;max-width:220px}
html[data-donefile-ux="v2"] .sxc-period{display:inline-flex;align-items:center;gap:4px;height:44px;padding:0 6px;border-radius:8px;background:var(--sx-low)}
html[data-donefile-ux="v2"] .sxc-period>button{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:var(--sx-on-var);cursor:pointer}
html[data-donefile-ux="v2"] .sxc-period>button:first-child .dfi{transform:rotate(180deg)}
html[data-donefile-ux="v2"] .sxc-period>button:hover{background:var(--sx-high)}
html[data-donefile-ux="v2"] .sxc-period>span{display:inline-flex;align-items:center;gap:8px;padding:0 8px;color:var(--sx-primary)}
html[data-donefile-ux="v2"] .sxc-period b{font:700 18px/24px var(--sx-head);color:var(--sx-on);letter-spacing:-.01em}
html[data-donefile-ux="v2"] .sxc-period em{font:600 11px/14px var(--sx-body);font-style:normal;padding:2px 6px;border-radius:4px;background:var(--sx-cont);color:var(--sx-on-var)}
html[data-donefile-ux="v2"] .sxc-today{height:36px;padding:0 14px;border:0;border-radius:8px;background:var(--sx-primary-fixed);color:var(--sx-primary);font:700 13px/18px var(--sx-body);cursor:pointer}
html[data-donefile-ux="v2"] .sxc-tabs{margin-left:auto;display:inline-flex!important;padding:4px;border-radius:8px;background:var(--sx-low)!important;gap:2px;border:0!important}
html[data-donefile-ux="v2"] .sxc-tabs button{border:0!important;background:transparent!important;padding:6px 16px!important;border-radius:6px!important;font:600 13px/18px var(--sx-body)!important;color:var(--sx-on-var)!important;box-shadow:none!important;min-height:0!important;height:auto!important}
html[data-donefile-ux="v2"] .sxc-tabs button.active{background:var(--sx-primary-c)!important;color:#fff!important}
html[data-donefile-ux="v2"] .sxc-legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 16px;padding:12px 16px;border-radius:12px;background:var(--sx-lowest);box-shadow:var(--sx-shadow);color:var(--sx-on-var)}
html[data-donefile-ux="v2"] .sxc-legend b{font:700 11px/14px var(--sx-body);letter-spacing:.04em;margin-right:auto}
html[data-donefile-ux="v2"] .sxc-leg{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:6px;font:600 12px/16px var(--sx-body)}
html[data-donefile-ux="v2"] .sxc-leg i{width:6px;height:6px;border-radius:999px;background:currentColor}
/* State palette (Stitch legend): planned blue, assigned amber, in progress green, completed slate. */
html[data-donefile-ux="v2"] .sxc-planned{--c-bg:#eef3ff;--c-bd:#c7d6ff;--c-fg:#1d4ed8}
html[data-donefile-ux="v2"] .sxc-assigned{--c-bg:#fff7e6;--c-bd:#f6d79a;--c-fg:#a15c00}
html[data-donefile-ux="v2"] .sxc-progress{--c-bg:#e9f9f0;--c-bd:#b6e8cb;--c-fg:#0b7a45}
html[data-donefile-ux="v2"] .sxc-completed{--c-bg:#f1f3f8;--c-bd:#d6dbe6;--c-fg:#3f465c}
html[data-donefile-ux="v2"] .sxc-unplanned{--c-bg:#f5f6fa;--c-bd:#e1e4ee;--c-fg:#565e74}
html[data-donefile-ux="v2"] .sxc-leg{background:var(--c-bg);color:var(--c-fg)}
html[data-donefile-ux="v2"] .sxc-board{padding:0!important;overflow:hidden}
html[data-donefile-ux="v2"] .sxc-grid{--sxc-hours:72px;min-width:0;overflow-x:auto}
html[data-donefile-ux="v2"] .sxc-head,html[data-donefile-ux="v2"] .sxc-body{display:grid;grid-template-columns:var(--sxc-hours) repeat(var(--sxc-cols),minmax(120px,1fr))}
html[data-donefile-ux="v2"] .sxc-head{position:sticky;top:0;z-index:2;background:var(--sx-low)}
html[data-donefile-ux="v2"] .sxc-tz{display:flex;align-items:center;justify-content:center;font:600 12px/16px var(--sx-body);color:var(--sx-on-var)}
html[data-donefile-ux="v2"] .sxc-dayhead{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 4px}
html[data-donefile-ux="v2"] .sxc-dayhead small{font:700 11px/14px var(--sx-body);letter-spacing:.04em;text-transform:uppercase;color:var(--sx-on-var)}
html[data-donefile-ux="v2"] .sxc-dayhead b{font:600 22px/28px var(--sx-head);color:var(--sx-on)}
html[data-donefile-ux="v2"] .sxc-dayhead.is-today{background:var(--sx-cont)}
html[data-donefile-ux="v2"] .sxc-dayhead.is-today small{color:var(--sx-primary)}
html[data-donefile-ux="v2"] .sxc-dayhead.is-today b{display:inline-flex;width:38px;height:38px;border-radius:999px;align-items:center;justify-content:center;background:var(--sx-primary-c);color:#fff}
html[data-donefile-ux="v2"] .sxc-body{position:relative}
html[data-donefile-ux="v2"] .sxc-hours{display:flex;flex-direction:column}
html[data-donefile-ux="v2"] .sxc-hours span{height:64px;padding:6px 10px 0;text-align:right;font:500 12px/16px var(--sx-body);color:var(--sx-on-var);border-top:1px solid #eef2fb}
html[data-donefile-ux="v2"] .sxc-col{position:relative;border-left:1px solid #eef2fb;display:flex;flex-direction:column}
html[data-donefile-ux="v2"] .sxc-col.is-today{background:rgba(229,238,255,.45)}
html[data-donefile-ux="v2"] .sxc-slot{display:block;height:64px;border-top:1px solid #eef2fb}
html[data-donefile-ux="v2"] .sxc-event{position:absolute;display:flex;flex-direction:column;gap:3px;padding:8px 10px;border:1px solid var(--c-bd);border-left:3px solid var(--c-fg);border-radius:8px;background:var(--c-bg);color:var(--sx-on);text-align:left;overflow:hidden;cursor:pointer;box-shadow:0 1px 3px rgba(11,28,48,.06);z-index:1}
html[data-donefile-ux="v2"] .sxc-event:hover{box-shadow:0 4px 12px rgba(11,28,48,.12);z-index:3}
html[data-donefile-ux="v2"] .sxc-event-top{display:flex;justify-content:space-between;gap:6px;align-items:center}
html[data-donefile-ux="v2"] .sxc-event-top small{font:700 11px/14px var(--sx-body);color:var(--c-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
html[data-donefile-ux="v2"] .sxc-event.is-narrow .sxc-line i{display:none}
html[data-donefile-ux="v2"] .sxc-event-top em{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;background:#fff;color:var(--c-fg);font-style:normal}
html[data-donefile-ux="v2"] .sxc-event b{display:block;flex:0 0 auto;max-height:34px;font:600 13px/17px var(--sx-head);overflow:hidden;word-break:break-word}
html[data-donefile-ux="v2"] .sxc-line{flex:0 0 auto;display:flex;align-items:center;gap:4px;font:500 11px/15px var(--sx-body);color:var(--sx-on-var);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-donefile-ux="v2"] .sxc-line i{margin-left:auto;font-style:normal;font-weight:700;color:var(--c-fg)}
html[data-donefile-ux="v2"] .sxc-empty{position:absolute;top:12px;left:8px;right:8px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:8px;background:var(--sx-surface);color:var(--sx-outline);font:600 11px/14px var(--sx-body);text-align:center}
html[data-donefile-ux="v2"] .sxc-now{position:absolute;left:0;right:0;height:2px;background:var(--sx-error);z-index:4}
html[data-donefile-ux="v2"] .sxc-now::before{content:"";position:absolute;left:-5px;top:-4px;width:10px;height:10px;border-radius:999px;background:var(--sx-error)}
html[data-donefile-ux="v2"] .sxc-now em{position:absolute;right:2px;top:-9px;padding:1px 5px;border-radius:4px;background:var(--sx-error);color:#fff;font:700 10px/14px var(--sx-body);font-style:normal}
html[data-donefile-ux="v2"] .sxc-day-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:48px 16px!important;text-align:center;color:var(--sx-on-var)}
html[data-donefile-ux="v2"] .sxc-day-empty b{color:var(--sx-on);font:600 16px/22px var(--sx-head)}
html[data-donefile-ux="v2"] .sxc-month{padding:16px}
html[data-donefile-ux="v2"] .sxc-month-head{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px}
html[data-donefile-ux="v2"] .sxc-month-head span{font:700 11px/14px var(--sx-body);letter-spacing:.04em;text-transform:uppercase;color:var(--sx-on-var);padding:0 8px}
html[data-donefile-ux="v2"] .uxv2-cal-month{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:6px!important}
html[data-donefile-ux="v2"] .uxv2-cal-month-cell{min-height:112px!important;padding:8px!important;border-radius:8px!important;border:1px solid #eef2fb!important;background:var(--sx-lowest)!important}
html[data-donefile-ux="v2"] .uxv2-cal-month-cell.is-outside{background:var(--sx-surface)!important;opacity:.6}
html[data-donefile-ux="v2"] .uxv2-cal-month-cell.is-today{border-color:var(--sx-primary-c)!important;box-shadow:inset 0 0 0 1px var(--sx-primary-c)}
html[data-donefile-ux="v2"] .uxv2-cal-month-cell>header{font:600 13px/18px var(--sx-body)!important;color:var(--sx-on)!important;margin-bottom:4px}
html[data-donefile-ux="v2"] .uxv2-cal-month-cell>div{display:flex;flex-direction:column;gap:3px}
html[data-donefile-ux="v2"] .sxc-chip{display:flex;align-items:center;gap:4px;width:100%;padding:3px 6px;border:0;border-radius:4px;background:var(--c-bg);color:var(--c-fg);font:600 11px/15px var(--sx-body);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
html[data-donefile-ux="v2"] .sxc-chip i{flex:0 0 6px;width:6px;height:6px;border-radius:999px;background:currentColor}
html[data-donefile-ux="v2"] .sxc-more{font:600 11px/14px var(--sx-body);color:var(--sx-primary);padding:2px 6px;border:0;background:none;cursor:pointer;text-align:left}
html[data-donefile-ux="v2"] .sxc-more:hover{text-decoration:underline}
html[data-donefile-ux="v2"] .sxc-chip.is-undated,html[data-donefile-ux="v2"] .sxc-event.is-undated,html[data-donefile-ux="v2"] .sxc-leg.is-undated{outline:1px dashed var(--c-fg);outline-offset:-1px;font-style:italic}
html[data-donefile-ux="v2"] .sxc-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:16px 0 20px;padding:16px 20px;border-radius:12px;background:var(--sx-lowest);box-shadow:var(--sx-shadow-md)}
html[data-donefile-ux="v2"] .sxc-sum{display:flex;align-items:center;gap:12px}
html[data-donefile-ux="v2"] .sxc-sum>span{display:flex;width:44px;height:44px;border-radius:10px;align-items:center;justify-content:center;background:var(--sx-low);color:var(--sx-primary)}
html[data-donefile-ux="v2"] .sxc-sum b{display:block;font:700 20px/26px var(--sx-head);color:var(--sx-on)}
html[data-donefile-ux="v2"] .sxc-sum small{font:500 12px/16px var(--sx-body);color:var(--sx-on-var)}
html[data-donefile-ux="v2"] .uxv2-cal-drawer{font-family:var(--sx-body)}
html[data-donefile-ux="v2"] .uxv2-cal-drawer h2{font-family:var(--sx-head)}
@media (max-width:900px){
  html[data-donefile-ux="v2"] .sxc-tabs{margin-left:0}
  html[data-donefile-ux="v2"] .sxc-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-donefile-ux="v2"] .sxc-legend b{width:100%}
  html[data-donefile-ux="v2"] .uxv2-cal-month-cell{min-height:72px!important;padding:4px!important}
  html[data-donefile-ux="v2"] .sxc-chip{font-size:10px}
}

/* ---------- Customers (Stitch cards) ---------- */
html[data-donefile-ux="v2"] .sxu-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:20px!important;margin-top:0!important}
html[data-donefile-ux="v2"] .sxu-card{border:0!important;border-radius:12px!important;background:var(--sx-lowest)!important;box-shadow:var(--sx-shadow-md)!important}
html[data-donefile-ux="v2"] .sxu-card.is-open{grid-column:1/-1}
html[data-donefile-ux="v2"] .sxu-card.is-unassigned .sxu-avatar{background:#eef0f4;color:var(--sx-outline)}
html[data-donefile-ux="v2"] .sxu-summary{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;padding:20px!important}
html[data-donefile-ux="v2"] .sxu-head{display:flex;align-items:center;gap:12px}
html[data-donefile-ux="v2"] .sxu-head b{display:block;font:600 18px/24px var(--sx-head);color:var(--sx-on);overflow-wrap:anywhere}
html[data-donefile-ux="v2"] .sxu-head small{font:500 12px/16px var(--sx-body);color:var(--sx-on-var)}
html[data-donefile-ux="v2"] .sxu-avatar{display:inline-flex;flex:0 0 44px;width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;background:var(--sx-primary-fixed);color:var(--sx-primary);font:700 16px/1 var(--sx-head)}
html[data-donefile-ux="v2"] .sxu-address{display:flex;gap:6px;margin:0;font:400 13px/18px var(--sx-body);color:var(--sx-on)}
html[data-donefile-ux="v2"] .sxu-address .dfi{color:var(--sx-primary);margin-top:1px}
html[data-donefile-ux="v2"] .sxu-address em{display:block;font-style:normal;font-weight:600;font-size:12px;color:var(--sx-primary)}
html[data-donefile-ux="v2"] .sxu-muted{color:var(--sx-outline)}
html[data-donefile-ux="v2"] .sxu-job{padding:12px;border-radius:8px;background:var(--sx-surface)}
html[data-donefile-ux="v2"] .sxu-job small{display:flex;align-items:center;gap:6px;font:700 11px/14px var(--sx-body);letter-spacing:.03em}
html[data-donefile-ux="v2"] .sxu-job small i{width:7px;height:7px;border-radius:999px;background:currentColor}
html[data-donefile-ux="v2"] .sxu-job small em{margin-left:auto;font-style:normal}
html[data-donefile-ux="v2"] .sxu-job b{display:block;margin-top:6px;font:500 13px/18px var(--sx-body);color:var(--sx-on);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-donefile-ux="v2"] .sxu-progress{background:#fff8eb}.sxu-progress small{color:#a15c00}
html[data-donefile-ux="v2"] .sxu-planned{background:var(--sx-low)}.sxu-planned small{color:var(--sx-primary)}
html[data-donefile-ux="v2"] .sxu-done{background:#ecf8f1}.sxu-done small{color:var(--sx-ok)}
html[data-donefile-ux="v2"] .sxu-stats{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;border:1px solid #eef2fb;color:var(--sx-ok);font:500 12px/16px var(--sx-body)}
html[data-donefile-ux="v2"] .sxu-stats b{font-weight:600}
html[data-donefile-ux="v2"] .sxu-stats span{margin-left:auto;color:var(--sx-on-var)}
html[data-donefile-ux="v2"] .sxu-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
html[data-donefile-ux="v2"] .sxu-actions button{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;height:42px;border:0;border-radius:8px;font:600 13px/18px var(--sx-body)!important;cursor:pointer;padding:0 10px}
html[data-donefile-ux="v2"] .sxu-actions .sxu-detail{background:var(--sx-low)!important;color:var(--sx-on)!important}
html[data-donefile-ux="v2"] .sxu-actions .sxu-detail [data-customer-history-label]{margin:0!important;color:inherit!important;font:inherit!important;display:inline!important}
html[data-donefile-ux="v2"] .sxu-actions .sxu-new{background:var(--sx-primary-c);color:#fff}
html[data-donefile-ux="v2"] .sxu-actions:has(> :only-child){grid-template-columns:1fr}
html[data-donefile-ux="v2"] .sxu-card .customer-history-detail{background:var(--sx-surface)!important;border-top:1px solid #eef2fb!important}
html[data-donefile-ux="v2"] .customer-history-job,html[data-donefile-ux="v2"] .customer-timeline-entry{border:0!important;background:var(--sx-lowest)!important;box-shadow:var(--sx-shadow)}
html[data-donefile-ux="v2"] .customer-history-kpi{background:var(--sx-primary-fixed)!important;color:var(--sx-primary)!important}

/* ---------- Reports (Stitch list) ---------- */
html[data-donefile-ux="v2"] .sxr-filter-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
html[data-donefile-ux="v2"] .sxr-filter-head h2{display:flex;align-items:center;gap:8px;margin:0;font:600 18px/24px var(--sx-head);color:var(--sx-on)}
html[data-donefile-ux="v2"] .sxr-filter-head h2 .dfi{color:var(--sx-primary)}
html[data-donefile-ux="v2"] .sxr-filters .df-search{flex:1 1 220px}
html[data-donefile-ux="v2"] .sxr-list-head{display:flex;align-items:center;gap:10px;margin:24px 0 12px}
html[data-donefile-ux="v2"] .sxr-list-head h2{margin:0;font:600 18px/24px var(--sx-head);color:var(--sx-on)}
html[data-donefile-ux="v2"] .sxr-list{gap:12px!important}
html[data-donefile-ux="v2"] .real-row.sxr-row{display:grid!important;grid-template-columns:48px minmax(0,1.6fr) minmax(0,1fr) auto auto auto;align-items:center;gap:18px;padding:18px 20px!important;border:0!important;border-radius:12px!important;background:var(--sx-lowest)!important;box-shadow:var(--sx-shadow-md)!important}
html[data-donefile-ux="v2"] .sxr-icon{display:flex;width:48px;height:48px;border-radius:12px;align-items:center;justify-content:center;background:var(--sx-low);color:var(--sx-primary)}
html[data-donefile-ux="v2"] .sxr-row.is-unreadable .sxr-icon{background:var(--sx-error-c);color:var(--sx-error)}
html[data-donefile-ux="v2"] .sxr-row .row-open{display:flex!important;flex-direction:column;align-items:flex-start;gap:4px;padding:0!important;border:0!important;background:none!important;text-align:left;min-width:0;cursor:pointer}
html[data-donefile-ux="v2"] .sxr-row .row-open:disabled{cursor:default}
html[data-donefile-ux="v2"] .sxr-row .row-open b{font:700 16px/22px var(--sx-head)!important;color:var(--sx-on)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
html[data-donefile-ux="v2"] .sxr-excerpt{font:400 13px/18px var(--sx-body)!important;color:var(--sx-on)!important}
html[data-donefile-ux="v2"] .sxr-summary{font:400 12px/16px var(--sx-body)!important;color:var(--sx-on-var)!important}
html[data-donefile-ux="v2"] .sxr-person{display:flex;align-items:center;gap:10px;min-width:0}
html[data-donefile-ux="v2"] .sxr-person b{display:block;font:600 13px/18px var(--sx-body);color:var(--sx-on);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-donefile-ux="v2"] .sxr-person small{font:500 12px/16px var(--sx-body);color:var(--sx-on-var)}
html[data-donefile-ux="v2"] .sxr-state{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
html[data-donefile-ux="v2"] .sxr-state small{font:600 12px/16px var(--sx-body);color:var(--sx-primary)}
html[data-donefile-ux="v2"] .sxr-open{height:44px!important;padding:0 18px!important;background:var(--sx-primary-c)!important;color:#fff!important}
html[data-donefile-ux="v2"] .sxr-recover{display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:260px;text-align:right}
html[data-donefile-ux="v2"] .sxr-recover small{font:500 12px/16px var(--sx-body);color:var(--sx-on-error-c)}
html[data-donefile-ux="v2"] .df-banner:not(.warning){background:var(--sx-low);border:0;color:var(--sx-on)}
@media (max-width:1100px){
  html[data-donefile-ux="v2"] .real-row.sxr-row{grid-template-columns:48px minmax(0,1fr) auto;row-gap:10px}
  html[data-donefile-ux="v2"] .sxr-person{grid-column:2}
  html[data-donefile-ux="v2"] .sxr-row>.dfx-chip-ref{display:none}
}
@media (max-width:560px){
  html[data-donefile-ux="v2"] .real-row.sxr-row{grid-template-columns:1fr}
  html[data-donefile-ux="v2"] .sxr-icon{display:none}
  html[data-donefile-ux="v2"] .sxr-person{grid-column:auto}
  html[data-donefile-ux="v2"] .sxr-open{width:100%;justify-content:center}
  html[data-donefile-ux="v2"] .sxr-recover{align-items:flex-start;text-align:left}
}

/* ---------- Generic legacy surfaces in Stitch tone (Team, Company, Operations, Archive) ---------- */
html[data-donefile-ux="v2"] .metrics:not(.dfx-kpis){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:16px!important;margin:0 0 24px!important}
html[data-donefile-ux="v2"] .metrics:not(.dfx-kpis) .metric{border:0!important;border-radius:12px!important;background:var(--sx-lowest)!important;box-shadow:var(--sx-shadow-md)!important;padding:18px 20px!important;min-height:0!important}
html[data-donefile-ux="v2"] .metrics:not(.dfx-kpis) .metric small{font:500 13px/18px var(--sx-body)!important;color:var(--sx-on-var)!important;text-transform:none!important;letter-spacing:0!important}
html[data-donefile-ux="v2"] .metrics:not(.dfx-kpis) .metric strong{font:700 30px/38px var(--sx-head)!important;color:var(--sx-on)!important}
html[data-donefile-ux="v2"] .df-team-metrics.dfx-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}
html[data-donefile-ux="v2"] .df-hierarchy-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
html[data-donefile-ux="v2"] .df-hierarchy-grid article{border:0!important;border-left:3px solid var(--sx-primary-c)!important;border-radius:8px!important;background:var(--sx-surface)!important;box-shadow:none!important;padding:14px 16px!important}
html[data-donefile-ux="v2"] .df-hierarchy-grid article b{font:600 14px/20px var(--sx-head)!important;color:var(--sx-on)!important}
html[data-donefile-ux="v2"] .df-hierarchy-grid article span{font:400 12px/18px var(--sx-body)!important;color:var(--sx-on-var)!important}
html[data-donefile-ux="v2"] .sync-state{border:0!important;border-radius:10px!important;background:var(--sx-low)!important;padding:14px 16px!important}
html[data-donefile-ux="v2"] .real-row:not(.dfx-job-card):not(.sxr-row):not(.dfx-tr){border:0!important;border-radius:10px!important;background:var(--sx-surface)!important;box-shadow:none!important;padding:14px 16px!important}
html[data-donefile-ux="v2"] .real-row:not(.dfx-job-card):not(.sxr-row):not(.dfx-tr) b{font:600 14px/20px var(--sx-body)!important;color:var(--sx-on)!important}

/* Team: organization schema / list (Stitch person cards) */
html[data-donefile-ux="v2"] .uxv2-view-toggle{display:inline-flex!important;padding:4px!important;border-radius:8px!important;background:var(--sx-low)!important;border:0!important;gap:2px}
html[data-donefile-ux="v2"] .uxv2-view-toggle button{border:0!important;background:transparent!important;border-radius:6px!important;padding:6px 14px!important;font:600 13px/18px var(--sx-body)!important;color:var(--sx-on-var)!important;box-shadow:none!important;min-height:0!important}
html[data-donefile-ux="v2"] .uxv2-view-toggle button.active{background:var(--sx-lowest)!important;color:var(--sx-primary)!important;box-shadow:0 1px 2px rgba(0,0,0,.08)!important}
html[data-donefile-ux="v2"] .uxv2-org-group{border:0!important;border-radius:12px!important;background:var(--sx-surface)!important;padding:14px!important}
html[data-donefile-ux="v2"] .uxv2-org-group>header{display:flex;align-items:center;justify-content:space-between;font:700 11px/14px var(--sx-body)!important;letter-spacing:.04em;text-transform:uppercase;color:var(--sx-on-var)!important;margin-bottom:10px}
html[data-donefile-ux="v2"] .uxv2-org-group>header span{padding:2px 8px;border-radius:999px;background:var(--sx-cont);color:var(--sx-on-var)}
html[data-donefile-ux="v2"] .uxv2-org-person{display:flex!important;align-items:center;gap:12px;width:100%;padding:14px!important;border:1px solid #eef2fb!important;border-radius:12px!important;background:var(--sx-lowest)!important;box-shadow:var(--sx-shadow)!important;text-align:left;cursor:pointer}
html[data-donefile-ux="v2"] .uxv2-org-person:hover{border-color:var(--sx-primary-c)!important}
html[data-donefile-ux="v2"] .uxv2-avatar{display:inline-flex!important;flex:0 0 44px;width:44px!important;height:44px!important;border-radius:999px!important;align-items:center;justify-content:center;background:var(--sx-primary-fixed)!important;color:var(--sx-primary)!important;font:700 16px/1 var(--sx-head)!important}
html[data-donefile-ux="v2"] .uxv2-org-copy b{display:block;font:600 15px/20px var(--sx-head)!important;color:var(--sx-on)!important}
html[data-donefile-ux="v2"] .uxv2-org-copy small,html[data-donefile-ux="v2"] .uxv2-org-copy span{font:500 12px/16px var(--sx-body)!important;color:var(--sx-on-var)!important}
html[data-donefile-ux="v2"] .uxv2-member-drawer{font-family:var(--sx-body)}
html[data-donefile-ux="v2"] .uxv2-invite-panel{border:0!important;border-radius:12px!important;background:var(--sx-low)!important}
html[data-donefile-ux="v2"] .uxv2-seat-block{border:0!important;border-radius:12px!important;background:var(--sx-low)!important}

/* Forms in Stitch tone */
html[data-donefile-ux="v2"] .profile-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-bottom:16px}
html[data-donefile-ux="v2"] .profile-grid label,html[data-donefile-ux="v2"] .uxv2-invite-form label,html[data-donefile-ux="v2"] .uxv2-cal-form label{display:flex!important;flex-direction:column;gap:6px;font:600 12px/16px var(--sx-body)!important;color:var(--sx-on-var)!important;letter-spacing:.01em}
html[data-donefile-ux="v2"] .profile-grid input,html[data-donefile-ux="v2"] .uxv2-invite-form input,html[data-donefile-ux="v2"] .uxv2-invite-form select,html[data-donefile-ux="v2"] .uxv2-cal-form input,html[data-donefile-ux="v2"] #teamManagementMount input,html[data-donefile-ux="v2"] #teamManagementMount select{height:44px!important;padding:0 14px!important;border:1px solid transparent!important;border-radius:8px!important;background:var(--sx-surface)!important;font:400 14px/20px var(--sx-body)!important;color:var(--sx-on)!important;box-shadow:none!important}
html[data-donefile-ux="v2"] .profile-grid input:focus,html[data-donefile-ux="v2"] .uxv2-invite-form input:focus,html[data-donefile-ux="v2"] #teamManagementMount input:focus{border-color:var(--sx-primary-c)!important;outline:0}
html[data-donefile-ux="v2"] .profile-grid input:disabled{opacity:.75}

/* Company: Drive data area (Stitch "Şirket Veri Alanı") + profile side by side */
html[data-donefile-ux="v2"] .sxs-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}
html[data-donefile-ux="v2"] .df-core-storage{border:0!important;border-radius:12px!important;background:var(--sx-lowest)!important;box-shadow:var(--sx-shadow-md)!important;padding:20px!important;margin:0!important}
html[data-donefile-ux="v2"] .df-core-storage>header{display:flex!important;align-items:flex-start;gap:14px;padding:0!important;margin-bottom:16px}
html[data-donefile-ux="v2"] .df-core-storage>header::before{content:"";flex:0 0 48px;width:48px;height:48px;border-radius:12px;background:var(--sx-low) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 87.3 78'%3E%3Cpath d='m6.6 66.85 3.85 6.65c.8 1.4 1.95 2.5 3.3 3.3l13.75-23.8H0c0 1.55.4 3.1 1.2 4.5z' fill='%230066da'/%3E%3Cpath d='M43.65 25 29.9 1.2c-1.35.8-2.5 1.9-3.3 3.3L1.2 48.5A9.06 9.06 0 0 0 0 53h27.5z' fill='%2300ac47'/%3E%3Cpath d='M73.55 76.8c1.35-.8 2.5-1.9 3.3-3.3l1.6-2.75 7.65-13.25c.8-1.4 1.2-2.95 1.2-4.5H59.8l5.85 11.5z' fill='%23ea4335'/%3E%3Cpath d='M43.65 25 57.4 1.2C56.05.4 54.5 0 52.9 0H34.4c-1.6 0-3.15.45-4.5 1.2z' fill='%2300832d'/%3E%3Cpath d='M59.8 53H27.5L13.75 76.8c1.35.8 2.9 1.2 4.5 1.2h50.8c1.6 0 3.15-.45 4.5-1.2z' fill='%232684fc'/%3E%3Cpath d='m73.4 26.5-12.7-22c-.8-1.4-1.95-2.5-3.3-3.3L43.65 25 59.8 53h27.45c0-1.55-.4-3.1-1.2-4.5z' fill='%23ffba00'/%3E%3C/svg%3E") center/26px no-repeat}
html[data-donefile-ux="v2"] .df-core-storage>header>div{flex:1;min-width:0}
html[data-donefile-ux="v2"] .df-core-storage>header small{font:700 11px/14px var(--sx-body)!important;letter-spacing:.04em;color:var(--sx-on-var)!important}
html[data-donefile-ux="v2"] .df-core-storage>header h2{margin:2px 0 4px!important;font:600 20px/26px var(--sx-head)!important;color:var(--sx-on)!important}
html[data-donefile-ux="v2"] .df-core-storage>header p{margin:0!important;font:400 13px/18px var(--sx-body)!important;color:var(--sx-on-var)!important}
html[data-donefile-ux="v2"] .df-core-storage-badge{padding:4px 10px!important;border-radius:999px!important;font:700 11px/14px var(--sx-body)!important;background:var(--sx-primary-fixed)!important;color:var(--sx-primary)!important;white-space:nowrap}
html[data-donefile-ux="v2"] .df-core-storage-details{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:0 0 16px!important;padding:12px!important;border-radius:10px!important;background:var(--sx-low)!important}
html[data-donefile-ux="v2"] .df-core-storage-details>div{padding:10px 12px!important;border-radius:8px!important;background:var(--sx-lowest)!important;border:0!important;box-shadow:none!important}
html[data-donefile-ux="v2"] .df-core-storage-details dt{font:600 11px/14px var(--sx-body)!important;letter-spacing:.03em;text-transform:uppercase;color:var(--sx-on-var)!important}
html[data-donefile-ux="v2"] .df-core-storage-details dd{margin:2px 0 0!important;font:600 14px/20px var(--sx-body)!important;color:var(--sx-on)!important}
html[data-donefile-ux="v2"] .df-core-storage>footer{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;padding:0!important;border:0!important}
html[data-donefile-ux="v2"] .df-core-storage>footer .primary-action{grid-column:1/-1;justify-content:center}
html[data-donefile-ux="v2"] .df-core-storage>footer .secondary-action{justify-content:center;background:var(--sx-low)!important;box-shadow:none!important}
html[data-donefile-ux="v2"] .df-core-storage>footer .danger-soft{grid-column:1/-1;height:44px;border:0!important;border-radius:8px!important;background:var(--sx-error-c)!important;color:var(--sx-on-error-c)!important;font:600 14px/20px var(--sx-body)!important;cursor:pointer}
html[data-donefile-ux="v2"] .df-core-storage-message{margin:12px 0 0!important;font:500 13px/18px var(--sx-body)}
html[data-donefile-ux="v2"] .sxs-grid #diagnosticsSupportPanel,html[data-donefile-ux="v2"] #diagnosticsSupportPanel{margin-top:24px}
@media (max-width:1100px){
  html[data-donefile-ux="v2"] .sxs-grid{grid-template-columns:1fr}
  html[data-donefile-ux="v2"] .df-hierarchy-grid{grid-template-columns:1fr!important}
  html[data-donefile-ux="v2"] .df-team-metrics.dfx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:560px){
  html[data-donefile-ux="v2"] .profile-grid,html[data-donefile-ux="v2"] .df-core-storage-details,html[data-donefile-ux="v2"] .df-core-storage>footer{grid-template-columns:1fr!important}
}

/* ---------- States: loading / empty (Stitch "Yükleniyor" / "Boş durum") ---------- */
html[data-donefile-ux="v2"] .workspace-loading{display:flex;align-items:center;gap:12px;padding:20px;border-radius:12px;background:var(--sx-lowest);box-shadow:var(--sx-shadow-md);font:600 14px/20px var(--sx-body);color:var(--sx-on-var)}
html[data-donefile-ux="v2"] .workspace-loading::before{content:"";width:20px;height:20px;border-radius:999px;border:3px solid var(--sx-primary-fixed);border-top-color:var(--sx-primary-c);animation:sxspin .9s linear infinite}
@keyframes sxspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){html[data-donefile-ux="v2"] .workspace-loading::before{animation:none}}
html[data-donefile-ux="v2"] .empty-real{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
html[data-donefile-ux="v2"] .empty-real.live-error{background:var(--sx-error-c)!important;color:var(--sx-on-error-c)!important}
html[data-donefile-ux="v2"] #diagnosticsSupportPanel .quick-links button{height:44px;border:0;border-radius:8px;background:var(--sx-low);color:var(--sx-primary);font:600 14px/20px var(--sx-body);padding:0 16px;cursor:pointer}
html[data-donefile-ux="v2"] .sxr-row .row-open>small{max-width:100%;overflow-wrap:anywhere;white-space:normal}
html[data-donefile-ux="v2"] .real-row.sxr-row>*{min-width:0}
/* Phone-width Web Admin (live 2026-10-11: on a phone the 900px jobs table hid the Assign action
   off-screen). Below 720px each job row becomes a stacked card with its actions visible. */
@media (max-width:720px){
  html[data-donefile-ux="v2"] .dfx-table{min-width:0!important}
  html[data-donefile-ux="v2"] .dfx-table thead{display:none}
  html[data-donefile-ux="v2"] .dfx-table,html[data-donefile-ux="v2"] .dfx-table tbody{display:block;width:100%}
  html[data-donefile-ux="v2"] .dfx-table tr.real-row{display:grid!important;grid-template-columns:1fr auto;gap:6px 12px;padding:14px 16px!important;border-top:1px solid #eef2fb!important}
  html[data-donefile-ux="v2"] .dfx-table td{display:block;padding:0;border:0}
  html[data-donefile-ux="v2"] .dfx-table td.row-meta{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px}
}