/* AELIA embedded business surfaces: one layout system, distinct application accents. */
:root[data-aelia-app]{--a-primary:#1967d2;--a-soft:#e8f0fe;--a-canvas:#fff;--a-ink:#202124;--a-muted:#68717d;--a-line:#e5e9ef;color:var(--a-ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px}
:root[data-aelia-app=admin]{--a-primary:#007b83;--a-soft:#dff3f3}
:root[data-aelia-app=boss]{--a-primary:#a8550b;--a-soft:#fff0db}
:root[data-aelia-app=supply]{--a-primary:#137333;--a-soft:#e6f4ea}
:root[data-aelia-app=finance]{--a-primary:#4d55b3;--a-soft:#eeedff}
:root[data-aelia-app=youying]{--a-primary:#8430a4;--a-soft:#f5eafa}
:root[data-aelia-app]{--brand:var(--a-primary);--brand-dark:var(--a-primary);--accent:var(--a-primary);--accent-soft:var(--a-soft);--ink:var(--a-ink);--canvas:var(--a-canvas);--bg:var(--a-canvas);--surface:#fff;--line:var(--a-line);--border:var(--a-line);--green:var(--a-primary);--green-2:var(--a-primary);--green-soft:var(--a-soft);--soft:var(--a-soft);--primary:var(--a-primary);--primary-foreground:#fff;--accent-foreground:var(--a-primary);--ring:var(--a-primary);--muted:#68717d;--gold:#ffbe00}
html[data-aelia-app] body{background:white!important;color:var(--a-ink);font-family:inherit;font-size:13px}
/* Original navigation stays in the DOM for existing app routing; the host owns navigation. */
[data-aelia-app] body>.sidebar,[data-aelia-app] .app-shell>.sidebar,[data-aelia-app] #app-shell>.sidebar,[data-aelia-app] #shell>aside,[data-aelia-app] #shell>.topbar{display:none!important}
[data-aelia-app] body>main,[data-aelia-app] .app-shell>main,[data-aelia-app] #app-shell>main,[data-aelia-app] #shell>main{margin-left:0!important;max-width:none!important;min-width:0;width:100%}
[data-aelia-app] #app-shell,[data-aelia-app] .app-shell{grid-template-columns:minmax(0,1fr)!important;min-height:100vh;background:white}
[data-aelia-app] body>main,[data-aelia-app] #shell>main{padding:24px 28px!important}
[data-aelia-app] main>header{margin:0 0 22px;align-items:center;background:transparent;box-shadow:none;border:0;height:auto;padding:0}
[data-aelia-app] main>header h1,[data-aelia-app] .page-heading h1{font-size:23px;font-weight:650;color:var(--a-ink);letter-spacing:0;line-height:1.4}
[data-aelia-app] main>header p,[data-aelia-app] .page-heading p{font-size:12px;color:var(--a-muted);margin-top:5px}
[data-aelia-app] main>header .eyebrow,[data-aelia-app] main>header .breadcrumb,[data-aelia-app] main>header .account-menu-wrap{display:none!important}
[data-aelia-app] button{font-family:inherit;border-radius:8px;transition:background .15s,border-color .15s;box-shadow:none;transform:none}
[data-aelia-app] button:hover{transform:none;filter:none}
[data-aelia-app] .primary:not(.danger),[data-aelia-app] button.primary,[data-aelia-app] .bg-primary,[data-aelia-app] .import-file{background:var(--a-primary)!important;border-color:var(--a-primary)!important;color:white!important;font-weight:600;border-radius:8px}
[data-aelia-app] .primary:not(.danger):hover,[data-aelia-app] .bg-primary:hover{filter:brightness(.94)}
[data-aelia-app] input,[data-aelia-app] select,[data-aelia-app] textarea{font-family:inherit;border-radius:6px;border-color:#dce1e8;background:white}
[data-aelia-app] input:focus,[data-aelia-app] select:focus,[data-aelia-app] textarea:focus{border-color:var(--a-primary)!important;outline-color:var(--a-primary);box-shadow:0 0 0 2px var(--a-soft)!important}
[data-aelia-app] input[type=checkbox],[data-aelia-app] input[type=radio]{accent-color:var(--a-primary)}
[data-aelia-app] button:focus-visible,[data-aelia-app] a:focus-visible{outline:2px solid var(--a-primary);outline-offset:2px}
[data-aelia-app] .panel,[data-aelia-app] .data-card,[data-aelia-app] .metric,[data-aelia-app] .mini-card,[data-aelia-app] .template-card{border:1px solid var(--a-line);border-radius:12px;box-shadow:none;background:white}
[data-aelia-app] .panel{padding:20px}
[data-aelia-app] table{font-size:13px;color:var(--a-ink)}
[data-aelia-app] th{background:#f8f9fb;color:#5f6773;font-size:12px;font-weight:600;border-color:var(--a-line)}
[data-aelia-app] td{border-color:#edf0f4}
[data-aelia-app] tbody tr:hover{background:#f8fafd}
[data-aelia-app] .tree-node.active,[data-aelia-app] .filter-chip.active,[data-aelia-app] nav button.active{background:var(--a-soft)!important;color:var(--a-primary)!important;border-color:var(--a-soft)!important}
[data-aelia-app] .toast{background:#303640;color:white}
[data-aelia-app] dialog,[data-aelia-app] .modal{border:1px solid var(--a-line);border-radius:16px;background:white;color:var(--a-ink);box-shadow:0 24px 80px #2021242b}
[data-aelia-app] dialog::backdrop{background:#20212455;backdrop-filter:none}
/* Company: a compact organization directory, not a second app shell. */
[data-aelia-app=identity] #shell>header,[data-aelia-app=identity] #tabs,[data-aelia-app=identity] #integration-note{display:none!important}
[data-aelia-app=identity] main#shell{padding:24px!important;max-width:none!important}
[data-aelia-app=identity] .workspace{padding:0;gap:24px;background:transparent;grid-template-columns:230px minmax(0,1fr)}
[data-aelia-app=identity] .tree{border:0;border-right:1px solid var(--a-line);border-radius:0;padding:0 20px 0 0;min-height:calc(100vh - 48px)}
[data-aelia-app=identity] .tree-node{border-radius:8px}
[data-aelia-app=identity] .tree-tools{margin-top:22px}
[data-aelia-app=identity] .table-title h2{font-size:22px}
[data-aelia-app=identity] .pill:not(.gray):not(.app-rgm):not(.app-supply):not(.app-youshu){background:var(--a-soft);color:var(--a-primary)}
[data-aelia-app=identity] .row-actions button,[data-aelia-app=identity] .inline-edit{color:var(--a-primary)}
/* HR: neutral data surfaces and a restrained teal overview. */
[data-aelia-app=admin] .welcome{background:linear-gradient(120deg,#e3f3f2,#f2faf9);color:#124e52;border:1px solid #cce6e4;border-radius:12px;box-shadow:none}
[data-aelia-app=admin] .welcome:after{display:none}
[data-aelia-app=admin] .welcome h2,[data-aelia-app=admin] .welcome p,[data-aelia-app=admin] .welcome span{color:#245c60}
[data-aelia-app=admin] .welcome button{background:var(--a-primary)!important;color:white!important}
[data-aelia-app=admin] .metrics article{box-shadow:none;border:1px solid var(--a-line);border-radius:12px;background:white}
[data-aelia-app=admin] .workspace-card{border-radius:16px 0 0 16px}
/* Supply: remove duplicated identity/breadcrumb, preserve refresh and business filters. */
[data-aelia-app=supply] #app-shell>main{padding:24px 28px!important}
[data-aelia-app=supply] .topbar .user-chip,[data-aelia-app=supply] .topbar .mobile-menu,[data-aelia-app=supply] .topbar .breadcrumb{display:none!important}
[data-aelia-app=supply] .content{padding:0!important;max-width:none}
[data-aelia-app=supply] .topbar{position:static;min-height:0}
[data-aelia-app=supply] .soft-button{background:var(--a-soft);color:var(--a-primary);border-color:transparent}
/* Finance retains its dense spreadsheet and distinct fund summary. */
[data-aelia-app=finance]{--muted:#f4f6f9}
[data-aelia-app=finance] .app-shell>main>.topbar{display:none!important}
[data-aelia-app=finance] .workspace{max-width:none!important;padding:24px 28px!important}
[data-aelia-app=finance] .page-heading{margin-bottom:22px}
[data-aelia-app=finance] .page-heading .eyebrow{display:none}
[data-aelia-app=finance] .store-sheet{height:100dvh;border:0;border-radius:0;box-shadow:none}
[data-aelia-app=finance] .sheet-title{background:white;border-bottom:1px solid var(--a-line);padding:14px 20px}
[data-aelia-app=finance] .sheet-title-icon{color:var(--a-primary);background:var(--a-soft)}
[data-aelia-app=finance] .sheet-private-label{display:none}
[data-aelia-app=finance] .sheet-account-strip>button.selected{border-color:#aab0e5;background:var(--a-soft)}
[data-aelia-app=finance] .account-stats section:first-child{background:#eef0ff;border-color:#dde0f5}
[data-aelia-app=finance] .account-stats section:first-child span,[data-aelia-app=finance] .account-stats section:first-child small{color:#62688c}
[data-aelia-app=finance] .account-stats section:first-child strong{color:#343b86}
/* Collaboration: purple for actions, status colors continue to carry their meaning. */
[data-aelia-app=youying] .metric .icon{color:var(--a-primary)}
[data-aelia-app=youying] .metric:nth-child(4){background:#f3faf5;border-color:#d9eade}
[data-aelia-app=youying] .metric:nth-child(4) .icon{color:#137333}
[data-aelia-app=youying] .filter-chip{color:#6b6375;background:white;border-color:#e2dce8}
[data-aelia-app=youying] .filter-chip.active b{background:#ead9f4;color:#70228e}
[data-aelia-app=youying] .progress i{background:#a967c2}
[data-aelia-app=youying] .pill:not([class*=status-]):not(.red):not(.amber){background:var(--a-soft);color:var(--a-primary)}
@media(max-width:850px){[data-aelia-app] body>main,[data-aelia-app] #shell>main,[data-aelia-app=supply] #app-shell>main,[data-aelia-app=finance] .workspace,[data-aelia-app=identity] main#shell{padding:16px!important}[data-aelia-app=identity] .workspace{grid-template-columns:180px minmax(0,1fr);gap:16px}[data-aelia-app=identity] .tree{padding-right:12px}[data-aelia-app] main>header{gap:12px;flex-wrap:wrap}}
@media(max-width:600px){[data-aelia-app=identity] .workspace{grid-template-columns:1fr}[data-aelia-app=identity] .tree{min-height:0;max-height:240px;overflow:auto;border-right:0;border-bottom:1px solid var(--a-line);padding-bottom:16px}[data-aelia-app] main>header h1{font-size:20px}}
html[data-aelia-app]{background:white}
/* HR modules previously opened as a drawer over the dashboard. They are full pages here. */
[data-aelia-app=admin] #workspace{inset:0!important;padding:24px 28px!important;background:white!important;backdrop-filter:none;overflow:auto}
[data-aelia-app=admin] #workspace>.workspace-card{width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:white}
[data-aelia-app=admin] #workspace>.workspace-card>.workspace-close{display:none}
[data-aelia-app=admin] body:has(#workspace.open)>main{display:none}
[data-aelia-app=admin] #workspace .module-head{margin:0 0 22px;align-items:center}
[data-aelia-app=admin] #workspace .module-head h2{font-size:23px;font-weight:650}
[data-aelia-app=admin] #workspace .module-head p{font-size:12px;color:var(--a-muted)}
[data-aelia-app=admin] #workspace .filters{background:#f8fafb;border:1px solid var(--a-line);border-radius:10px}
[data-aelia-app=admin] #workspace button:not(.primary):not(.approve):not(.reject){border:1px solid var(--a-line);background:white;color:#505965;padding:8px 12px}
[data-aelia-app=admin] .data-card,[data-aelia-app=admin] .mini-card{border-color:var(--a-line)!important}
/* Supply content already provides its own functional page heading. */
[data-aelia-app=supply] #app-shell>main{position:relative}
[data-aelia-app=supply] main>.topbar{position:absolute;top:24px;right:28px;z-index:2;margin:0;padding:0;min-height:0}
[data-aelia-app=supply] main>.topbar>div:not(.top-actions){display:none}
[data-aelia-app=supply] .content>div:first-child,[data-aelia-app=supply] .content>section:first-child{scroll-margin-top:20px}
[data-aelia-app=supply] .topbar #refresh-button{padding:5px 9px;font-size:11px}
[data-aelia-app=supply] #page-content h2{font-size:23px;font-weight:650}
@media(max-width:850px){[data-aelia-app=admin] #workspace{padding:16px!important}}
[data-aelia-app=supply] #page-content>.page-head{padding-right:78px;min-height:52px}
[data-aelia-app=supply] #page-content>.page-head .page-actions{flex-wrap:wrap}
[data-aelia-app=finance] .sheet-store.active,[data-aelia-app=finance] .sheet-store.selected{color:var(--a-primary);background:var(--a-soft)}

/* Shared compact density. Content may wrap; no fixed row heights or clipping. */
[data-aelia-app] .panel{padding:14px;margin-bottom:12px}
[data-aelia-app] main>header,[data-aelia-app] .page-heading,[data-aelia-app=admin] #workspace .module-head{margin-bottom:14px}
[data-aelia-app] .toolbar,[data-aelia-app] .filters{gap:8px;margin-top:10px;margin-bottom:10px;align-items:center}
[data-aelia-app] .toolbar input,[data-aelia-app] .toolbar select,[data-aelia-app] .filters input:not([type=checkbox]):not([type=radio]),[data-aelia-app] .filters select{padding:6px 9px;min-height:32px;font-size:12px;line-height:18px}
[data-aelia-app] .toolbar button,[data-aelia-app] .filters button{padding:6px 10px;font-size:12px;line-height:18px}
[data-aelia-app] .notice{padding:8px 12px;line-height:1.5;font-size:12px;margin:10px 0}
[data-aelia-app] .field-row,[data-aelia-app] .audit{padding-top:8px;padding-bottom:8px}
[data-aelia-app] .tree-node{padding-top:7px;padding-bottom:7px;font-size:12px}
[data-aelia-app] .pagination{margin-top:10px;gap:8px}
[data-aelia-app] dialog label:not(.check):not(.store-option),[data-aelia-app] .drawer-form label{margin-top:7px;margin-bottom:9px;gap:5px}
[data-aelia-app] dialog input:not([type=checkbox]):not([type=radio]):not([type=file]),[data-aelia-app] dialog select:not([multiple]),[data-aelia-app] .drawer-form input:not([type=checkbox]):not([type=radio]):not([type=file]),[data-aelia-app] .drawer-form select:not([multiple]){padding:6px 9px;min-height:32px;line-height:18px;font-size:12px}
@media(min-width:701px){
[data-aelia-app]:not([data-aelia-app=finance]) table th,[data-aelia-app]:not([data-aelia-app=finance]) table td{padding:6px 10px!important;font-size:12px;line-height:18px;vertical-align:middle!important}
[data-aelia-app]:not([data-aelia-app=finance]) table td button{padding:3px 7px!important;min-height:24px;font-size:12px;line-height:18px;vertical-align:middle}
[data-aelia-app]:not([data-aelia-app=finance]) table td .pill,[data-aelia-app]:not([data-aelia-app=finance]) table td .tag{vertical-align:middle;margin-top:0;margin-bottom:0;line-height:18px}
[data-aelia-app]:not([data-aelia-app=finance]) table td input:not([type=checkbox]):not([type=radio]),[data-aelia-app]:not([data-aelia-app=finance]) table td select{padding:3px 6px;min-height:26px;font-size:12px;line-height:18px}
[data-aelia-app=identity] .account-workspace .employee-table td{padding-top:5px!important;padding-bottom:5px!important}
[data-aelia-app=identity] .account-workspace .employee-table .cell-value,[data-aelia-app=identity] .account-workspace .employee-table .application-tag{padding:0 5px!important;min-height:20px}
[data-aelia-app=identity] .role-table .role-cell{align-items:center;line-height:18px}
[data-aelia-app=identity] .role-table td button{padding:2px 6px!important}
}

/* Repeated cards become compact rows, keeping each item's actions. */
[data-aelia-app=youying] .cards{display:flex;flex-direction:column;gap:0;border:1px solid var(--a-line);border-radius:8px;overflow:hidden}
[data-aelia-app=youying] .cards>.template-card{display:grid;grid-template-columns:80px minmax(140px,.8fr) minmax(180px,1.5fr) minmax(150px,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:0;border-bottom:1px solid var(--a-line);border-radius:0;box-shadow:none}
[data-aelia-app=youying] .template-card h2{font-size:13px;margin:0}[data-aelia-app=youying] .template-card p{font-size:12px;line-height:18px;margin:0}[data-aelia-app=youying] .template-card button{font-size:12px;padding:4px 8px}
[data-aelia-app] .metrics,[data-aelia-app] .split-cards,[data-aelia-app] .account-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:0;margin:10px 0;border:1px solid var(--a-line);border-radius:8px;overflow:hidden}
[data-aelia-app] .metrics>article,[data-aelia-app] .metrics>.metric,[data-aelia-app] .metrics>div,[data-aelia-app] .split-cards>.mini-card,[data-aelia-app] .account-stats>section{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px;margin:0;min-height:34px;border:0;border-bottom:1px solid var(--a-line);border-radius:0;box-shadow:none}
[data-aelia-app] .metrics strong,[data-aelia-app] .split-cards strong,[data-aelia-app] .account-stats strong{margin:0;font-size:17px;line-height:22px}
[data-aelia-app] .metrics .metric-label{flex:1;justify-content:flex-start;gap:8px}[data-aelia-app] .metrics small,[data-aelia-app] .split-cards small{margin:0;font-size:12px}
[data-aelia-app=boss] .document-grid{display:flex;flex-direction:column;gap:8px}
@media(max-width:850px){[data-aelia-app=youying] .cards>.template-card{grid-template-columns:70px minmax(120px,1fr) auto}[data-aelia-app=youying] .template-card p{grid-column:2/-1}}

/* Summary values share a horizontal strip; only wrap when available width requires it. */
[data-aelia-app] .metrics>article,[data-aelia-app] .metrics>.metric,[data-aelia-app] .metrics>div,[data-aelia-app] .split-cards>.mini-card,[data-aelia-app] .account-stats>section{min-width:0;flex-wrap:wrap;align-content:center;column-gap:8px;row-gap:3px;padding:8px 12px;border-right:1px solid var(--a-line)}
[data-aelia-app=admin] .metrics article{flex-wrap:nowrap}
[data-aelia-app=admin] .metrics article>.icon{width:30px;height:30px;flex:0 0 30px;border-radius:8px;font-size:14px}
[data-aelia-app=admin] .metrics article>div:last-child{min-width:0;column-gap:5px;align-items:center}
[data-aelia-app=admin] .metrics em{margin:0;font-size:10px;white-space:normal}
[data-aelia-app=boss] .metrics>.metric small{flex:1 1 auto}
[data-aelia-app=boss] .metrics>.metric em{flex-basis:100%;font-size:11px;line-height:16px;margin:0}