/* Generated classic runtime CSS bundle. Source files stay under runtime/legacy/styles. */
/* Generated at 2026-07-27T20:36:46.735Z; stylesheets: 744. */

/* >>> runtime/legacy/styles/blocks/shared/controls/compatibility-foundation/001-base-slice-01-controls-01-slice-01-part-01-seg-01-root-fine-01.css */

/* Legacy ordered base slice 01 part 01; split from 001-base-slice-01-root.css. Keep import order stable. */
/* style block 1; original index.html line 15 */
:root{--brand:#4b5563;--brand-dark:#111827;--brand-soft:rgba(107,114,128,.13);--bg:#f4f6fb;--bg-subtle:#fafbfc;--chip:#f1f3f9;--panel:#fff;--text:#1f2937;--soft:#6b7280;--line:#e5e7eb;--ok:#16a34a;--warn:#d97706;--danger:#dc2626;--radius:12px;--shadow:0 1px 3px rgba(16,24,40,.08),0 8px 24px rgba(16,24,40,.06)}
html[data-theme=dark]{--brand:#f5f5f5;--brand-dark:#d4d4d4;--brand-soft:rgba(255,255,255,.12);--bg:#111111;--bg-subtle:#111111;--chip:#1e1e1e;--panel:#111111;--text:#e8e8e8;--soft:#888888;--line:#333333;--ok:#4ade80;--warn:#fbbf24;--danger:#f87171;--shadow:0 2px 8px rgba(0,0,0,.6)}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--mc-font-sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif);font-size:var(--mc-font-size-body,1rem);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}
button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;background:transparent;color:var(--text)}
.hidden{display:none!important}
.auth{min-height:100vh;display:flex}
.auth-brand{flex:1;background:linear-gradient(150deg,#111827,#4b5563 55%,#9ca3af);color:#fff;padding:56px 60px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.auth-brand::after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:rgba(255,255,255,.08);right:-160px;bottom:-160px}
.auth-brand .logo{display:flex;align-items:center;gap:12px;font-size:1.3rem;font-weight:700;z-index:1}
.auth-brand .logo .mark{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.18);display:grid;place-items:center;border:1px solid rgba(255,255,255,.25)}
.auth-brand h1{font-size:2rem;line-height:1.25;margin-bottom:14px;z-index:1;max-width:440px}
.auth-brand p{opacity:.85;z-index:1;max-width:440px}
.auth-points{z-index:1;display:flex;flex-direction:column;gap:10px;opacity:.92;font-size:.92rem}
.auth-points .dot{width:7px;height:7px;border-radius:50%;background:#bfdbfe;display:inline-block;margin-right:8px}
.auth-panel{width:min(46%,560px);background:var(--panel);display:flex;align-items:center;justify-content:center;padding:40px 28px;position:relative}
.auth-card{width:100%;max-width:400px}
.auth-card h2{font-size:1.5rem;margin-bottom:6px}.auth-card .sub{color:var(--soft);margin-bottom:22px}
.auth-lang{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-bottom:14px;color:var(--soft);font-size:var(--mc-type-secondary-body,.76rem)}.auth-lang button{border:var(--mc-border-line);background:var(--bg-subtle);color:var(--text);border-radius:8px;padding:5px 9px;cursor:pointer;font-size:.76rem}.auth-lang button.active{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.tabs{display:flex;background:transparent;border-radius:0;padding:0;margin-bottom:16px;flex-wrap:wrap;border:0;gap:4px}
.tabs button{flex:1;border:0;background:transparent;padding:9px 6px;border-radius:7px;color:var(--soft);font-weight:500;font-size:.85rem;cursor:pointer}
.field{margin-bottom:14px}.field label{display:block;font-size:.83rem;color:var(--soft);margin-bottom:6px;font-weight:500}.field .req{color:var(--danger)}
.input,.field input,.field select,.field textarea{width:100%;min-height:36px;padding:0 10px;border:1px solid rgba(244,244,241,.14);border-radius:6px;background:transparent;box-shadow:none;font-size:.92rem}
.field textarea{min-height:74px;height:auto;padding:8px 9px;line-height:1.35;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus,.input:focus{outline:none;border-color:rgba(244,244,241,.18);box-shadow:none}
.code-row{display:flex;gap:10px}.code-row input{flex:1}
.demo-tip{background:var(--brand-soft);border:1px dashed var(--brand);color:var(--brand);border-radius:9px;padding:10px 12px;font-size:.8rem;margin-bottom:18px;line-height:1.6}
.err{color:var(--danger);font-size:var(--mc-type-secondary-body,.76rem);margin-bottom:10px;min-height:18px}
.divider{display:flex;align-items:center;gap:12px;color:var(--soft);font-size:.8rem;margin:18px 0}
.divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--line)}
.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--panel);border:var(--mc-border-line);padding:11px;border-radius:9px;font-weight:500;color:var(--text)}
.btn-google svg{width:18px;height:18px}
.btn{border:0;background:var(--chip);border-radius:8px;padding:9px 16px;font-size:.9rem;font-weight:600;color:var(--text);transition:.15s;display:inline-flex;align-items:center;gap:6px}
.btn:hover{background:var(--brand-soft);color:var(--brand)}
.btn.primary{background:var(--brand);color:#fff;border:0}.btn.primary:hover{background:var(--brand-dark);color:#fff}
.btn.danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--chip));border:0}.btn.danger:hover{background:var(--danger);color:#fff}
.btn.block{width:100%;justify-content:center;padding:12px}.btn.sm{padding:6px 11px;font-size:var(--mc-type-body-control,.82rem);font-weight:500}
.app{min-height:100vh;display:flex;flex-direction:column}
.topbar{height:58px;background:var(--panel);border-bottom:0;display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;z-index:40}
.topbar .left{display:flex;align-items:center;gap:12px;font-weight:700;color:var(--brand)}
.topbar .left .mark{width:28px;height:28px;border-radius:8px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:.85rem}
.topbar .left small{color:var(--soft);font-weight:500;font-size:.76rem;border-left:1px solid var(--line);padding-left:12px}
.topbar .right{display:flex;align-items:center;gap:10px}
.icon-btn{position:relative;border:0;background:transparent;color:var(--soft);width:36px;height:36px;border-radius:9px;display:grid;place-items:center;font-size:1rem}
.icon-btn:hover{background:var(--brand-soft);color:var(--brand)}
.icon-btn .badge{position:absolute;top:-5px;right:-5px;background:var(--danger);color:#fff;font-size:.6rem;font-weight:700;min-width:16px;height:16px;border-radius:9px;display:grid;place-items:center;padding:0 4px}
.uchip{display:flex;align-items:center;gap:9px;padding-left:4px}
.avatar{width:34px;height:34px;border-radius:10px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:600;font-size:.85rem;overflow:hidden}
.avatar img{width:100%;height:100%;object-fit:cover}
.uchip .name{font-size:.86rem;font-weight:600}.uchip .role{font-size:var(--mc-type-caption-meta,.68rem);color:var(--soft)}
.layout{flex:1;display:flex}
.side{width:228px;background:var(--bg-subtle);border-right:0;padding:12px;flex-shrink:0;overflow-y:auto}
.side .grp{font-size:var(--mc-type-caption-meta,.68rem);color:var(--soft);text-transform:uppercase;letter-spacing:.6px;padding:10px 12px 4px}
.side .grp-sep{height:0;margin:8px 0 0}
.side .grp.grp-admin{color:var(--warn);font-size:var(--mc-type-caption-meta,.68rem);letter-spacing:.8px;display:flex;align-items:center;gap:5px}
.side .grp.grp-admin::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--warn);opacity:.8}
.nav{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;color:var(--text);font-size:.88rem;cursor:pointer;margin-bottom:1px}.nav .ic{width:18px;text-align:center}
.main{flex:1;padding:22px;overflow:auto;max-width:100%}
.page-head{margin-bottom:10px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.page-head h1{font-size:1.35rem;margin-bottom:3px}.page-head p{color:var(--soft);font-size:.88rem}
.head-actions{display:flex;gap:8px;flex-wrap:wrap}
.panel{background:var(--panel);border:0;border-radius:var(--radius);padding:20px;margin-bottom:16px}
.panel h3{font-size:1.02rem;margin-bottom:4px}.panel .desc{color:var(--soft);font-size:.84rem;margin-bottom:14px}
.grid{display:grid;gap:14px}.cards{grid-template-columns:repeat(auto-fit,minmax(168px,1fr))}
.stat{background:var(--panel);border:0;border-radius:var(--radius);padding:16px 18px;position:relative}
.stat .label{color:var(--soft);font-size:.8rem;margin-bottom:6px}.stat .value{font-size:1.6rem;font-weight:700}.stat .value small{font-size:.8rem;font-weight:500;color:var(--soft)}
.stat .corner{position:absolute;top:12px;right:14px;font-size:1.2rem;opacity:.5}
.tag{display:inline-block;padding:2px 9px;border-radius:20px;font-size:.73rem;font-weight:600;white-space:nowrap}
.tag.ok{background:rgba(22,163,74,.15);color:var(--ok)}.tag.warn{background:rgba(217,119,6,.16);color:var(--warn)}.tag.danger{background:rgba(220,38,38,.14);color:var(--danger)}.tag.info{background:rgba(107,114,128,.14);color:var(--brand)}

/* <<< runtime/legacy/styles/blocks/shared/controls/compatibility-foundation/001-base-slice-01-controls-01-slice-01-part-01-seg-01-root-fine-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-01-shared-cross-surface-02-slice-01-part-01-seg-01-root-fine-02.css */

.tag.gray{background:var(--chip);color:var(--soft)}
.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.86rem}
.pager{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px;color:var(--soft);font-size:var(--mc-type-secondary-body,.76rem)}
.pager-info{white-space:nowrap}.pager-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.pager-controls select{border:var(--mc-border-line);background:color-mix(in srgb,var(--panel) 72%,transparent);color:var(--text);border-radius:9px;padding:6px 30px 6px 10px;font-size:.78rem}
.pager .btn[disabled]{opacity:.42;pointer-events:none}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){.pager{align-items:flex-start}.pager-controls{width:100%;justify-content:space-between}.pager-controls select{flex:1;min-width:120px}}
thead th{text-align:left;color:var(--soft);font-weight:600;font-size:var(--mc-type-emphasized-body,.82rem);padding:10px 12px;border-bottom:1px solid var(--line);background:var(--bg-subtle);white-space:nowrap}
tbody td{padding:11px 12px;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:middle}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.toolbar .spacer{flex:1}
.toolbar input,.toolbar select{padding:8px 10px;border:0;border-radius:8px;font-size:.85rem;background:var(--chip)}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:80;padding:16px}
.overlay:has(.org-pick-modal),
.overlay:has(.org-simple-pick),
.overlay.org-pick-overlay{background:transparent!important;align-items:flex-start;justify-content:center;pointer-events:auto!important}
.overlay:has(.org-pick-modal) .modal,
.overlay:has(.org-simple-pick) .modal,
.overlay.org-pick-overlay .modal{pointer-events:auto}
.modal{background:var(--panel);border-radius:12px;box-shadow:0 8px 40px rgba(0,0,0,.12);width:100%;max-width:var(--mc-overlay-modal-max-inline-size,620px);max-height:88vh;overflow:auto}
.modal.lg{max-width:var(--mc-overlay-modal-wide-max-inline-size,940px)}
.modal .m-head{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0}
.modal .m-head h3{font-size:1.05rem}.modal .m-body{padding:20px}
.x{border:0;background:transparent;font-size:1.3rem;color:var(--soft);cursor:pointer;line-height:1}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.muted{color:var(--soft)}.empty{text-align:center;color:var(--soft);padding:40px 0}
.info-list .r{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:.88rem;gap:12px}
.info-list .r:last-child{border-bottom:0}.info-list .k{color:var(--soft);flex-shrink:0}.info-list .v{font-weight:500;text-align:right;word-break:break-word}
.checkbox{display:flex;align-items:center;gap:6px;color:var(--text);font-size:.85rem}.chips{display:flex;flex-wrap:wrap;gap:8px}
.select-summary{margin-top:8px;border:var(--mc-border-line);background:var(--bg-subtle);border-radius:8px;padding:8px 10px;font-size:.8rem;color:var(--text)}
.select-summary .sum-row{display:flex;gap:8px;align-items:flex-start;margin-top:6px}.select-summary .sum-row:first-child{margin-top:0}
.select-summary .sum-k{width:52px;flex-shrink:0;color:var(--soft)}.select-summary .sum-v{flex:1;display:flex;gap:6px;flex-wrap:wrap}
.select-summary .sum-person{display:inline-flex;align-items:center;gap:6px;border:var(--mc-border-line);background:var(--panel);border-radius:8px;padding:5px 7px}
.role-page{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;align-items:start}.role-side{position:sticky;top:74px}.role-side-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}.role-list-item{width:100%;border:0;background:var(--bg-subtle);border-radius:10px;padding:12px;margin-top:8px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--text);text-align:left}.role-list-item b{display:block;font-size:.92rem}.role-list-item small{display:block;color:var(--soft);font-size:.72rem;margin-top:2px}.role-list-item i{font-style:normal;font-size:.68rem;color:var(--soft);background:var(--chip);border-radius:999px;padding:3px 7px}.role-list-item.active{background:var(--brand-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 28%,transparent)}.role-main{min-width:0}.role-staff-panel .chips,.role-all-panel .chips{margin-top:10px}
@media(max-width:820px){.role-page{grid-template-columns:1fr}.role-side{position:static}}
.feed .fi{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.85rem}.feed .fi:last-child{border-bottom:0}.feed .ft{color:var(--soft);font-size:var(--mc-type-caption-meta,.68rem);white-space:nowrap}
.org-layout{display:grid;grid-template-columns:260px 1fr;gap:14px}
.tree-row{display:flex;align-items:center;gap:6px;padding:7px 8px;border-radius:8px;cursor:pointer;font-size:.86rem}
.tree-row:hover{background:var(--bg)}.tree-row.active{background:var(--brand-soft);color:var(--brand);font-weight:600}
.tree-row .tw{width:16px;text-align:center;color:var(--soft)}.tree-children{margin-left:14px;border-left:1px dashed var(--line);padding-left:4px}
.org-chart{overflow:auto;padding:18px;min-height:420px}
.tree-h{display:flex;flex-direction:row;align-items:center;position:relative}
.tree-h .box{background:var(--panel);border:var(--mc-border-line);border-radius:10px;padding:8px 14px;font-size:var(--mc-type-body-control,.82rem);font-weight:600;text-align:center;box-shadow:var(--shadow);min-width:120px;max-width:180px;cursor:pointer;position:relative;z-index:1}
.tree-h .box small{display:block;color:var(--soft);font-weight:400;font-size:.72rem}
.tree-h .kids{display:flex;flex-direction:column;gap:14px;margin-left:28px;padding-left:22px;position:relative;border-left:1px solid var(--line);border-top:0!important}
.tree-h .kids::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:color-mix(in srgb,var(--brand) 35%,var(--line));border-radius:999px}
.tree-h .kid{display:flex;align-items:center;position:relative}
.tree-h .kid::before{content:"";position:absolute;left:-22px;top:50%;width:22px;height:2px;border-top:2px solid color-mix(in srgb,var(--brand) 35%,var(--line));border-radius:0 9px 9px 0;transform:translateY(-50%)}
.tree-h .kid:only-child::before{display:none!important;content:none!important;width:0!important;height:0!important;left:auto!important}
.dept-pick-map{min-height:280px;padding:14px}.dept-pick-map .box{display:block}.dept-pick-map input{margin-right:6px}.dept-pick-map .box.active{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}
.punch-wrap{display:grid;grid-template-columns:1fr;gap:16px}
.clock-time{font-size:2.6rem;font-weight:700;font-variant-numeric:tabular-nums;text-align:center}
.clock-date{text-align:center;color:var(--soft);margin-bottom:6px}
.punch-circle{width:150px;height:150px;border-radius:50%;margin:14px auto;border:0;background:linear-gradient(145deg,var(--brand-dark),var(--brand));color:#fff;font-size:1.1rem;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 12px 30px rgba(17,24,39,.28)}
.punch-circle.done{background:linear-gradient(145deg,#16a34a,#22c55e)}.punch-circle span{font-size:var(--mc-type-caption-meta,.68rem);opacity:.85;font-weight:400;padding:0 12px}
.sig-pad{border:var(--mc-border-line);border-radius:9px;background:rgba(15,23,42,.72);touch-action:none;width:100%;max-width:360px;height:150px;display:block}
.perm-grp{border:0;border-radius:10px;margin-bottom:12px;overflow:hidden;background:var(--bg-subtle)}
.perm-grp .ph{background:var(--bg-subtle);padding:10px 14px;font-weight:600;font-size:.9rem;display:flex;justify-content:space-between;align-items:center}
.perm-grp .pb{padding:10px 14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.canvas{min-height:120px;background:var(--bg-subtle);border:1px dashed var(--line);border-radius:10px;padding:12px}
.canvas .fld{background:var(--bg-subtle);border:0;border-radius:9px;padding:10px 12px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}
#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--text);color:var(--panel);padding:11px 18px;border-radius:10px;font-size:.88rem;box-shadow:var(--shadow);opacity:0;transition:.25s;z-index:200;pointer-events:none}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-01-shared-cross-surface-02-slice-01-part-01-seg-01-root-fine-02.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-foundation/001-base-slice-01-topbar-03-slice-01-part-01-seg-01-root-fine-03.css */

.mc-save-feedback{
 position:fixed;
 inset:0;
 z-index:2147482600;
 display:grid;
 place-items:center;
 opacity:0;
 pointer-events:none;
 transition:opacity .18s ease;
 background:rgba(0,0,0,.18);
 -webkit-backdrop-filter:blur(14px) saturate(1.12);
 backdrop-filter:blur(14px) saturate(1.12);
}
.mc-save-feedback.show{
 opacity:1;
 pointer-events:auto;
}
.mc-save-feedback-card{
 min-width:148px;
 padding:20px 24px;
 border-radius:18px;
 display:grid;
 place-items:center;
 gap:12px;
 color:#f4f4f1;
 background:linear-gradient(180deg,rgba(18,19,18,.56),rgba(4,5,5,.72));
 border:.5px solid rgba(255,255,255,.16);
 box-shadow:0 24px 82px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.12);
 -webkit-backdrop-filter:blur(26px) saturate(1.2);
 backdrop-filter:blur(26px) saturate(1.2);
}
.mc-save-feedback-spinner{
 width:34px;
 height:34px;
 border-radius:999px;
 border:2px solid rgba(244,244,241,.18);
 border-top-color:#7ef0a4;
 border-right-color:#49d8e2;
 animation:spin .72s linear infinite;
}
.mc-save-feedback-card b{
 font-size:.92rem;
 line-height:1;
 font-weight:760;
 letter-spacing:0;
}
@media(max-width:1000px){.org-layout{grid-template-columns:1fr}.row2,.row3{grid-template-columns:1fr}}
@media(max-width:860px){.auth-brand{display:none}.auth-panel{width:100%}}
@media(min-width:1200px) and (orientation:landscape){.org-chart{min-height:520px}.tree-h{flex-direction:column;align-items:center}.tree-h .kids{flex-direction:row;align-items:flex-start;gap:22px;margin-left:0;margin-top:24px;padding-left:0;padding-top:18px;border-left:0;border-top:0!important}.tree-h .kids::before{display:none!important;content:none!important}.tree-h .kid{flex-direction:column;align-items:center}.tree-h .kid::before{display:none!important;content:none!important}.tree-h .kid:only-child::before{display:none!important;content:none!important;width:0!important;height:0!important}}
@media print{.no-print,.topbar,.side,.head-actions{display:none!important}.main{padding:0}.panel{box-shadow:none;border:1px solid #ccc}@page{size:A4;margin:14mm}}
.print-header{display:none}@media print{.print-header{display:block;margin-bottom:14px;border-bottom:2px solid #333;padding-bottom:8px}}
.flow-tree{display:flex;flex-direction:column}
.flow-node{display:flex;gap:12px;position:relative;padding-bottom:16px}
.flow-node:last-child{padding-bottom:0}
.flow-node::before{content:"";position:absolute;left:16px;top:30px;bottom:-4px;width:2px;background:var(--line)}
.flow-node:last-child::before{display:none}
.flow-dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:var(--mc-type-emphasized-body,.82rem);font-weight:700;flex-shrink:0;z-index:1;border:2px solid var(--line);background:var(--panel);color:var(--soft)}
.flow-dot.ok{background:var(--ok);color:#fff;border-color:var(--ok)}
.flow-dot.danger{background:var(--danger);color:#fff;border-color:var(--danger)}
.flow-dot.cur{background:var(--warn);color:#fff;border-color:var(--warn)}
.flow-body{flex:1;background:var(--bg-subtle);border:var(--mc-border-line);border-radius:10px;padding:9px 12px;min-width:0}
.flow-body .ft{font-weight:600;font-size:.9rem;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.flow-body .fm{color:var(--soft);font-size:.8rem;margin-top:3px}

:root{
  --mono:var(--mc-font-mono,"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,"Liberation Mono",monospace);
  --brand:#4b5563;--brand-dark:#111827;--brand-soft:rgba(107,114,128,.13);--accent:#6b7280;--on-brand:#ffffff;
  --grad:linear-gradient(135deg,#111827 0%,#4b5563 45%,#d1d5db 100%);
  --grad-soft:linear-gradient(135deg,rgba(17,24,39,.08),rgba(107,114,128,.10));
  --bg:#eef2fb;--bg-subtle:#f5f8fd;--chip:#e8eef8;--panel:#ffffff;
  --text:#0f1c33;--soft:#566884;--line:#d6e0f0;
  --ok:#047857;--warn:#b45309;--danger:#dc2626;--radius:14px;
  --shadow:0 1px 2px rgba(15,30,60,.05),0 18px 46px -18px rgba(17,24,39,.24);
}
html[data-theme=dark]{
  --brand:#f5f5f5;--brand-dark:#d4d4d4;--brand-soft:rgba(255,255,255,.12);--accent:#a3a3a3;--on-brand:#0a0a0a;
  --grad:linear-gradient(135deg,#f5f5f5,#a3a3a3);
  --grad-soft:rgba(255,255,255,.1);
  --bg:#111111;--bg-subtle:#111111;--chip:#1e1e1e;--panel:#111111;
  --text:#e8e8e8;--soft:#888888;--line:#333333;
  --ok:#4ade80;--warn:#fbbf24;--danger:#f87171;
  --shadow:0 2px 8px rgba(0,0,0,.6);
}
::selection{background:color-mix(in srgb,var(--brand) 35%,transparent)}
body{background:var(--bg);letter-spacing:.1px;}
html[data-theme=dark] body::before{display:none}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--brand) 40%,transparent);border-radius:8px;border:2px solid transparent;-webkit-background-clip:content-box;background-clip:content-box}
*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--brand) 65%,transparent);-webkit-background-clip:content-box;background-clip:content-box}
*::-webkit-scrollbar-track{background:transparent}
h1,h2,h3,h4{letter-spacing:0}

.topbar{background:var(--bg);border-bottom:0;box-shadow:none}
.topbar .left{color:var(--brand)}
.topbar .left .mark{background:var(--brand);color:var(--on-brand);border:0;box-shadow:0 0 18px -4px var(--brand)}
.topbar .left small{color:var(--soft);text-transform:uppercase;letter-spacing:1px;font-size:.66rem;font-family:var(--mono)}
.avatar{background:var(--brand);color:var(--on-brand);box-shadow:0 0 16px -5px var(--brand)}
.uchip .role{font-family:var(--mono);font-size:var(--mc-type-caption-meta,.68rem);text-transform:uppercase;letter-spacing:.5px}
.icon-btn{background:transparent;border:0;border-radius:9px;transition:.15s}
.icon-btn:hover{background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand)}
.badge{background:var(--accent);box-shadow:0 0 10px var(--accent);font-family:var(--mono)}

.side{background:var(--bg-subtle);border-right:0}
.grp{color:var(--brand);opacity:.75;text-transform:uppercase;letter-spacing:1.6px;font-size:.64rem;font-family:var(--mono)}
.nav{position:relative;border-radius:8px;transition:.14s}

.btn{background:var(--chip);border:0;color:var(--text);border-radius:8px;transition:.15s}
.btn:hover{border-color:var(--brand);color:var(--brand);box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 50%,transparent),0 0 18px -5px var(--brand)}
.btn.primary{background:var(--brand);color:var(--on-brand);border-color:var(--brand);font-weight:700;box-shadow:0 0 22px -7px var(--brand)}
.btn.primary:hover{filter:brightness(1.08);color:var(--on-brand);box-shadow:0 0 28px -5px var(--brand)}

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-foundation/001-base-slice-01-topbar-03-slice-01-part-01-seg-01-root-fine-03.css */


/* >>> runtime/legacy/styles/blocks/shared/controls/compatibility-foundation/001-base-slice-01-controls-04-slice-01-part-01-seg-01-root-fine-04.css */

.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}
.btn.danger:hover{background:var(--danger);color:#0a0a0a;box-shadow:0 0 18px -5px var(--danger)}
.x:hover{color:var(--brand)}

.input,.field input,.field select,.field textarea,.toolbar input,.toolbar select{background:transparent;border:1px solid rgba(244,244,241,.14);color:var(--text);border-radius:6px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.input:focus,.field input:focus,.field select:focus,.field textarea:focus,.toolbar input:focus,.toolbar select:focus{outline:none;border-color:rgba(255,255,255,.28);box-shadow:none}

.panel{position:relative;background:var(--panel)}
.panel::before{display:none}
.panel::after{display:none}

.stat{position:relative;overflow:hidden;background:var(--panel);border:0;transition:.18s}
.stat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brand);box-shadow:0 0 14px var(--brand)}
.stat:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brand) 35%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 30%,transparent),0 18px 44px -20px var(--brand)}
.stat .label{text-transform:uppercase;letter-spacing:1.2px;font-size:.68rem;font-family:var(--mono)}
.stat .value{font-family:var(--mono);color:var(--brand);letter-spacing:0;text-shadow:0 0 22px color-mix(in srgb,var(--brand) 55%,transparent)}
.stat .value small{font-family:inherit;color:var(--soft);text-shadow:none}
.stat .trend{font-family:var(--mono);font-size:.72rem}

.tag{border:0;border-radius:6px;font-weight:600;letter-spacing:.2px;font-size:var(--mc-type-caption-meta,.68rem)}
.tag.ok{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,transparent)}
.tag.warn{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,transparent)}
.tag.danger{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent)}
.tag.info{background:var(--brand-soft);color:var(--brand);border-color:color-mix(in srgb,var(--brand) 45%,transparent)}
.tag.gray{background:color-mix(in srgb,var(--soft) 14%,transparent);color:var(--soft);border-color:color-mix(in srgb,var(--soft) 35%,transparent)}

thead th{background:transparent;color:var(--brand);text-transform:uppercase;letter-spacing:1px;font-size:var(--mc-type-caption-meta,.68rem);font-family:var(--mono);border-bottom:1px solid color-mix(in srgb,var(--brand) 32%,var(--line))}
tbody td{border-bottom:1px solid var(--line)}

.page-head h1{position:relative;padding-left:14px}
.page-head h1::before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:4px;border-radius:2px;background:var(--brand);box-shadow:0 0 12px var(--brand)}
.page-head p{color:var(--soft)}

.overlay{background:rgba(2,4,9,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.modal{background:color-mix(in srgb,var(--panel) 96%,transparent);border:1px solid color-mix(in srgb,var(--brand) 30%,var(--line));border-radius:14px;box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 14%,transparent),0 44px 110px -34px #000,0 0 70px -24px var(--brand)}
.m-head,.m-foot{border-color:var(--line)}

.flow-dot{background:var(--panel);border:2px solid var(--line);color:var(--soft);font-family:var(--mono);box-shadow:0 0 0 4px color-mix(in srgb,var(--bg) 80%,transparent)}
.flow-dot.ok{background:var(--brand);color:var(--on-brand);border-color:transparent;box-shadow:0 0 16px -3px var(--brand)}
.flow-dot.cur{background:var(--warn);color:#0a0a0a;border-color:transparent;box-shadow:0 0 16px -3px var(--warn)}
.flow-dot.danger{background:var(--danger);color:#0a0a0a;border-color:transparent;box-shadow:0 0 16px -3px var(--danger)}
.flow-node::before{background:color-mix(in srgb,var(--brand) 30%,var(--line))}
.flow-body{background:var(--bg-subtle);border:0}
.tree-row{border-radius:8px}
.tree-row.active{background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 30%,transparent)}
.tree-children{border-left:1px dashed color-mix(in srgb,var(--brand) 30%,var(--line))}
.tree-h .box{background:var(--bg-subtle);border:0;border-radius:9px;transition:.15s}
.tree-h .box:hover{border-color:var(--brand);position:relative;z-index:var(--mc-model-lift-z,80);box-shadow:0 0 20px -6px var(--brand);transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))}
.tree-h .kids::before,.tree-h .kid::before{background:color-mix(in srgb,var(--brand) 35%,var(--line))}

.clock-time{font-family:var(--mono);color:var(--brand);text-shadow:0 0 26px color-mix(in srgb,var(--brand) 60%,transparent)}
.clock-date{font-family:var(--mono);letter-spacing:.5px}
.punch-circle{background:radial-gradient(circle at 32% 26%,#67e8f9,var(--brand-dark) 72%);color:#04121a;font-weight:700;box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 45%,transparent),0 0 60px -10px var(--brand),inset 0 0 28px -8px #fff}
.punch-circle.done{background:radial-gradient(circle at 32% 26%,#6ee7b7,#0e7490 75%)}

.perm-grp{border-color:var(--line)}
.perm-grp .ph{background:color-mix(in srgb,var(--brand) 8%,transparent);color:var(--text)}
.canvas{background:color-mix(in srgb,var(--bg-subtle) 70%,transparent);border:1px dashed color-mix(in srgb,var(--brand) 30%,var(--line))}

.auth-panel{background:color-mix(in srgb,var(--bg) 82%,transparent)}
.auth-brand{background:linear-gradient(150deg,#04121a,#03101a 45%,#0a0820 100%);overflow:hidden}
.auth-brand::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(34,211,238,.10) 1px,transparent 1px) 0 0/38px 38px,linear-gradient(90deg,rgba(34,211,238,.10) 1px,transparent 1px) 0 0/38px 38px;-webkit-mask-image:radial-gradient(circle at 32% 36%,#000,transparent 78%);mask-image:radial-gradient(circle at 32% 36%,#000,transparent 78%)}
.auth-brand::after{background:radial-gradient(circle,rgba(34,211,238,.28),transparent 70%)}
.auth-brand .logo,.auth-brand h1,.auth-brand p,.auth-points{position:relative;z-index:1}
.auth-brand .logo .mark{background:rgba(34,211,238,.16);border:1px solid rgba(34,211,238,.45);box-shadow:0 0 26px -6px #22d3ee}
.auth-points .dot{background:#22d3ee;box-shadow:0 0 8px #22d3ee}
.auth-card h2{letter-spacing:0}
.demo-tip{background:color-mix(in srgb,var(--brand) 9%,transparent);border:1px dashed color-mix(in srgb,var(--brand) 45%,transparent);color:var(--brand);border-radius:8px;font-family:var(--mono);font-size:var(--mc-type-secondary-body,.76rem)}
.tabs{background:transparent;border:0;border-radius:0;gap:4px}
.btn-google{background:#fff;color:#1f2937;border:var(--mc-border-line);border-radius:9px}
.btn-google:hover{box-shadow:0 0 18px -6px var(--brand);border-color:var(--brand)}
.divider::before,.divider::after{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--brand) 40%,var(--line)),transparent)}

#toast{background:var(--brand);color:var(--on-brand);font-family:var(--mono);border-radius:8px;box-shadow:0 0 34px -6px var(--brand)}

.empty{font-family:var(--mono);letter-spacing:.5px}

.mind-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start}
@media(max-width:1000px){.mind-layout{grid-template-columns:1fr}}
.dept-stats{display:grid;gap:10px;margin-top:12px}
.dept-ops{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.mind-panel{padding:0;overflow:hidden}
.mind-toolbar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line)}
.mind-scroll{overflow:auto;max-height:72vh;padding:24px}
.mind-canvas{transform-origin:top left;transition:transform .15s;display:inline-block;min-width:100%}
.mind-node{cursor:pointer;text-align:left!important;min-width:150px;max-width:220px}
.mind-node.active{border-color:var(--brand)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 45%,transparent),0 0 22px -6px var(--brand)!important}

/* <<< runtime/legacy/styles/blocks/shared/controls/compatibility-foundation/001-base-slice-01-controls-04-slice-01-part-01-seg-01-root-fine-04.css */


/* >>> runtime/legacy/styles/blocks/foundations/root/compatibility-effects/001-base-slice-01-foundation-root-05-slice-01-part-01-seg-01-root-fine-05.css */

.box.root{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important;text-align:left!important}
.box.root.active{box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 50%,transparent)!important}
.mind-ic{margin-right:6px}
.mind-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mind-name{font-weight:600}
.mind-add{border:none;background:var(--brand-soft);color:var(--brand);width:20px;height:20px;border-radius:6px;cursor:pointer;font-size:13px;line-height:1;flex:none;padding:0}
.mind-add:hover{background:var(--brand);color:#fff}
.mind-side{min-width:0}

.punch-map{margin:10px 0;border:var(--mc-border-line);border-radius:10px;overflow:hidden}

/* <<< runtime/legacy/styles/blocks/foundations/root/compatibility-effects/001-base-slice-01-foundation-root-05-slice-01-part-01-seg-01-root-fine-05.css */


/* >>> runtime/legacy/styles/blocks/attendance/rules/compatibility-foundation/001-base-slice-01-attendance-06-slice-01-part-01-seg-02-root-micro-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-01-part-01-root.css. Keep import order stable. */
.punch-map iframe{width:100%;height:200px;border:0;display:block}
.punch-map a{display:block;text-align:center;font-size:.8rem;padding:7px;color:var(--brand);text-decoration:none}
.punch-map a:hover{background:var(--bg)}
.geo-map{height:440px;min-height:320px;border:var(--mc-border-line);border-radius:12px;overflow:hidden;background:var(--bg-subtle);position:relative}
.geo-map .empty{height:100%;display:grid;place-items:center;padding:20px;text-align:center}
.geo-search{display:flex;gap:8px;align-items:center;margin:12px 0}
.geo-search input{flex:1;min-width:0}
.geo-pick-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){.geo-search{flex-direction:column;align-items:stretch}.geo-pick-summary{grid-template-columns:1fr}.geo-map{height:360px}}
.geo-stat{border:var(--mc-border-line);border-radius:12px;padding:10px 12px;background:var(--bg-subtle)}
.geo-stat .k{font-size:.72rem;color:var(--soft);margin-bottom:4px}.geo-stat .v{font-family:var(--mono);font-weight:700;word-break:break-word}
.geo-preview{margin-top:12px;border:var(--mc-border-line);border-radius:12px;overflow:hidden;max-width:760px}
.geo-preview iframe{width:100%;height:230px;border:0;display:block}
.geo-preview a{display:block;text-align:center;font-size:.8rem;padding:7px;color:var(--brand);text-decoration:none}
.pac-container{z-index:100000!important}
.radius-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0 12px}
.radius-tools input[type=range]{width:min(360px,100%);accent-color:var(--brand)}
.office-form{display:grid;grid-template-columns:1fr;gap:12px;max-width:640px}
.office-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.office-note{font-size:.8rem;color:var(--soft);line-height:1.5}

.att-charts{display:grid;grid-template-columns:1.7fr 1fr;gap:14px;margin-top:6px}
@media(max-width:900px){.att-charts{grid-template-columns:1fr}}
.chart-box{position:relative;height:300px;min-width:0}
.rule-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}
@media(max-width:980px){.rule-grid{grid-template-columns:1fr}}
.rule-bind{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow:auto;border:0;border-radius:10px;padding:8px;background:var(--bg-subtle)}
.shift-pill{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:4px 10px;background:var(--bg-subtle);font-size:var(--mc-type-emphasized-body,.82rem)}
.att-rule-shell{max-width:1180px;display:grid;gap:16px}
.att-rule-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--bg-subtle);border-radius:12px;padding:12px 14px}
.att-rule-top .field{margin:0}
.att-rule-top input{max-width:120px;border:0;background:var(--panel);border-radius:8px}
.att-rule-section{background:transparent;border:0;padding:0}
.att-rule-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.att-rule-section-head h3{font-size:1rem;margin:0;color:var(--text)}
.att-rule-section-head p{margin:3px 0 0;color:var(--soft);font-size:.8rem}
.att-rule-table{background:transparent;border-radius:0;overflow:auto}
.att-rule-table table{background:transparent}
.att-rule-table thead th{border:0;background:transparent;color:var(--soft);font-size:var(--mc-type-caption-meta,.68rem);padding:10px 12px}
.att-rule-table tbody td{border:0;padding:11px 12px}
.att-rule-table tbody tr{background:transparent!important}
.att-rule-table .btn{background:transparent!important;padding:4px 6px!important}
.att-rule-table .btn.primary{background:transparent!important;color:var(--brand)!important}
.att-rule-table .btn.danger{background:transparent!important;color:var(--danger)!important}
.att-rule-muted{font-size:.8rem;color:var(--soft)}
.att-rule-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.att-rule-card{background:color-mix(in srgb,var(--panel) 58%,transparent);border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:14px;padding:12px 13px;min-width:0}
.att-rule-card span{display:block;color:var(--soft);font-size:var(--mc-type-caption-meta,.68rem);font-weight:750;letter-spacing:.02em}
.att-rule-card b{display:block;margin-top:4px;font-size:1.16rem;line-height:1.15;color:var(--text)}
.att-rule-card small{display:block;margin-top:3px;color:var(--soft);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.att-rule-layout{display:grid;grid-template-columns:minmax(700px,1fr) minmax(340px,390px);gap:16px;align-items:start}
.att-rule-stack{display:grid;gap:15px;min-width:0}
.att-rule-section.compact{background:transparent;border:0;border-radius:0;padding:0;min-width:0;max-width:100%;overflow:hidden;box-shadow:none;outline:0}
.att-rule-section.compact .att-rule-table{background:transparent;border-radius:0;overflow-x:auto}
.att-rule-section.compact .att-rule-table table{min-width:720px}
.att-time-cell{display:grid;gap:2px;line-height:1.18}
.att-time-cell b{font-size:.88rem}
.att-time-cell small,.att-subline{color:var(--soft);font-size:.72rem}
.att-rule-settings{display:grid;gap:11px}
.att-setting-panel{border:1px solid color-mix(in srgb,var(--line) 68%,transparent);border-radius:14px;padding:12px;background:color-mix(in srgb,var(--bg-subtle) 64%,transparent)}
.att-setting-panel h4{font-size:.9rem;margin:0 0 9px;color:var(--text)}
.att-setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.att-setting-grid .field{margin:0}
.att-setting-grid .field label{font-size:var(--mc-type-body-control,.82rem)}
.att-setting-grid .field input,.att-setting-grid .field select{height:34px;font-size:.8rem}
.att-setting-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:6px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 58%,transparent)}
.att-setting-row:last-child{border-bottom:0}
.att-setting-row span{color:var(--soft);font-size:var(--mc-type-caption-meta,.68rem)}
.att-setting-row b{font-size:.8rem;color:var(--text);font-weight:650}
.att-rule-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:11px}
.att-rule-chipline{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.att-rule-chipline .tag{font-size:var(--mc-type-caption-meta,.68rem);padding:3px 7px}
.sys-timezone-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sys-timezone-row select{max-width:220px}

/* <<< runtime/legacy/styles/blocks/attendance/rules/compatibility-foundation/001-base-slice-01-attendance-06-slice-01-part-01-seg-02-root-micro-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-01-shared-cross-surface-07-slice-01-part-01-seg-02-root-micro-02.css */

.sys-timezone-now{font-size:var(--mc-type-secondary-body,.76rem);color:var(--soft)}
.work-hero{display:grid;grid-template-columns:1.35fr .85fr;gap:14px;align-items:stretch;margin-bottom:14px}
.work-hero.work-top{grid-template-columns:var(--work-top-cols,minmax(0,1.18fr) minmax(260px,.72fr) minmax(0,.86fr));grid-auto-rows:minmax(0,1fr)}
.work-hero.work-top>.work-slot{min-width:0;display:flex}
.work-hero.work-top>.work-slot>.panel{width:100%;height:100%}
.work-punch{min-height:198px;display:flex;flex-direction:column;justify-content:space-between;background:var(--panel);border:var(--mc-border-line);box-shadow:var(--shadow);position:relative;overflow:hidden}
.work-punch::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 10%,transparent),transparent 52%,color-mix(in srgb,var(--accent) 7%,transparent));pointer-events:none}
.work-punch .big{font-size:2.2rem;font-weight:800;line-height:1.1;margin:6px 0 4px;letter-spacing:0}
.work-punch-hero{min-height:366px;border:0;border-radius:24px;padding:22px;position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 16% 18%,rgba(255,255,255,.34),transparent 26%),radial-gradient(circle at 86% 8%,rgba(255,255,255,.18),transparent 30%),linear-gradient(135deg,#111827 0%,#374151 45%,#9ca3af 100%);box-shadow:0 28px 70px -34px #111827;display:grid;grid-template-rows:auto 1fr auto;gap:18px}
.work-punch-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.18),transparent 38%,rgba(255,255,255,.1));pointer-events:none}
.work-punch-hero::after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-90px;bottom:-110px;background:rgba(255,255,255,.14);box-shadow:0 0 0 34px rgba(255,255,255,.05);pointer-events:none}
.work-punch-head,.work-punch-main,.work-punch-actions{position:relative;z-index:1}
.work-punch-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.work-punch-kicker{font-size:var(--mc-type-caption-meta,.68rem);letter-spacing:.12em;text-transform:uppercase;opacity:.72}.work-punch-title{font-size:1.72rem;font-weight:850;margin-top:4px;letter-spacing:0}.work-punch-date{font-size:var(--mc-type-caption-meta,.68rem);opacity:.74;margin-top:4px}
.work-punch-main{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center}.work-punch-hero .punch-orb{width:176px;height:176px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 22px 48px -24px rgba(0,0,0,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.work-punch-hero .punch-orb.checkedin{background:linear-gradient(145deg,#10b981,#14b8a6)}.work-punch-hero .punch-orb.unchecked{background:linear-gradient(145deg,#f97316,#ef4444)}.work-punch-hero .punch-orb.nonwork{background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.3)}
.work-punch-hero .att-info{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:14px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}.work-punch-hero .ai-row{border-color:rgba(255,255,255,.18)}.work-punch-hero .ai-label,.work-punch-hero .ai-val{color:#fff}.work-punch-hero .tag{background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.18)}
.work-punch-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.work-punch-actions .btn{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.24);color:#fff}.work-punch-actions .btn.primary{background:#fff;color:#111827;box-shadow:none}.work-punch-note{font-size:var(--mc-type-secondary-body,.76rem);opacity:.78;margin-left:auto}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){.work-punch-hero{min-height:0;padding:16px;border-radius:20px}.work-punch-title{font-size:1.25rem}.work-punch-main{grid-template-columns:1fr;gap:14px}.work-punch-hero .punch-orb{width:132px;height:132px;margin:auto}.work-punch-note{margin-left:0;width:100%}}
.org-mini-card{cursor:pointer;display:flex;flex-direction:column;min-height:198px}
.org-mini-list{display:flex;flex-direction:column;gap:10px;margin-top:10px;max-height:170px;overflow:auto;padding-right:4px}
.org-mini-group{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);border-radius:14px;background:color-mix(in srgb,var(--panel) 86%,var(--bg-subtle))}
.org-mini-root{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:6px;border-bottom:1px solid color-mix(in srgb,var(--line) 84%,transparent);font-size:var(--mc-type-body-control,.82rem)}
.org-mini-root b{font-size:.9rem}
.org-mini-root span{font-size:var(--mc-type-caption-meta,.68rem);color:var(--soft);white-space:nowrap}
.org-mini-branches{display:flex;flex-direction:column;gap:8px}
.org-mini-node{position:relative;display:flex;flex-direction:column;gap:8px}
.org-mini-children{display:flex;flex-direction:column;gap:8px;margin-left:14px;padding-left:12px;border-left:1px dashed color-mix(in srgb,var(--brand) 32%,var(--line))}
.org-mini-row{display:flex;flex-direction:column;gap:5px;padding:7px 9px;border-radius:10px;background:color-mix(in srgb,var(--bg-subtle) 88%,transparent)}
.org-mini-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--mc-type-body-control,.82rem)}
.org-mini-name{font-weight:700;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.org-mini-meta{font-size:.75rem;color:var(--soft);flex-shrink:0}
.org-mini-bar{height:8px;background:var(--chip);border-radius:999px;overflow:hidden}
.org-mini-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#9ca3af,#4b5563)}
.org-mini-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;font-size:var(--mc-type-caption-meta,.68rem);color:var(--soft)}
.work-layout-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.work-layout-card{border:0;border-radius:12px;padding:12px;background:var(--bg-subtle);display:flex;flex-direction:column;gap:10px}
.work-layout-card h4{font-size:var(--mc-type-compact-heading,.92rem);margin:0}
.work-layout-tip{font-size:var(--mc-type-secondary-body,.76rem);color:var(--soft);line-height:1.55}
.workbench-grid{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(0,.88fr) minmax(0,.88fr);gap:14px;align-items:stretch;margin-bottom:16px}
.wb-widget{min-width:0}
.wb-widget .panel{height:100%;margin-bottom:0}
.wb-widget:hover{transform:none}
.wb-punch{grid-column:1;grid-row:1 / span 2}
.wb-org{grid-column:2;grid-row:1}
.wb-profile{grid-column:3;grid-row:1}
.wb-todo{grid-column:2 / span 2;grid-row:2}
.wb-notif{grid-column:1 / span 3;grid-row:3}
.comms-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;align-items:start}
.contacts-panel,.chat-panel{min-width:0}
.contact-search{margin-bottom:10px}
.contact-scope{font-size:var(--mc-type-secondary-body,.76rem);color:var(--soft);margin:-2px 0 10px}
.contact-list{display:flex;flex-direction:column;gap:8px;max-height:72vh;overflow:auto}
.contact-group{display:flex;flex-direction:column;gap:8px}
.contact-group-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);border-radius:12px;background:color-mix(in srgb,var(--brand) 6%,transparent)}
.contact-group-head b{font-size:.84rem}
.contact-group-head span{font-size:var(--mc-type-caption-meta,.68rem);color:var(--soft)}
.contact-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-radius:12px;background:var(--bg-subtle);cursor:pointer;transition:.15s}
.contact-item:hover{border:0;box-shadow:none;background:var(--mc-model-button-fill-hover,rgba(255,255,255,.06))}
.contact-item.active{border:0;background:var(--mc-model-button-fill-active,rgba(126,240,164,.13));box-shadow:none}
.contact-avatar-btn{border:0;background:transparent;padding:0;cursor:pointer;display:flex;align-items:center}
.contact-main{min-width:0;flex:1}
.contact-name-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.contact-name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.contact-meta,.contact-preview,.id-card-sub,.id-card-meta{font-size:.78rem;color:var(--soft)}
.contact-preview{margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contact-unread{min-width:18px;height:18px;border-radius:999px;background:var(--brand);color:#fff;font-size:var(--mc-type-caption-meta,.68rem);font-weight:700;display:grid;place-items:center;padding:0 6px}
.chat-shell{display:grid;grid-template-rows:auto 1fr auto;min-height:72vh}
.chat-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:12px}
.chat-person{display:flex;align-items:center;gap:12px;min-width:0}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-01-shared-cross-surface-07-slice-01-part-01-seg-02-root-micro-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-01-shared-cross-surface-08-slice-01-part-01-seg-02-root-micro-03.css */

.chat-stream{display:flex;flex-direction:column;gap:10px;overflow:auto;padding-right:4px;min-height:320px;max-height:58vh}
.chat-msg{display:flex;flex-direction:column;gap:4px;max-width:min(82%,520px);padding:10px 12px;border-radius:14px;background:var(--bg-subtle);border:var(--mc-border-line)}
.chat-msg.me{margin-left:auto;background:color-mix(in srgb,var(--brand) 10%,transparent);border-color:color-mix(in srgb,var(--brand) 28%,transparent)}
.chat-msg-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:var(--mc-type-caption-meta,.68rem);color:var(--soft)}
.chat-msg-text{white-space:pre-wrap;word-break:break-word;font-size:.88rem;line-height:1.65}
.chat-composer{display:flex;gap:10px;align-items:flex-end;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.chat-composer textarea{flex:1;min-height:84px;max-height:180px;resize:vertical;padding:10px 12px;border:var(--mc-border-line);border-radius:12px;background:var(--panel);color:var(--text)}
.panel::before,.panel::after{display:none!important}
.panel{border:0;box-shadow:none}
.stat,.contact-item,.chat-msg,.sys-item,.geo-stat,.work-layout-card,.org-mini-group{border-color:color-mix(in srgb,var(--line) 46%,transparent)}
.tree-row{position:relative;min-height:34px}
.tree-children{margin-left:18px;padding-left:13px;border-left:2px solid color-mix(in srgb,var(--brand) 42%,var(--line))!important}
.tree-children>.tree-row::before,.tree-children>div>.tree-row::before{content:"";position:absolute;left:-7px;top:50%;width:7px;border-top:2px solid color-mix(in srgb,var(--brand) 42%,var(--line));border-radius:0 999px 999px 0;transform:translateY(-50%)}
.tree-children>div{position:relative}
.tree-children>div:last-child::after{display:none!important}
.workbench-clean{display:grid;grid-template-columns:minmax(320px,1.35fr) minmax(260px,.82fr);gap:10px;align-items:stretch;margin-bottom:10px}
.workbench-side{display:grid;grid-template-rows:auto 1fr;gap:14px;min-width:0}
.workbench-lower{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(260px,.72fr);gap:10px;margin-bottom:10px}
@media(max-width:980px){.workbench-clean,.workbench-lower{grid-template-columns:1fr}.workbench-side{grid-template-rows:auto}}
.id-card{display:flex;flex-direction:column;gap:14px}
.id-card-head{display:flex;align-items:center;gap:14px}
.id-card-head .avatar{width:64px;height:64px;font-size:1.5rem}
.id-card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.sys-inbox{display:flex;flex-direction:column;gap:10px}
.sys-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;border:0;border-radius:12px;background:var(--bg-subtle)}
.sys-item-main{min-width:0;flex:1}
.sys-item-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.sys-item-text{font-size:.84rem;color:var(--soft);line-height:1.6}
.sys-item-meta{font-size:.76rem;color:var(--soft);margin-top:6px}
.emp-card-fields{display:flex;flex-direction:column;gap:4px}
.emp-card-field{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 92%,transparent);font-size:.84rem}
.emp-card-field:last-child{border-bottom:0}
.emp-card-field .k{color:var(--soft);flex-shrink:0}
.emp-card-field .v{text-align:right;font-weight:600;word-break:break-word}

.hud-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}
.hud-card{border-radius:18px;padding:16px 16px;position:relative;overflow:hidden;cursor:pointer;transition:.2s;color:#fff;min-height:104px;display:flex;flex-direction:column;justify-content:flex-end}
.hud-bg{position:absolute;right:-10px;top:-10px;font-size:5.5rem;opacity:.12;transition:.3s;line-height:1;pointer-events:none}
.hud-ic{font-size:1.3rem;margin-bottom:8px;position:relative;z-index:1}
.hud-val{font-size:2rem;font-weight:800;line-height:1;letter-spacing:0;position:relative;z-index:1}
.hud-label{font-size:.74rem;opacity:.9;margin-top:5px;font-weight:600;letter-spacing:.3px;position:relative;z-index:1}
.hud-sub{font-size:var(--mc-type-caption-meta,.68rem);opacity:.65;margin-top:2px;position:relative;z-index:1}
.hud-blue{background:linear-gradient(135deg,#111827,#4b5563,#9ca3af)}
.hud-green{background:linear-gradient(135deg,#047857,#059669,#10b981)}
.hud-orange{background:linear-gradient(135deg,#b45309,#d97706,#f59e0b)}
.hud-purple{background:linear-gradient(135deg,#111827,#4b5563,#9ca3af)}
@media(max-width:900px){.hud-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.hud-cards{grid-template-columns:1fr 1fr;gap:10px}.hud-card{min-height:96px;padding:14px 12px}.hud-val{font-size:1.5rem}}

.punch-bg{border-radius:22px;padding:26px 22px;position:relative;overflow:hidden;color:#fff}
.punch-bg::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.06);right:-80px;top:-80px;pointer-events:none}
.punch-bg::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.04);left:-40px;bottom:-40px;pointer-events:none}
.punch-bg.state-unchecked{background:linear-gradient(145deg,#111827 0%,#374151 45%,#9ca3af 100%);box-shadow:0 16px 48px -16px #11182788}
.punch-bg.state-checkedin{background:linear-gradient(145deg,#052e16 0%,#064e3b 45%,#059669 100%);box-shadow:0 16px 48px -16px #05966988}
.punch-bg.state-done{background:linear-gradient(145deg,#111827 0%,#1f2937 50%,#374151 100%)}
.punch-bg.state-nonwork{background:linear-gradient(145deg,#1e1b4b 0%,#312e81 50%,#4338ca 100%)}

.punch-zone{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;position:relative;z-index:1}
.punch-left{display:flex;flex-direction:column;align-items:center;gap:16px}
.punch-orb{width:152px;height:152px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;border:0;cursor:pointer;transition:.22s;position:relative;flex-shrink:0}
.punch-orb:hover{transform:scale(1.06)}
.punch-orb.unchecked{background:linear-gradient(145deg,#111827,#4b5563,#9ca3af);box-shadow:0 14px 42px -14px #11182799}
.punch-orb.checkedin{background:linear-gradient(145deg,#047857,#059669,#10b981);box-shadow:0 14px 42px -14px #05966999}
.punch-orb.done{background:linear-gradient(145deg,#374151,#4b5563,#6b7280);box-shadow:none}
.punch-orb.nonwork{background:var(--chip);color:var(--soft);border:2px solid var(--line);box-shadow:none}
.punch-orb .orb-time{font-size:1.65rem;font-weight:800;line-height:1;font-family:var(--mono);letter-spacing:0}
.punch-orb .orb-ic{font-size:1.25rem;margin-bottom:4px}
.punch-orb .orb-sub{font-size:var(--mc-type-caption-meta,.68rem);opacity:.85;margin-top:4px;letter-spacing:.3px}
.punch-orb::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid currentColor;opacity:.25;animation:orb-ring 2.4s ease-in-out infinite}
.punch-orb.checkedin::after,.punch-orb.done::after,.punch-orb.nonwork::after{animation:none;opacity:.08}
@keyframes orb-ring{0%,100%{transform:scale(1);opacity:.35}50%{transform:scale(1.06);opacity:.12}}
.oa-pill{border:0;border-radius:14px;background:linear-gradient(135deg,#111827,#4b5563);color:#fff;padding:11px 20px;font-weight:700;cursor:pointer;font-size:.88rem;box-shadow:0 6px 20px -8px #11182788;transition:.16s;display:inline-flex;align-items:center;gap:7px}
.oa-pill:hover{filter:brightness(1.1);position:relative;z-index:var(--mc-model-lift-z,80);transform:translateY(var(--mc-model-lift-y-card,-3px)) scale(var(--mc-model-lift-scale-card,1.01))}

.att-info{display:flex;flex-direction:column;gap:10px}
.att-info .ai-row{display:flex;align-items:center;gap:8px;font-size:.88rem}
.att-info .ai-label{color:var(--soft);font-size:.75rem;min-width:56px;flex-shrink:0}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-01-shared-cross-surface-08-slice-01-part-01-seg-02-root-micro-03.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/compatibility-foundation/001-base-slice-01-notifications-09-slice-01-part-01-seg-02-root-micro-04.css */

.att-info .ai-val{font-weight:600;color:var(--text)}
.att-info .ai-path{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:4px}

.emp-hud-card{border-radius:22px;padding:22px 20px;color:#fff;position:relative;overflow:hidden;background:linear-gradient(145deg,#111827,#4b5563,#9ca3af);box-shadow:0 14px 40px -14px #11182788;min-height:180px}
.emp-hud-card::before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.07);right:-50px;top:-50px;pointer-events:none}
.emp-hud-top{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px;position:relative;z-index:1}
.emp-hud-avatar{width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.2);color:#fff;display:grid;place-items:center;font-weight:700;font-size:1.4rem;flex-shrink:0;overflow:hidden;box-shadow:0 0 0 2px rgba(255,255,255,.3)}
.emp-hud-avatar img{width:100%;height:100%;object-fit:cover}
.emp-hud-name{font-size:1.1rem;font-weight:800;line-height:1.2}
.emp-hud-pos{font-size:var(--mc-type-secondary-body,.76rem);opacity:.8;margin-top:3px}
.emp-hud-fields{display:flex;flex-direction:column;gap:0;position:relative;z-index:1}
.emp-hud-field{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.15);font-size:var(--mc-type-body-control,.82rem);gap:10px}
.emp-hud-field:last-child{border-bottom:0}
.emp-hud-field .k{opacity:.7;flex-shrink:0}.emp-hud-field .v{font-weight:600;text-align:right}

.ann-banner{border-radius:16px;padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:.18s;margin-bottom:10px;position:relative;overflow:hidden;color:#fff}
.ann-banner.ann-info{background:linear-gradient(135deg,#0369a1,#0284c7,#38bdf8)}
.ann-banner.ann-notice{background:linear-gradient(135deg,#b45309,#d97706,#f59e0b)}
.ann-banner.ann-success{background:linear-gradient(135deg,#047857,#059669,#34d399)}
.ann-banner.ann-warn{background:linear-gradient(135deg,#9f1239,#e11d48,#f43f5e)}
.ann-banner::after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.06);right:-30px;top:-40px;pointer-events:none}
.ann-banner:hover{filter:brightness(1.06);position:relative;z-index:var(--mc-model-lift-z,80);transform:translateY(var(--mc-model-lift-y-card,-3px)) scale(var(--mc-model-lift-scale-card,1.01))}
.ann-ic{font-size:1.8rem;flex-shrink:0;position:relative;z-index:1}
.ann-body{flex:1;min-width:0;position:relative;z-index:1}
.ann-body b{display:block;font-size:.92rem;font-weight:700}
.ann-body span{display:block;font-size:.76rem;opacity:.85;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ann-arr{font-size:1.4rem;opacity:.6;position:relative;z-index:1}

.dept-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.dept-mc{border-radius:18px;padding:18px 16px;color:#fff;cursor:pointer;transition:.2s;position:relative;overflow:hidden;background:linear-gradient(145deg,var(--dg1),var(--dg2));box-shadow:0 8px 24px -10px var(--dg1)}
.dept-mc::after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:rgba(255,255,255,.08);right:-20px;bottom:-20px;pointer-events:none}
.dept-mc:hover{transform:translateY(-3px);filter:brightness(1.08)}
.dept-mc-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;position:relative;z-index:1}
.dept-mc-name{font-weight:700;font-size:var(--mc-type-compact-heading,.92rem);line-height:1.3}
.dept-mc-count{font-size:1.6rem;font-weight:800;line-height:1;font-family:var(--mono)}
.dept-mc-count span{font-size:var(--mc-type-caption-meta,.68rem);font-weight:500;opacity:.8;margin-left:2px}
.dept-mc-bar{height:6px;background:rgba(255,255,255,.2);border-radius:4px;margin-bottom:8px;overflow:hidden;position:relative;z-index:1}
.dept-mc-fill{height:100%;border-radius:4px;background:rgba(255,255,255,.7)}
.dept-mc-foot{font-size:var(--mc-type-caption-meta,.68rem);opacity:.75;display:flex;justify-content:space-between;position:relative;z-index:1}
@media(max-width:700px){.punch-zone{grid-template-columns:1fr;gap:16px}.punch-left{flex-direction:row;justify-content:center;flex-wrap:wrap}.dept-grid{grid-template-columns:repeat(2,1fr)}}

.att-bar-row{margin-bottom:14px;cursor:pointer;border-radius:12px;padding:10px 12px;border:0;background:var(--bg-subtle);transition:.14s}
.att-bar-row:hover{background:var(--bg);border-color:var(--brand)}
.att-bar-track{height:10px;background:var(--chip);border-radius:6px;overflow:hidden;margin:6px 0 3px}
.att-bar-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#059669,#10b981);transition:.5s}

.work-circs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.work-circ{display:flex;flex-direction:column;align-items:center;gap:8px;border:0;background:transparent;cursor:pointer;padding:8px 4px;border-radius:16px;transition:.18s}
.work-circ:hover{background:var(--chip);transform:translateY(-3px)}
.circ-ic{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;font-size:1.75rem;transition:.22s;position:relative}
.circ-ic::after{content:"";position:absolute;inset:-3px;border-radius:50%;opacity:0;transition:.22s}
.work-circ:hover .circ-ic{transform:scale(1.08)}
.work-circ:hover .circ-ic::after{opacity:.35;background:inherit}
.work-circ b{font-size:var(--mc-type-emphasized-body,.82rem);color:var(--brand);font-weight:700;letter-spacing:.2px}
.work-circ span{font-size:var(--mc-type-caption-meta,.68rem);color:var(--soft)}

.g-chip{width:22px;height:22px;border-radius:6px;color:#fff;display:grid;place-items:center;font-weight:900;font-size:var(--mc-type-caption-meta,.68rem);font-family:-apple-system,sans-serif;cursor:default;transition:background .3s;flex-shrink:0}
.g-chip.sync{background:var(--ok)}
.g-chip.pending{background:var(--warn);animation:g-pulse 1s infinite}
.g-chip.error{background:var(--danger)}
.g-chip.local{background:var(--soft)}
@keyframes g-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.92)}}

.notif-wrap{position:relative}
.notif-drop{position:absolute;right:0;top:44px;width:340px;max-height:480px;background:var(--panel);border:var(--mc-border-line);border-radius:16px;box-shadow:var(--shadow);z-index:100;display:flex;flex-direction:column;overflow:hidden}
.notif-drop .nd-head{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.notif-drop .nd-tabs{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--line);flex-shrink:0}
.notif-drop .nd-tabs button{flex:1;border:0;background:transparent;border-radius:8px;padding:5px 4px;font-size:.75rem;color:var(--soft);cursor:pointer}
.notif-drop .nd-tabs button.active{background:var(--brand-soft);color:var(--brand);font-weight:600}
.notif-drop .nd-body{overflow-y:auto;flex:1;padding:4px 0}
.notif-drop .nd-row{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;cursor:pointer;transition:.12s;font-size:var(--mc-type-body-control,.82rem)}
.notif-drop .nd-row:hover{background:var(--bg)}
.notif-drop .nd-row .nd-ic{font-size:1.1rem;flex-shrink:0;margin-top:1px}
.notif-drop .nd-row .nd-text{flex:1;min-width:0}.notif-drop .nd-row .nd-text b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notif-drop .nd-row .nd-t{font-size:var(--mc-type-caption-meta,.68rem);color:var(--soft);white-space:nowrap;margin-top:2px}
.notif-filter{position:relative}
.notif-filter .nd-filter-toggle{display:inline-flex;align-items:center;gap:5px}

/* <<< runtime/legacy/styles/blocks/notifications/drawer/compatibility-foundation/001-base-slice-01-notifications-09-slice-01-part-01-seg-02-root-micro-04.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-01-shared-cross-surface-10-slice-01-part-01-seg-02-root-micro-05.css */

.nd-filter-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:132px;z-index:102;display:grid;gap:4px;padding:8px;border-radius:12px;background:rgba(255,255,255,.94);border:1px solid rgba(15,23,42,.1);box-shadow:0 18px 46px -28px rgba(15,23,42,.5);-webkit-backdrop-filter:blur(18px) saturate(1.25);backdrop-filter:blur(18px) saturate(1.25)}
.nd-filter-menu label{display:flex;align-items:center;gap:7px;padding:7px 8px;border-radius:9px;font-size:.78rem;color:var(--text);cursor:pointer;white-space:nowrap}
.nd-filter-menu label:hover{background:color-mix(in srgb,var(--brand) 9%,transparent)}
.notif-backdrop{position:fixed;inset:0;z-index:99}

.work-list .fi{align-items:flex-start}.work-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.work-mini .stat{min-height:92px}
.work-org-path{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.work-org-path .tag{font-size:var(--mc-type-caption-meta,.68rem)}
@media(max-width:980px){.work-hero,.work-hero.work-top{grid-template-columns:1fr!important}.work-mini{grid-template-columns:1fr}.org-mini-list{max-height:none}.work-layout-grid{grid-template-columns:1fr}.comms-layout{grid-template-columns:1fr}.chat-shell{min-height:0}.contact-list,.chat-stream{max-height:none}}
@media(max-width:980px){.workbench-grid{grid-template-columns:1fr}.wb-widget{grid-column:1 / -1!important;grid-row:auto!important}.wb-widget .panel{height:auto}}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){.work-punch{min-height:180px}.work-punch .big{font-size:1.75rem}.emp-card-field{font-size:.82rem}}

.btn.primary{background:var(--grad);border:none;color:#fff;box-shadow:0 6px 18px -8px var(--brand);transition:.18s}
.btn.primary:hover{filter:brightness(1.08);position:relative;z-index:var(--mc-model-lift-z,80);transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006));box-shadow:0 10px 26px -8px var(--brand)}
.btn.primary:active{transform:translateY(0)}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-01-shared-cross-surface-10-slice-01-part-01-seg-02-root-micro-05.css */


/* >>> runtime/legacy/styles/blocks/shared/controls/compatibility-foundation/001-base-slice-01-controls-11-slice-01-part-02-seg-01-root-fine-01.css */

/* Legacy ordered base slice 01 part 02; split from 001-base-slice-01-root.css. Keep import order stable. */
.btn {
  transition: 0.16s;
}
.topbar .left .mark,
.avatar {
  background: var(--grad) !important;
}
.topbar {
  -webkit-backdrop-filter: saturate(1.3) blur(8px);
  backdrop-filter: saturate(1.3) blur(8px);
  background: color-mix(in srgb, var(--panel) 78%, transparent);
}
.nav {
  transition: 0.14s;
  border-radius: 9px;
}
.tabs button.active {
  background: var(--brand-soft);
  color: var(--brand);
  box-shadow: none;
}

select,
.field select,
.toolbar select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: none !important;
  background-repeat: no-repeat;
  background-position: right 11px center;
  padding-right: 32px;
  cursor: pointer;
  background-size: 14px 14px;
  color: var(--text);
  border: 1px solid rgba(244, 244, 241, 0.13) !important;
}
select,
.field select,
.toolbar select {
  color-scheme: light dark;
  background-color: rgba(8, 10, 12, 0.36) !important;
  border-color: rgba(244, 244, 241, 0.13) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.18);
  backdrop-filter: blur(18px) saturate(1.18);
  box-shadow: none !important;
}
select option,
select optgroup {
  background-color: color-mix(
    in srgb,
    var(--bg-subtle) 90%,
    transparent
  ) !important;
  color: var(--text) !important;
}
select option:checked {
  background: color-mix(in srgb, var(--brand) 28%, transparent) !important;
  color: var(--text) !important;
}
.glass-select-list:not(.mc-dropdown-model),
select option:focus {
  outline-color: color-mix(in srgb, var(--brand) 55%, var(--text));
}
.glass-select-list:not(.mc-dropdown-model) {
  background: color-mix(in srgb, var(--bg-subtle) 90%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--line) 72%, transparent) !important;
  border-radius: 14px !important;
  box-shadow:
    0 28px 70px -38px rgba(17, 24, 39, 0.75),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  -webkit-backdrop-filter: saturate(1.18) blur(20px);
  backdrop-filter: saturate(1.18) blur(20px);
}
.glass-select-list button,
.glass-select-list label,
.glass-select-list .nd-filter-menu label,
.glass-select-list .history-check-list label {
  color: var(--text) !important;
}
.glass-select-list small,
.glass-select-list .app-lang-code {
  color: var(--soft) !important;
}
.field input,
.field select,
.field textarea,
.input,
.toolbar input,
.toolbar select {
  border-radius: 6px;
  transition:
    border-color 0.16s,
    background 0.16s;
}
.field input:hover,
.field select:hover,
.field textarea:hover,
.toolbar input:hover,
.toolbar select:hover {
  border-color: rgba(245, 181, 95, 0.5);
}
.field input:focus,
.field select:focus,
.field textarea:focus,
.input:focus,
.toolbar input:focus,
.toolbar select:focus {
  box-shadow: none;
}

.panel {
  border-radius: 12px;
  box-shadow: none;
}
.panel > h3:first-child,
.panel h3 {
  letter-spacing: 0.2px;
}

.stat {
  border-radius: 14px;
  overflow: hidden;
}
.stat::before {
  display: none;
}
.stat .value {
  color: var(--brand);
  text-shadow: 0 0 18px color-mix(in srgb, var(--brand) 45%, transparent);
}

.tag {
  border-radius: 999px;
  font-weight: 600;
  letter-spacing: 0.2px;
}
.tag.info {
  background: var(--grad-soft);
  color: var(--brand);
}

.punch-circle {
  background: var(--grad) !important;
  box-shadow: 0 16px 38px -12px var(--brand) !important;
}
.punch-circle.done {
  background: linear-gradient(145deg, #16a34a, #22c55e) !important;
  box-shadow: 0 16px 38px -12px #16a34a !important;
}

.org-summary {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 14px;
}
@media (max-width: 1100px) {
  .org-summary {
    grid-template-columns: repeat(2, 1fr);
  }
}
.sum-card {
  position: relative;
}
.sum-card .sc-ic {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  font-size: 1rem;
  background: var(--grad-soft);
}
.sum-card .sc-label {
  color: var(--soft);
  font-size: 0.74rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: var(--mono);
}
.sum-card .sc-value {
  font-size: 1.7rem;
  font-weight: 800;
  margin-top: 6px;
  color: var(--text);
}
.sum-card .sc-sub {
  color: var(--soft);
  font-size: var(--mc-type-secondary-body, 0.76rem);
  margin-top: 2px;
}

.mind-node {
  border-radius: 13px !important;
  padding: 10px 12px !important;
  background: var(--bg-subtle) !important;
  border: 0 !important;
}
.mind-node .mind-top {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mind-node .mind-ava {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  flex: none;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: var(--mc-type-caption-meta, 0.68rem);
  font-weight: 700;
  background: var(--grad);
}
.mind-node .mind-name {
  font-weight: 700;
}
.mind-node .mind-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
}
.mind-badge {
  font-size: var(--mc-type-caption-meta, 0.68rem);
  font-weight: 700;
  padding: 2px 9px;
  border-radius: 999px;
  background: var(--brand);
  color: #fff;
}
.mind-mgr {
  font-size: var(--mc-type-secondary-body, 0.76rem);
  color: var(--text);
  opacity: 0.85;
}
.mind-node.lvl0 {
  --lvl: #4b5563;
}
.mind-node.lvl1 {
  --lvl: #6b7280;
}
.mind-node.lvl2 {
  --lvl: #9ca3af;
}
.mind-node.lvl3 {
  --lvl: #14b8a6;
}
.mind-node {
  border-top: 3px solid var(--lvl, #6b7280) !important;
  background: color-mix(
    in srgb,
    var(--lvl, #6b7280) var(--lvlmix, 12%),
    var(--panel)
  ) !important;
}
.mind-node .mind-name {
  color: var(--text);
}
.mind-node .mind-lvltag {
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: var(--lvl, var(--brand));
  border: 1px solid
    color-mix(in srgb, var(--lvl, var(--brand)) 45%, transparent);
  border-radius: 6px;
  padding: 0 5px;
  margin-left: 6px;
}
.box.root {
  background: var(--grad) !important;
  border: none !important;
  box-shadow: 0 12px 30px -12px var(--brand) !important;
  border-radius: 14px !important;
}
.mind-node.active {
  position: relative;
  z-index: var(--mc-model-lift-z, 80);
  transform: translateY(var(--mc-model-lift-y, -2px))
    scale(var(--mc-model-lift-scale, 1.006));
  border-color: var(--lvl, var(--brand)) !important;
  box-shadow:
    0 0 0 2px color-mix(in srgb, var(--lvl, var(--brand)) 55%, transparent),
    0 10px 24px -10px var(--lvl, var(--brand)) !important;
}

.mind-scroll {
  max-height: 74vh;
  overflow: auto;
}
.mind-canvas {
  padding: 12px 28px 28px;
}
.mind-node {
  white-space: normal;
  width: 158px;
  min-width: 158px;
  max-width: 158px;
}
.mind-node .mind-name {
  white-space: normal;
  word-break: break-word;
  line-height: 1.25;
}
.mind-side .panel {
  margin-bottom: 0;
}

.mind-canvas .tree-h {
  flex-direction: column !important;
  align-items: center !important;
}
.mind-canvas .tree-h .kids {
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 20px !important;
  margin: 24px 0 0 0 !important;
  padding: 22px 0 0 0 !important;
  border: 0 !important;
  border-top: 0 !important;
  position: relative;
}
.mind-canvas .tree-h .kids::before {
  display: none !important;
  content: none !important;
}
.mind-canvas .tree-h .kid {
  flex-direction: column !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  position: relative;
  padding: 0 !important;
}
.mind-canvas .tree-h .kid::before {
  display: none !important;
  content: none !important;
}
.mind-canvas .tree-h .kid:only-child::before {
  top: -22px !important;
  left: 50% !important;
  width: 2px !important;
  height: 22px !important;
}

.auth-loading {
  min-height: 100dvh;
}
.auth-loading-center {
  display: grid;
  place-items: center;
  align-self: center;
  justify-self: center;
  min-width: 0;
  position: relative;
  z-index: 1;
  color: inherit;
}
.auth-loading-card {
  width: min(260px, 100%);
  text-align: center;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  color: inherit;
}
.auth-loading-card h2 {
  font-size: 1.18rem;
  line-height: 1.25;
  margin: 0;
  color: inherit;
  font-weight: 850;
  letter-spacing: 0;
}
.auth-loading-card p {
  color: rgba(255, 255, 255, 0.62) !important;
  margin-top: 8px !important;
  font-size: 0.84rem !important;
}
.auth-spinner {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.22);
  border-top-color: currentColor;
  margin: 0 auto 18px;
  animation: spin 0.85s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.mobile-quick {
  display: none;
}

/* <<< runtime/legacy/styles/blocks/shared/controls/compatibility-foundation/001-base-slice-01-controls-11-slice-01-part-02-seg-01-root-fine-01.css */


/* >>> runtime/legacy/styles/blocks/shared/controls/compatibility-foundation/001-base-slice-01-controls-12-slice-01-part-02-seg-01-root-fine-02-unit-01.css */

.side-backdrop{display:none}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 body{background-attachment:scroll}
 input,select,textarea,.input,.field input,.field select,.field textarea,.toolbar input,.toolbar select{font-size:16px}
 .auth{min-height:100dvh}.auth-panel{width:100%;min-height:100dvh;padding:18px 14px;align-items:center}.auth-card{max-width:420px}
 .auth-card h2{font-size:1.35rem}.auth-lang{justify-content:center}.code-row{flex-direction:column}
 .head-actions{width:100%}.head-actions .btn{width:100%;justify-content:center}
 .panel{padding:14px;margin-bottom:12px;border-radius:14px}.panel h3{font-size:.96rem}.panel .desc{font-size:.78rem;margin-bottom:10px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:13px 12px}.stat .value{font-size:1.28rem}
 .toolbar{flex-direction:column;align-items:stretch;gap:8px}.toolbar input,.toolbar select,.toolbar .btn,.toolbar button{width:100%}.tabs{margin-bottom:14px}.tabs button{min-height:38px}
 .row2,.row3,.punch-wrap,.org-layout,.rule-grid{grid-template-columns:1fr!important}.clock-time{font-size:2rem}.punch-circle{width:136px;height:136px}
 .info-list .r{display:block;padding:9px 0}.info-list .v{text-align:left;display:block;margin-top:3px}
 .overlay{align-items:flex-end;padding:0}.modal,.modal.lg{width:100%;max-width:none;max-height:92dvh;border-radius:18px 18px 0 0}.modal .m-head{padding:14px 16px}.modal .m-body{padding:14px 16px}.modal .m-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom));gap:8px}.modal .m-foot .btn{flex:1;justify-content:center}
 .table-wrap{overflow:visible}.table-wrap table,.table-wrap thead,.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block;width:100%}.table-wrap thead{display:none}.table-wrap tbody tr{border:0;border-radius:0;padding:8px 0;margin:0;background:transparent;box-shadow:none}.table-wrap tbody td{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;white-space:normal;border:0;padding:7px 2px;text-align:right}.table-wrap tbody td[colspan]{display:block;text-align:center}
 .mind-scroll{max-height:62vh;padding:12px}.mind-canvas{padding:8px 12px 18px}.mind-node{width:148px;min-width:148px;max-width:148px}.dept-pick-map{padding:10px;min-height:220px}.geo-map{height:320px}.geo-preview iframe,.punch-map iframe{height:190px}
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 .main{padding:8px 8px calc(92px + env(safe-area-inset-bottom))}
 .auth-panel{align-items:flex-start;padding:72px 14px 18px}.auth-card{max-width:430px}.auth-card .sub{margin-bottom:14px}
 .field{margin-bottom:9px}.field label{font-size:.72rem;margin-bottom:4px;font-weight:650}
 .input,.field input,.field select,.field textarea,.toolbar input,.toolbar select{padding:7px 10px!important;min-height:38px;line-height:1.22;border-radius:10px;box-shadow:none}
 .field textarea,textarea.input{min-height:72px;max-height:132px}
 .btn{padding:7px 10px;font-size:.82rem;border-radius:10px}.btn.sm{padding:5px 8px;font-size:.75rem}.btn.block{padding:9px 10px}
 .page-head{margin-bottom:8px}.page-head h1{font-size:1.06rem}.page-head p{display:none}
 .head-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:7px;width:100%}.head-actions .btn{width:auto!important;min-width:0;justify-content:center;padding:8px 7px}
 .panel{padding:11px 12px;margin-bottom:10px;border-radius:13px}.panel h3{font-size:.9rem}.panel .desc{font-size:.72rem;line-height:1.45;margin-bottom:8px}
 .tabs{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;background:transparent;padding:0;margin-bottom:10px;} .tabs::-webkit-scrollbar{display:none}@supports (scrollbar-width: auto){.tabs{scrollbar-width:none}}
 .tabs button{flex:0 0 auto;min-width:76px;min-height:34px;padding:7px 9px;border:0;background:transparent;white-space:normal;line-height:1.2}
 .toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;align-items:stretch;margin-bottom:9px}.toolbar input,.toolbar select,.toolbar .btn,.toolbar button{width:100%!important;min-width:0}
 .toolbar input[placeholder*="关键词"],.toolbar input[placeholder*="搜索"],.toolbar input[type="date"]:only-child{grid-column:1 / -1}
 .info-list .r{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;align-items:start;padding:7px 0;font-size:.8rem}.info-list .v{text-align:right;margin-top:0}.info-list .k{white-space:normal}
 .select-summary{padding:7px 8px;font-size:.74rem}.select-summary .sum-k{width:42px}.tag{font-size:.62rem;padding:2px 7px}
 .table-wrap tbody tr{padding:7px 0;margin:0;border-radius:0}.table-wrap tbody td{padding:5px 0;font-size:var(--mc-type-body-control,.82rem)}.table-wrap tbody td:last-child{justify-content:flex-start;text-align:left;flex-wrap:wrap}.table-wrap tbody td:last-child .btn{min-width:46px;justify-content:center}
 .main .panel[style*="width:200px"],.main .panel[style*="min-width:200px"]{width:100%!important;max-width:none!important}
 .work-punch{min-height:0}.work-punch .big{font-size:1.45rem}.punch-zone{gap:10px!important;margin-top:8px!important}.punch-left{gap:10px}
 .punch-orb{width:116px;height:116px}.punch-orb .orb-time{font-size:1.22rem}.punch-orb .orb-ic{font-size:1rem}.punch-orb .orb-sub{font-size:.58rem}
 .hud-cards{gap:8px}.hud-card{min-height:86px;padding:10px}.hud-card .hud-bg{font-size:3rem}.hud-val{font-size:1.28rem}.hud-sub{display:none}.hud-label{font-size:.68rem}
 .ann-banner{padding:10px 12px}.ann-banner .ann-body span{display:none}
 .emp-card-fields{gap:0}.emp-card-field{padding:6px 0;font-size:.78rem}.work-profile-avatar{width:44px!important;height:44px!important}
 .panel[style*="height:100%"]{height:auto!important}
 .org-mini-card{min-height:0}.org-mini-list{gap:7px;margin-top:8px}.org-mini-group{padding:8px 9px;border-radius:11px}.org-mini-row{padding:6px 7px}
 .office-form{gap:8px}.radius-tools{gap:6px;margin:6px 0 9px}.radius-tools input[type=range]{flex:1 0 100%;width:100%}.radius-tools .btn{padding:5px 8px}
 .office-form{grid-template-columns:1fr 1fr;max-width:none}.office-form>.field:nth-child(1),.office-form>.field:nth-child(2),.office-form>.field:nth-child(5),.office-form>.radius-tools,.office-form>.office-actions,.office-form>div:last-child{grid-column:1 / -1}
 .office-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.office-actions .btn{width:100%;justify-content:center}.office-actions .primary,.office-note{grid-column:1 / -1}
 .demo-tip{padding:8px 9px;font-size:var(--mc-type-secondary-body,.76rem);line-height:1.45;margin-bottom:10px;max-height:140px;overflow:auto}.geo-map{height:240px}.geo-preview iframe,.punch-map iframe{height:150px}
 .chat-composer{gap:7px}.chat-composer textarea{min-height:52px;max-height:110px;padding:8px 10px}.chat-msg{max-width:92%;padding:8px 10px}
}
@media(max-width:390px){.cards{grid-template-columns:1fr}.brand-name{max-width:34vw}}

:root{
 --brand:#4b5563;
 --brand-dark:#111827;
 --brand-soft:rgba(107,114,128,.13);
 --accent:#6b7280;
 --on-brand:#ffffff;
 --grad:linear-gradient(135deg,#111827 0%,#4b5563 55%,#d1d5db 100%);
 --grad-soft:linear-gradient(135deg,rgba(17,24,39,.08),rgba(107,114,128,.10));
}
html[data-theme=dark]{
 --brand:#f5f5f5;
 --brand-dark:#d4d4d4;
 --brand-soft:rgba(255,255,255,.12);
 --accent:#a3a3a3;
 --on-brand:#0a0a0a;
 --grad:linear-gradient(135deg,#f5f5f5 0%,#a3a3a3 55%,#404040 100%);
 --grad-soft:linear-gradient(135deg,rgba(255,255,255,.14),rgba(163,163,163,.08));
}
::selection{background:rgba(107,114,128,.28);color:var(--text)}
html[data-theme=dark] ::selection{background:rgba(255,255,255,.22);color:#fff}
.auth-brand{background:linear-gradient(150deg,#111827,#4b5563 58%,#9ca3af)!important}
html[data-theme=dark] .auth-brand{background:linear-gradient(150deg,#050505,#171717 60%,#404040)!important}
.auth-lang button.active,.btn.primary,.flow-dot.ok,.topbar .left .mark,.avatar,.punch-circle{
 background:linear-gradient(135deg,var(--brand-dark),var(--brand))!important;
 color:var(--on-brand)!important;
 border-color:transparent!important;
 box-shadow:0 14px 34px -26px var(--brand)!important;
}
.topbar .left,.grp,.tabs button.active,.tag.info,thead th,.stat .value,.clock-time,.x:hover,
a,.contact-name-row .contact-name{color:var(--brand)!important}
html[data-theme=dark] .topbar .left,
html[data-theme=dark] .grp,
html[data-theme=dark] .tabs button.active,
html[data-theme=dark] 
html[data-theme=dark] .tag.info,
html[data-theme=dark] thead th,
html[data-theme=dark] .stat .value,
html[data-theme=dark] .clock-time,
html[data-theme=dark] .x:hover,
html[data-theme=dark] a{color:#f5f5f5!important}
.tag.info,.demo-tip{
 background:color-mix(in srgb,var(--soft) 12%,transparent)!important;
 border-color:color-mix(in srgb,var(--soft) 34%,var(--line))!important;
 color:var(--brand)!important;
}.dept-pick-map .box.active,.tabs button.active{
 background:color-mix(in srgb,var(--soft) 12%,transparent)!important;
 border-color:color-mix(in srgb,var(--soft) 38%,var(--line))!important;
 box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--soft) 32%,transparent)!important;
}.page-head h1::before,.stat::before{
 background:var(--soft)!important;
 box-shadow:0 0 10px color-mix(in srgb,var(--soft) 55%,transparent)!important;
}

/* <<< runtime/legacy/styles/blocks/shared/controls/compatibility-foundation/001-base-slice-01-controls-12-slice-01-part-02-seg-01-root-fine-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-01-shared-cross-surface-13-slice-01-part-02-seg-01-root-fine-02-unit-02.css */

thead th,.tree-children,.flow-node::before,.tree-h .kids::before,.tree-h .kid::before{
 border-color:color-mix(in srgb,var(--soft) 34%,var(--line))!important;
 background-color:transparent;
}
.icon-btn:hover,.btn:hover,.nd-row:hover,.contact-item:hover,.sys-item:hover{
 background:color-mix(in srgb,var(--soft) 10%,transparent)!important;
 color:var(--text)!important;
}
.work-punch-hero{
 background:radial-gradient(circle at 16% 18%,rgba(255,255,255,.32),transparent 26%),radial-gradient(circle at 88% 8%,rgba(255,255,255,.18),transparent 30%),linear-gradient(135deg,#111827 0%,#374151 54%,#9ca3af 100%)!important;
 box-shadow:0 28px 70px -38px rgba(17,24,39,.72)!important;
}
.work-punch-hero .punch-orb{background:rgba(255,255,255,.16)!important;color:#fff!important;border-color:rgba(255,255,255,.32)!important}
.work-punch-actions .btn.primary{background:#fff!important;color:#111827!important}
.work-punch-compact{min-height:292px!important;padding:18px 18px 16px!important;grid-template-rows:auto 1fr auto!important;gap:10px!important}
.work-punch-compact .work-punch-head{align-items:flex-start}
.work-punch-compact .work-punch-kicker{font-size:var(--mc-type-caption-meta,.68rem);letter-spacing:.16em;opacity:.62}
.work-punch-compact .work-punch-title{font-size:1.42rem;margin-top:2px}
.work-punch-compact .work-punch-date{font-size:var(--mc-type-caption-meta,.68rem);margin-top:2px;opacity:.68}
.work-punch-compact .work-punch-main{display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important}
.work-punch-compact .punch-orb{width:192px!important;height:192px!important;margin:0 auto!important;padding:18px!important}
.work-punch-compact .punch-orb .orb-ic{font-size:1.14rem;margin-bottom:5px}
.work-punch-compact .punch-orb .orb-time{font-size:1.76rem}
.work-punch-compact .punch-orb .orb-sub{font-size:var(--mc-type-emphasized-body,.82rem);margin-top:7px;font-weight:700;opacity:.92}
.work-punch-compact .punch-orb .orb-meta{font-size:var(--mc-type-caption-meta,.68rem);margin-top:3px;opacity:.82;font-family:var(--mono)}
.work-punch-compact .punch-orb .orb-tiny{font-size:.58rem;margin-top:3px;opacity:.66;font-family:var(--mono)}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-01-shared-cross-surface-13-slice-01-part-02-seg-01-root-fine-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-01-shared-cross-surface-14-slice-01-part-02-seg-01-root-fine-03-unit-01.css */

.work-punch-compact .work-punch-actions{justify-content:center;gap:8px}
.work-punch-compact .work-punch-actions .btn{padding:7px 12px;font-size:.8rem}
.work-punch-stage{
 min-height:310px!important;
 padding:22px 16px 18px!important;
 display:grid!important;
 grid-template-rows:1fr auto!important;
 gap:18px!important;
 place-items:center!important;
 background:transparent!important;
 border:0!important;
 border-radius:0!important;
 box-shadow:none!important;
 isolation:isolate;
 overflow:visible!important;
}
.work-punch-stage::before{
 content:"";
 position:absolute;
 inset:0;
 border-radius:inherit;
 background:radial-gradient(ellipse at 28% 0%,rgba(255,255,255,.28),transparent 54%);
 pointer-events:none;
 z-index:0;
}
.work-punch-stage::after{
 content:"";
 position:absolute;
 width:270px;
 height:270px;
 border-radius:50%;
 right:-72px;
 bottom:-96px;
 background:rgba(255,255,255,.1);
 box-shadow:0 0 0 42px rgba(255,255,255,.05);
 pointer-events:none;
 z-index:0;
}
.work-punch-stage .work-punch-main{position:relative;z-index:2;width:100%;display:flex!important;justify-content:center!important;align-items:center!important}
.work-punch-stage .punch-orb{
 width:208px!important;
 height:208px!important;
 margin:0 auto!important;
 padding:20px!important;
 border:1px solid rgba(255,255,255,.16)!important;
 background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.42),rgba(255,255,255,.12) 62%)!important;
 box-shadow:inset 0 3px 12px rgba(255,255,255,.5),inset 0 -16px 30px rgba(0,0,0,.22),0 32px 64px -22px rgba(0,0,0,.48),0 10px 22px -10px rgba(0,0,0,.32)!important;
 -webkit-backdrop-filter:blur(20px) saturate(150%)!important;
-webkit-backdrop-filter:blur(20px) saturate(150%)!important;backdrop-filter:blur(20px) saturate(150%)!important;
 color:#fff!important;
}
.work-punch-stage .punch-orb:hover{transform:translateY(-3px) scale(1.035)}
.work-punch-stage .punch-orb .orb-ic{font-size:1.22rem;margin-bottom:7px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.26))}
.work-punch-stage .punch-orb .orb-time{font-size:1.94rem;letter-spacing:0;text-shadow:0 12px 26px rgba(0,0,0,.28)}
.work-punch-stage .punch-orb .orb-sub{font-size:var(--mc-type-emphasized-body,.82rem);margin-top:9px;letter-spacing:.08em;text-transform:none}
.work-punch-stage .punch-orb .orb-meta{font-size:.7rem;margin-top:4px;opacity:.86;font-family:var(--mono)}
.work-punch-stage .punch-orb .orb-tiny{font-size:.6rem;margin-top:4px;opacity:.64;font-family:var(--mono)}
.work-punch-stage .punch-orb::before{
 content:"";
 position:absolute;
 inset:12px;
 border-radius:50%;
 border:1px solid rgba(255,255,255,.18);
 pointer-events:none;
}
.work-punch-stage .punch-orb::after{
 inset:-16px!important;
 border-color:rgba(255,255,255,.16)!important;
 opacity:.5!important;
}
.work-punch-stage .work-punch-actions{
 position:relative;
 z-index:2;
 width:min(100%,310px);
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:10px!important;
 justify-content:center!important;
 align-items:center!important;
}
.work-punch-stage .punch-action{
 min-height:46px;
 justify-content:center;
 border:1px solid rgba(255,255,255,.14)!important;
 border-radius:999px!important;
 background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.11))!important;
 color:#fff!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -3px 8px rgba(0,0,0,.14),0 12px 26px -12px rgba(0,0,0,.42)!important;
 font-size:.9rem!important;
 font-weight:600;
 letter-spacing:.02em;
 -webkit-backdrop-filter:blur(12px) saturate(150%);
-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);
 transition:.18s;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-01-shared-cross-surface-14-slice-01-part-02-seg-01-root-fine-03-unit-01.css */


/* >>> runtime/legacy/styles/blocks/attendance/rules/compatibility-foundation/001-base-slice-01-attendance-15-slice-01-part-02-seg-01-root-fine-03-unit-02.css */

.work-punch-stage .punch-action:hover{
 background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,.2))!important;
 border-color:rgba(255,255,255,.2)!important;
 color:#fff!important;
 position:relative!important;
 z-index:var(--mc-model-lift-z,80)!important;
 transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 16px 32px -12px rgba(0,0,0,.46)!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 .work-punch-compact{padding:14px!important;min-height:252px!important}
 .work-punch-compact .punch-orb{width:154px!important;height:154px!important}
 .work-punch-compact .punch-orb .orb-time{font-size:1.34rem}
 .work-punch-compact .punch-orb .orb-meta{font-size:.6rem}
 .work-punch-compact .punch-orb .orb-tiny{display:none}
 .work-punch-stage{min-height:286px!important;padding:16px 10px 14px!important}
 .work-punch-stage .punch-orb{width:172px!important;height:172px!important}
 .work-punch-stage .punch-orb .orb-time{font-size:1.46rem}
 .work-punch-stage .work-punch-actions{width:min(100%,292px)}
 .work-punch-stage .punch-action{min-height:42px;font-size:.8rem!important}
}
.phs-unchecked{background:linear-gradient(145deg,#2563eb 0%,#7c3aed 52%,#c026d3 100%)!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 24px 68px -28px rgba(124,58,237,.6)!important}
.phs-checkedin{background:linear-gradient(145deg,#059669 0%,#0d9488 46%,#0284c7 100%)!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 24px 68px -28px rgba(5,150,105,.58)!important}
.phs-done{background:linear-gradient(145deg,#1e3a5f 0%,#334155 52%,#475569 100%)!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 24px 68px -28px rgba(30,58,95,.48)!important}
.phs-nonwork{background:linear-gradient(145deg,#4338ca 0%,#6d28d9 52%,#9333ea 100%)!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 24px 68px -28px rgba(109,40,217,.52)!important}

/* <<< runtime/legacy/styles/blocks/attendance/rules/compatibility-foundation/001-base-slice-01-attendance-15-slice-01-part-02-seg-01-root-fine-03-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-01-shared-cross-surface-16-slice-01-part-02-seg-02-root-micro-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-01-part-02-root.css. Keep import order stable. */

html[data-theme=dark] .work-punch-stage .punch-action{
 background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.08))!important;
 border-color:rgba(255,255,255,.12)!important;
 color:#fff!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 12px 28px -12px rgba(0,0,0,.6)!important;
}
.hud-blue,.hud-purple,.oa-pill,.emp-hud-card{
 background:linear-gradient(135deg,#111827,#4b5563,#9ca3af)!important;
 box-shadow:0 14px 40px -20px rgba(17,24,39,.7)!important;
}
.punch-bg.state-unchecked,.punch-orb.unchecked{
 background:linear-gradient(145deg,#111827 0%,#374151 52%,#9ca3af 100%)!important;
 box-shadow:0 16px 48px -22px rgba(17,24,39,.75)!important;
}
.org-mini-fill{background:linear-gradient(90deg,#9ca3af,#4b5563)!important}

.view-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.role-toggle,.mp-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--brand) 20%,transparent);background:var(--grad-soft);color:var(--brand);padding:9px 16px;border-radius:999px;font-size:.84rem;font-weight:700;cursor:pointer;transition:.18s;box-shadow:0 8px 18px -12px var(--brand),inset 0 1px 0 rgba(255,255,255,.55)}
.role-toggle:hover,.mp-toggle:hover{position:relative;z-index:var(--mc-model-lift-z,80);transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006));box-shadow:0 12px 24px -12px var(--brand),inset 0 1px 0 rgba(255,255,255,.65)}
.role-toggle:active,.mp-toggle:active{transform:translateY(0) scale(.97)}
.role-toggle .rt-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;box-shadow:0 0 8px #f59e0b;transition:.25s}
.role-toggle.is-staff .rt-dot{background:#10b981;box-shadow:0 0 8px #10b981}
.role-toggle .rt-label{min-width:32px;text-align:center;transition:.2s}
.role-toggle .rt-swap{display:inline-flex;opacity:.55}
.mp-toggle{background:var(--panel);color:var(--soft);border-color:var(--line);box-shadow:0 6px 14px -10px rgba(0,0,0,.3)}
.mp-toggle:hover{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}
.mp-overlay{position:fixed;inset:0;z-index:9999;background:rgba(13,16,38,.62);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;animation:mp-fade .25s ease}
@keyframes mp-fade{from{opacity:0}to{opacity:1}}
.mp-phone{--mc-s25-phone-width:min(390px,92vw);position:relative;isolation:isolate;width:var(--mc-s25-phone-width);max-width:var(--mc-s25-phone-width);height:auto;aspect-ratio:77.6 / 162.8;margin:0 auto;padding:5px;display:grid;grid-template-rows:minmax(0,1fr);border:.5px solid rgba(244,244,241,.22);border-radius:24px;background:#07080a;background-image:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.008));box-shadow:none;filter:none;overflow:hidden}
.mp-phone::before{content:"";position:absolute;left:50%;top:13px;z-index:4;width:9px;height:9px;transform:translateX(-50%);border:.5px solid rgba(255,255,255,.13);border-radius:999px;background:#050507;box-shadow:none;filter:none;pointer-events:none}
.mp-phone::after{content:"";position:absolute;left:50%;bottom:11px;z-index:4;width:82px;height:3px;transform:translateX(-50%);border-radius:999px;background:rgba(255,255,255,.34);box-shadow:none;filter:none;pointer-events:none}
.mp-phone iframe{width:100%;height:100%;border:0;border-radius:19px;background:#080b10;color-scheme:dark;box-shadow:none;filter:none}
.mp-close{display:inline-flex;align-items:center;gap:8px;border:0;background:rgba(255,255,255,.16);color:#fff;padding:11px 24px;border-radius:999px;font-size:.9rem;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.16s}
.mp-close:hover{background:rgba(255,255,255,.28);position:relative;z-index:var(--mc-model-lift-z,80);transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))}
.mind-node.lvl0{--lvl:#4b5563!important}
.mind-node.lvl1{--lvl:#6b7280!important}
.mind-node.lvl2{--lvl:#9ca3af!important}
.mind-node.lvl3{--lvl:#a3a3a3!important}
.mind-node{border-top-color:var(--lvl,#6b7280)!important;background:color-mix(in srgb,var(--lvl,#6b7280) var(--lvlmix,12%),var(--panel))!important}
.box.root small{color:rgba(255,255,255,.72)!important}
.panel,.modal,.stat,.contact-item,.chat-msg,.sys-item,.geo-stat,.work-layout-card,.org-mini-group,.tree-h .box{
 border-color:color-mix(in srgb,var(--soft) 28%,var(--line))!important;
}

:root{
 --glass-panel:rgba(255,255,255,.56);
 --glass-panel-strong:rgba(255,255,255,.72);
 --glass-line:rgba(255,255,255,.42);
 --glass-shadow:0 28px 78px -48px rgba(17,24,39,.62),inset 0 1px 0 rgba(255,255,255,.62);
 --glass-blur:18px;
}
html[data-theme=dark]{
 --glass-panel:rgba(18,18,18,.54);
 --glass-panel-strong:rgba(24,24,24,.72);
 --glass-line:rgba(255,255,255,.12);
 --glass-shadow:0 30px 90px -54px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.08);
}
body{
 background:#000!important;
 background-image:none!important;
}
html[data-theme=dark] body{
 background:#000!important;
 background-image:none!important;
}
.mobile-quick,.panel,.modal,.stat,.contact-item,.chat-msg,.sys-item,.geo-stat,.work-layout-card,.org-mini-group,.tree-h .box,.flow-body,.auth-card,.notif-drop,.id-card,.table-wrap tbody tr,.att-bar-row,.demo-tip,.tabs,.toolbar input,.toolbar select,.input,.field input,.field select,.field textarea{
 background:var(--glass-panel)!important;
 border:1px solid var(--glass-line)!important;
 box-shadow:var(--glass-shadow)!important;
 -webkit-backdrop-filter:saturate(1.16) blur(var(--glass-blur));
-webkit-backdrop-filter:saturate(1.16) blur(var(--glass-blur));backdrop-filter:saturate(1.16) blur(var(--glass-blur));
}
.modal .m-head,.modal .m-foot,.notif-drop .nd-head{
 background:var(--glass-panel-strong)!important;
}
.panel,.stat,.contact-item,.sys-item,.chat-msg,.org-mini-group,.flow-body,.tree-h .box{border-radius:16px!important}
.modal{border-radius:20px!important}
.btn,.icon-btn,.x{
 background:rgba(255,255,255,.28)!important;
 border:1px solid rgba(255,255,255,.24)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 14px 34px -28px rgba(17,24,39,.75)!important;
 -webkit-backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
html[data-theme=dark] .btn,
html[data-theme=dark] .icon-btn,
html[data-theme=dark] .x{
 background:rgba(255,255,255,.06)!important;
 border-color:rgba(255,255,255,.10)!important;
}
.tabs button,.nav{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none;
-webkit-backdrop-filter:none;backdrop-filter:none;
}
.app{
 --app-fx-x:50%;
 --app-fx-y:36%;
 --app-fx-shift-x:0%;
 --app-fx-shift-y:0%;
 position:relative;
 isolation:isolate;
}
.app>.layout,.app>.mobile-quick,.app>.profile-backdrop,.app>.notif-backdrop{position:relative;z-index:1}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-01-shared-cross-surface-16-slice-01-part-02-seg-02-root-micro-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-01-shared-cross-surface-17-slice-01-part-02-seg-02-root-micro-02.css */

.btn.primary,.tabs button.active{
 background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,255,255,.42))!important;
 color:#111827!important;
 border:1px solid rgba(255,255,255,.52)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 14px 34px -28px rgba(17,24,39,.75)!important;
 -webkit-backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
html[data-theme=dark] .btn.primary,
html[data-theme=dark] .tabs button.active{
 background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.07))!important;
 color:#f5f5f5!important;
 border-color:rgba(255,255,255,.18)!important;
}.side .grp.grp-admin::before,.page-head h1::before,.stat::before{display:none!important}
.nav{gap:0!important}
.nav .ic,.mobile-quick .qic,.hud-ic,.hud-bg,.ann-ic,.nd-ic,.mind-ic,.orb-ic,.flow-dot.ok,.flow-dot.cur,.flow-dot.danger,.btn-google svg{display:none!important}
.hud-card{padding-top:18px!important}
.ann-banner{gap:10px!important}
.notif-drop .nd-row{gap:0!important}
.work-punch-stage .punch-orb{background:rgba(255,255,255,.22)!important}
.work-punch-stage .punch-orb .orb-ic{display:none!important}

.work-punch-stage,
.work-punch-stage.work-punch-hero,
.work-punch-stage.phs-unchecked,
.work-punch-stage.phs-checkedin,
.work-punch-stage.phs-done,
.work-punch-stage.phs-nonwork{
 background:transparent!important;
 border:0!important;
 border-radius:0!important;
 box-shadow:none!important;
 outline:0!important;
 overflow:visible!important;
 min-height:300px!important;
 padding:8px 0 4px!important;
 gap:16px!important;
}
.work-punch-stage::before,
.work-punch-stage::after{display:none!important}
.work-punch-stage .punch-orb{
 width:214px!important;
 height:214px!important;
 border:0!important;
 border-radius:50%!important;
 background:
  radial-gradient(circle at 32% 24%,rgba(255,255,255,.74) 0%,rgba(255,255,255,.28) 26%,rgba(148,163,184,.18) 54%,rgba(17,24,39,.86) 100%)!important;
 box-shadow:
  inset 0 4px 14px rgba(255,255,255,.62),
  inset 0 -22px 42px rgba(15,23,42,.4),
  0 34px 70px -28px rgba(15,23,42,.7),
  0 12px 28px -18px rgba(15,23,42,.8)!important;
 color:#fff!important;
 text-shadow:0 10px 28px rgba(0,0,0,.34);
}
.work-punch-stage .punch-orb.unchecked{
 background:
  radial-gradient(circle at 32% 24%,rgba(255,255,255,.78) 0%,rgba(147,197,253,.4) 25%,rgba(37,99,235,.78) 58%,rgba(30,64,175,.96) 100%)!important;
}
.work-punch-stage .punch-orb.checkedin,
.work-punch-stage .punch-orb.done{
 background:
  radial-gradient(circle at 32% 24%,rgba(255,255,255,.78) 0%,rgba(167,243,208,.42) 25%,rgba(16,185,129,.8) 58%,rgba(4,120,87,.96) 100%)!important;
}
.work-punch-stage .punch-orb.nonwork{
 background:
  radial-gradient(circle at 32% 24%,rgba(255,255,255,.72) 0%,rgba(226,232,240,.34) 25%,rgba(100,116,139,.72) 58%,rgba(30,41,59,.94) 100%)!important;
}
.work-punch-stage .punch-orb::before{
 inset:13px!important;
 border:1px solid rgba(255,255,255,.2)!important;
 box-shadow:inset 0 2px 8px rgba(255,255,255,.22)!important;
}
.work-punch-stage .punch-orb::after{
 display:block!important;
 inset:-18px!important;
 border:1px solid rgba(255,255,255,.12)!important;
 opacity:.42!important;
 box-shadow:0 0 0 1px rgba(255,255,255,.04)!important;
}
.work-punch-stage .punch-orb .orb-time{font-size:2rem!important;font-weight:800!important}
.work-punch-stage .punch-orb .orb-sub{font-size:var(--mc-type-caption-meta,.68rem)!important;margin-top:10px!important}
.work-punch-stage .punch-orb .orb-meta{font-size:.66rem!important;margin-top:5px!important}
.work-punch-stage .punch-orb .orb-tiny{display:none!important}
.work-punch-stage .work-punch-actions{width:min(100%,320px)!important;gap:12px!important}
.work-punch-stage .punch-action{
 border-color:var(--glass-line)!important;
 background:color-mix(in srgb,var(--glass-panel-strong) 72%,transparent)!important;
 color:var(--text)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 18px 34px -28px rgba(17,24,39,.72)!important;
}
.work-punch-stage .punch-action:hover{
 border-color:var(--glass-line)!important;
 background:color-mix(in srgb,var(--glass-panel-strong) 86%,transparent)!important;
 color:var(--text)!important;
}

:is(.tabs button:not(.active),.btn:not(.primary):not(.danger):not(.punch-action),.icon-btn,.x){
 border-color:var(--glass-line)!important;
 background:color-mix(in srgb,var(--glass-panel) 78%,transparent)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 14px 32px -30px rgba(17,24,39,.72)!important;
}

.view-toolbar{
 margin:0 0 14px!important;
 gap:10px!important;
 align-items:center!important;
}
.role-toggle,
.mp-toggle{
 min-height:40px!important;
 border-color:var(--glass-line)!important;
 background:color-mix(in srgb,var(--glass-panel-strong) 78%,transparent)!important;
 color:var(--text)!important;
 border-radius:999px!important;
 padding:9px 16px!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 18px 34px -30px rgba(17,24,39,.78)!important;
 -webkit-backdrop-filter:saturate(1.18) blur(16px)!important;
-webkit-backdrop-filter:saturate(1.18) blur(16px)!important;backdrop-filter:saturate(1.18) blur(16px)!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-01-shared-cross-surface-17-slice-01-part-02-seg-02-root-micro-02.css */


/* >>> runtime/legacy/styles/blocks/attendance/rules/compatibility-foundation/001-base-slice-01-attendance-18-slice-01-part-02-seg-02-root-micro-03.css */

.role-toggle .rt-dot,
.role-toggle .rt-swap{display:none!important}
.role-toggle .rt-label{
 min-width:0!important;
 font-weight:800!important;
 letter-spacing:0!important;
}
.role-toggle:hover,
.mp-toggle:hover{
 z-index:var(--mc-model-lift-z,80)!important;
 transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important;
 background:color-mix(in srgb,var(--glass-panel-strong) 92%,transparent)!important;
 border-color:var(--glass-line)!important;
 color:var(--text)!important;
}
.mp-toggle svg{opacity:.78}

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 .work-punch-stage{min-height:250px!important;padding:4px 0 2px!important;gap:12px!important}
 .work-punch-stage .punch-orb{width:164px!important;height:164px!important}
 .work-punch-stage .punch-orb .orb-time{font-size:1.5rem!important}
 .work-punch-stage .punch-orb .orb-sub{font-size:.68rem!important;margin-top:7px!important}
 .work-punch-stage .punch-orb .orb-meta{font-size:.58rem!important}
 .work-punch-stage .work-punch-actions{width:min(100%,286px)!important;gap:9px!important}
 .work-punch-stage .punch-action{min-height:41px!important;font-size:.8rem!important}
 .view-toolbar{justify-content:flex-start!important}
 .role-toggle,.mp-toggle{min-height:38px!important;padding:8px 13px!important;font-size:var(--mc-type-body-control,.82rem)!important}
}
:is(
 .tabs button,
 .notif-drop .nd-tabs button,
 .btn:not(.primary):not(.danger):not(.punch-action),
 .icon-btn,
 .x,
 .role-toggle,
 .mp-toggle,
 .checkbox
){
 background:color-mix(in srgb,var(--glass-panel) 80%,transparent)!important;
 box-shadow:inset 0 1px 0 color-mix(in srgb,var(--glass-panel-strong) 58%,transparent),0 14px 30px -32px rgba(17,24,39,.62)!important;
}
:is(.btn.glass-select-list, button.btn.glass-select-list):not(.primary):not(.danger):not(.punch-action){
  background:color-mix(in srgb,var(--glass-panel) 92%,transparent)!important;
  border-color:var(--glass-line)!important;
  color:var(--text)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--glass-panel-strong) 66%,transparent),0 14px 30px -30px rgba(17,24,39,.62)!important;
  backdrop-filter:blur(18px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.18)!important;
}
:is(.btn.primary){
 border-color:transparent!important;
 box-shadow:0 12px 28px -22px var(--brand)!important;
}
:is(.tag){
 border:0!important;
 box-shadow:none!important;
}
.work-punch-stage .punch-action,
.work-punch-stage .punch-action:hover{
 border-color:transparent!important;
}

.side-fold-btn{display:grid!important}
.layout.side-collapsed .side{
 width:76px!important;
 padding:12px 10px!important;
 overflow-x:hidden!important;
 transition:width .18s ease,padding .18s ease;
}
.side{transition:width .18s ease,padding .18s ease}
.side.collapsed .nav{
 justify-content:center!important;
 width:48px!important;
 height:48px!important;
 padding:0!important;
 margin:4px auto!important;
 border-radius:16px!important;
 gap:0!important;
 color:var(--soft)!important;
}

/* <<< runtime/legacy/styles/blocks/attendance/rules/compatibility-foundation/001-base-slice-01-attendance-18-slice-01-part-02-seg-02-root-micro-03.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-foundation/001-base-slice-01-left-navigation-19-slice-01-part-03-seg-01-root-nano-01.css */

/* Legacy ordered base slice 01 part 03; split from 001-base-slice-01-root.css. Keep import order stable. */
.side.collapsed .nav .ic{
 display:grid!important;
 place-items:center!important;
 width:38px!important;
 height:38px!important;
 border-radius:15px!important;
 color:currentColor!important;
 background:
  radial-gradient(circle at 32% 22%,rgba(255,255,255,.36),transparent 34%),
  color-mix(in srgb,currentColor 10%,transparent)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 12px 24px -22px currentColor!important;
 -webkit-backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.side-ico{
 width:20px;
 height:20px;
 display:block;
 fill:none;
 stroke:currentColor;
 stroke-width:1.85;
 stroke-linecap:round;
 stroke-linejoin:round;
 filter:drop-shadow(0 5px 8px color-mix(in srgb,currentColor 20%,transparent));
}
.side.collapsed .nav .badge{
 position:absolute!important;
 top:4px!important;
 right:4px!important;
 margin:0!important;
}
.layout.side-collapsed .main{padding-left:18px}

.employee-hud-cards{
 grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
}
.employee-hud-cards .hud-card{
 min-height:106px;
}
.employee-hud-cards .hud-val{
 font-size:1.7rem;
}

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 .side-fold-btn{display:none!important}
 .layout.side-collapsed .side{width:min(84vw,318px)!important;padding:12px 10px 92px!important}
 .side.collapsed .nav{width:auto!important;height:auto!important;justify-content:flex-start!important;padding:12px!important;margin-bottom:1px!important}
 .side.collapsed .nav .ic{display:none!important}
 .layout.side-collapsed .main{padding-left:10px}
 .employee-hud-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

.topbar{
 background:color-mix(in srgb,var(--bg) 72%,transparent)!important;
 border:0!important;
 box-shadow:none!important;
 -webkit-backdrop-filter:saturate(1.12) blur(12px)!important;
-webkit-backdrop-filter:saturate(1.12) blur(12px)!important;backdrop-filter:saturate(1.12) blur(12px)!important;
}
.topbar .left{gap:10px!important;color:color-mix(in srgb,var(--text) 82%,var(--soft))!important}
.topbar .left .mark{
 width:auto!important;
 height:auto!important;
 min-width:0!important;
 background:transparent!important;
 color:color-mix(in srgb,var(--text) 88%,var(--soft))!important;
 border:0!important;
 border-radius:0!important;
 box-shadow:none!important;
 font-size:.94rem!important;
 font-weight:900!important;
 letter-spacing:.02em!important;
}
.brand-name{
 color:color-mix(in srgb,var(--text) 86%,var(--soft))!important;
 font-weight:760!important;
 letter-spacing:0!important;
}
.topbar .left small{
 border-left:0!important;
 padding-left:0!important;
 color:color-mix(in srgb,var(--soft) 76%,transparent)!important;
 letter-spacing:.04em!important;
 text-transform:none!important;
 font-family:inherit!important;
}
.topbar .right{gap:8px!important}
.topbar .icon-btn,
.topbar .side-fold-btn{
 width:32px!important;
 height:32px!important;
 padding:0!important;
 border:0!important;
 border-radius:0!important;
 background:transparent!important;
 box-shadow:none!important;
 outline:0!important;
 color:color-mix(in srgb,var(--soft) 86%,var(--text))!important;
 display:grid!important;
 place-items:center!important;
}
.topbar .icon-btn:hover,
.topbar .side-fold-btn:hover{
 background:transparent!important;
 box-shadow:none!important;
 color:var(--text)!important;
 position:relative!important;
 z-index:var(--mc-model-lift-z,80)!important;
 transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important;
}

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-foundation/001-base-slice-01-left-navigation-19-slice-01-part-03-seg-01-root-nano-01.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-foundation/001-base-slice-01-topbar-20-slice-01-part-03-seg-01-root-nano-02.css */

.top-ico{
 width:18px;
 height:18px;
 display:block;
 fill:none;
 stroke:currentColor;
 stroke-width:1.9;
 stroke-linecap:round;
 stroke-linejoin:round;
}
.top-cloud{
 display:flex;
 align-items:center;
 gap:5px;
 color:color-mix(in srgb,var(--soft) 76%,var(--text));
 font-size:var(--mc-type-caption-meta,.68rem);
 flex-shrink:0;
}
.topbar .g-chip{
 width:18px!important;
 height:18px!important;
 border:0!important;
 border-radius:0!important;
 background:transparent!important;
 box-shadow:none!important;
 color:currentColor!important;
 display:grid!important;
 place-items:center!important;
}
.topbar .g-chip.sync{color:var(--ok)!important}
.topbar .g-chip.pending{color:var(--warn)!important;background:transparent!important}
.topbar .g-chip.error{color:var(--danger)!important}
.topbar .g-chip.local{color:var(--soft)!important}
.topbar #cloudLabel{
 color:color-mix(in srgb,var(--soft) 76%,transparent)!important;
 font-size:.63rem!important;
 max-width:48px!important;
}
.topbar .uchip{
 gap:7px!important;
 padding-left:0!important;
 color:color-mix(in srgb,var(--text) 86%,var(--soft));
}
.topbar .avatar{
 width:30px!important;
 height:30px!important;
 background:color-mix(in srgb,var(--text) 10%,transparent)!important;
 color:var(--text)!important;
 box-shadow:none!important;
 border:0!important;
}
.topbar .uchip .name{
 font-size:.82rem!important;
 font-weight:720!important;
 color:color-mix(in srgb,var(--text) 88%,var(--soft));
}
.topbar .uchip .role{
 font-size:.64rem!important;
 color:color-mix(in srgb,var(--soft) 72%,transparent)!important;
 text-transform:none!important;
 letter-spacing:0!important;
 font-family:inherit!important;
}
.topbar .badge{
 top:0!important;
 right:0!important;
 min-width:7px!important;
 width:7px!important;
 height:7px!important;
 padding:0!important;
 font-size:0!important;
 border-radius:50%!important;
 box-shadow:none!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 .topbar{background:color-mix(in srgb,var(--bg) 84%,transparent)!important}
 .topbar .right{gap:4px!important}
 .topbar .icon-btn{width:30px!important;height:30px!important}
 .topbar .uchip .name,.topbar .uchip .role,.topbar .left small{display:none!important}
 .topbar #cloudLabel{display:none!important}
 .topbar .g-chip{display:none!important}
}
.topbar .left .icon-btn.side-fold-btn,
.topbar .right .icon-btn.icon-btn,
.topbar .notif-wrap .icon-btn.icon-btn{
 background:transparent!important;
 background-color:transparent!important;
 background-image:none!important;
 box-shadow:none!important;
 border-color:transparent!important;
}
.topbar .left .icon-btn.side-fold-btn:hover,
.topbar .right .icon-btn.icon-btn:hover,
.topbar .notif-wrap .icon-btn.icon-btn:hover{
 background:transparent!important;
 background-color:transparent!important;
 background-image:none!important;
 box-shadow:none!important;
}

.attendance-page{
 width:min(100%,880px);
 margin:0 auto;
 display:grid;
 gap:14px;
}
.attendance-page .punch-wrap{
 display:grid!important;
 grid-template-columns:1fr!important;
 gap:14px!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-foundation/001-base-slice-01-topbar-20-slice-01-part-03-seg-01-root-nano-02.css */


/* >>> runtime/legacy/styles/blocks/attendance/rules/compatibility-foundation/001-base-slice-01-attendance-21-slice-01-part-03-seg-01-root-nano-03.css */

.attendance-panel{
 min-height:360px;
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 margin-bottom:0!important;
 background:transparent!important;
 border-color:transparent!important;
 box-shadow:none!important;
 padding:10px 0 0!important;
}
.attendance-panel .clock-time,
.attendance-panel .clock-date{
 display:none!important;
}
.attendance-panel #punchBox{
 width:100%;
 display:grid;
 place-items:center;
 gap:12px;
}
.attendance-info-panel{
 margin-bottom:0!important;
}
.attendance-orb{
 width:214px!important;
 height:214px!important;
 border:0!important;
 border-radius:50%!important;
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:center!important;
 gap:7px!important;
 color:#fff!important;
 text-align:center!important;
 cursor:pointer;
 background:
  radial-gradient(circle at 32% 24%,rgba(255,255,255,.78) 0%,rgba(147,197,253,.4) 25%,rgba(37,99,235,.78) 58%,rgba(30,64,175,.96) 100%)!important;
 box-shadow:
  inset 0 4px 14px rgba(255,255,255,.62),
  inset 0 -22px 42px rgba(15,23,42,.4),
  0 34px 70px -28px rgba(15,23,42,.7),
  0 12px 28px -18px rgba(15,23,42,.8)!important;
 text-shadow:0 10px 28px rgba(0,0,0,.34);
 transition:transform .18s ease,filter .18s ease;
}
.attendance-orb:hover{transform:translateY(-3px) scale(1.035)}
.attendance-orb.checkedin{
 background:
  radial-gradient(circle at 32% 24%,rgba(255,255,255,.78) 0%,rgba(167,243,208,.42) 25%,rgba(16,185,129,.8) 58%,rgba(4,120,87,.96) 100%)!important;
}
.attendance-orb.danger{
 background:
  radial-gradient(circle at 32% 24%,rgba(255,255,255,.76) 0%,rgba(254,202,202,.46) 25%,rgba(239,68,68,.82) 58%,rgba(153,27,27,.97) 100%)!important;
}

/* <<< runtime/legacy/styles/blocks/attendance/rules/compatibility-foundation/001-base-slice-01-attendance-21-slice-01-part-03-seg-01-root-nano-03.css */


/* >>> runtime/legacy/styles/blocks/attendance/rules/compatibility-foundation/001-base-slice-01-attendance-22-slice-01-part-03-seg-02-root-unit-01.css */

/* Legacy ordered CSS segment; extracted from 001-base-slice-01-part-03-root.css. Keep import order stable. */
.attendance-orb.nonwork{
 background:
  radial-gradient(circle at 32% 24%,rgba(255,255,255,.72) 0%,rgba(226,232,240,.34) 25%,rgba(100,116,139,.72) 58%,rgba(30,41,59,.94) 100%)!important;
}
.attendance-orb .orb-time{
 font-family:var(--mono);
 font-size:2rem;
 line-height:1;
 font-weight:850;
 letter-spacing:0;
}
.attendance-orb .orb-sub{
 font-size:var(--mc-type-emphasized-body,.82rem);
 font-weight:800;
 letter-spacing:.08em;
}
.attendance-orb .orb-meta{
 font-family:var(--mono);
 font-size:.66rem;
 opacity:.86;
}
.attendance-orb .orb-note{
 max-width:150px;
 font-size:.6rem;
 line-height:1.35;
 opacity:.66;
}
.attendance-rule-note{
 width:min(100%,520px);
 text-align:center;
 color:var(--soft);
 font-size:var(--mc-type-secondary-body,.76rem);
 line-height:1.55;
}
.attendance-tools{
 display:flex;
 justify-content:center;
 gap:8px;
 flex-wrap:wrap;
}
.work-punch-stage .punch-orb.danger{
 background:
  radial-gradient(circle at 32% 24%,rgba(255,255,255,.76) 0%,rgba(254,202,202,.46) 25%,rgba(239,68,68,.82) 58%,rgba(153,27,27,.97) 100%)!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 .attendance-page{width:100%;gap:10px}
 .attendance-panel{min-height:300px;padding:18px 12px!important}
 .attendance-orb{width:174px!important;height:174px!important}
 .attendance-orb .orb-time{font-size:1.5rem}
 .attendance-orb .orb-meta{font-size:.58rem}
 .attendance-rule-note{font-size:.7rem}
}
.brand-short{display:none}

.topbar .left .mark{display:none!important}
.topbar .side-fold-btn{display:none!important}
.brand-name{font-weight:850}
.side-collapse-nav{
 margin-bottom:10px!important;
 color:color-mix(in srgb,var(--soft) 86%,var(--text))!important;
 border-radius:14px!important;
}
.side-collapse-nav .ic{
 display:grid!important;
 place-items:center!important;
 width:28px!important;
 height:28px!important;
 color:currentColor!important;
}
.side-collapse-nav .top-ico{
 width:19px!important;
 height:19px!important;
 display:block!important;
 stroke:currentColor!important;
 fill:none!important;
}
.side-collapse-nav:hover{
 background:color-mix(in srgb,var(--brand-soft) 76%,var(--glass-panel))!important;
 color:var(--text)!important;
}
.side.collapsed .side-collapse-nav{
 margin-top:0!important;
 margin-bottom:10px!important;
}
.side.collapsed .side-collapse-nav .ic{
 display:grid!important;
 width:38px!important;
 height:38px!important;
}

/* <<< runtime/legacy/styles/blocks/attendance/rules/compatibility-foundation/001-base-slice-01-attendance-22-slice-01-part-03-seg-02-root-unit-01.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/compatibility-foundation/001-base-slice-01-notifications-23-slice-01-part-03-seg-02-root-unit-02.css */

html[data-theme=dark]{
 --brand:#c7b9ff;
 --brand-dark:#8b5cf6;
 --brand-soft:rgba(139,92,246,.18);
 --accent:#7c3aed;
 --on-brand:#08070d;
 --bg:#08070d;
 --bg-subtle:#0e0b17;
 --chip:#171222;
 --panel:#100d19;
 --text:#f3efff;
 --soft:#a99fbd;
 --line:rgba(207,190,255,.16);
 --glass-panel:rgba(15,11,25,.58);
 --glass-panel-strong:rgba(21,16,34,.74);
 --glass-line:rgba(207,190,255,.13);
 --glass-shadow:0 32px 96px -56px rgba(0,0,0,.95),inset 0 1px 0 rgba(226,214,255,.08);
}
html[data-theme=dark] body{
 background:#000!important;
 background-image:none!important;
}
html[data-theme=dark] .mobile-quick,
html[data-theme=dark] .panel,
html[data-theme=dark] .modal,
html[data-theme=dark] .notif-drop{
 background:var(--glass-panel)!important;
 border-color:var(--glass-line)!important;
}
html[data-theme=dark] .modal .m-head,
html[data-theme=dark] .modal .m-foot,
html[data-theme=dark] .notif-drop .nd-head{
 background:var(--glass-panel-strong)!important;
}
.layout.side-collapsed .side{
 width:max-content!important;
 min-width:116px!important;
 max-width:180px!important;
 padding:12px 10px!important;
}

/* <<< runtime/legacy/styles/blocks/notifications/drawer/compatibility-foundation/001-base-slice-01-notifications-23-slice-01-part-03-seg-02-root-unit-02.css */


/* >>> runtime/legacy/styles/blocks/foundations/root/compatibility/001-base-slice-01-enterprise-entry.css */

/* Enterprise compatibility entry. Ordered owner files preserve the original slice-01 cascade and malformed legacy files. */

/* <<< runtime/legacy/styles/blocks/foundations/root/compatibility/001-base-slice-01-enterprise-entry.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-02-left-navigation-segment-01.css */

/* Legacy ordered base slice 02 part 01; split from 001-base-slice-02-side-collapsed-nav.css. Keep import order stable. */
.side.collapsed .nav{
 width:auto!important;
 height:auto!important;
 justify-content:flex-start!important;
 padding:9px 10px!important;
 margin:2px 0!important;
 border-radius:10px!important;
 gap:0!important;
 background:transparent!important;
 box-shadow:none!important;
}
.side.collapsed .nav .ic{
 display:none!important;
 background:transparent!important;
 box-shadow:none!important;
 border:0!important;
 border-radius:0!important;
 -webkit-backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
.side.collapsed .nav .nav-label{
 display:inline!important;
 white-space:nowrap!important;
 font-size:var(--mc-type-body-control,.82rem)!important;
}
.side.collapsed .side-collapse-nav .nav-label{
 display:inline!important;
}
.side.collapsed .side-collapse-nav .ic{
 display:none!important;
}
.side.collapsed .grp,
.side.collapsed .grp-sep{
 display:none!important;
}
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
 .layout.side-collapsed .side{
  width:76px!important;
  min-width:76px!important;
  max-width:76px!important;
  padding:12px 10px!important;
  overflow-x:hidden!important;
 }
 .side.collapsed .grp,
 .side.collapsed .grp-sep{
  display:none!important;
 }
 .side.collapsed .nav{
  justify-content:center!important;
  align-items:center!important;
  width:48px!important;
  height:48px!important;
  padding:0!important;
  margin:4px auto!important;
  border-radius:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
 }
 .side.collapsed .nav .nav-label{
  display:none!important;
 }
 .side.collapsed .nav .ic{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  color:currentColor!important;
 }
 .side.collapsed .nav .side-ico,
 .side.collapsed .nav .top-ico{
  display:block!important;
  width:22px!important;
  height:22px!important;
  stroke:currentColor!important;
  fill:none!important;
 }
 .layout.side-collapsed .main{
  padding-left:18px!important;
 }
}

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-02-left-navigation-segment-01.css */


/* >>> runtime/legacy/styles/blocks/shell/workbench/compatibility-effects/001-base-slice-02-workbench-segment-01.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 .layout{
  min-height:0!important;
 }
 .main{
  padding-top:2px!important;
  margin-top:0!important;
 }
 .page-head{
  margin-top:0!important;
  margin-bottom:6px!important;
 }
 .page-head h1{
  line-height:1.08!important;
  margin-bottom:2px!important;
 }
 .view-toolbar{
  margin-top:0!important;
  margin-bottom:6px!important;
 }
 .hud-cards{
  margin-top:0!important;
 }
}

.workbench-triple{
 display:grid!important;
 grid-template-columns:minmax(190px,.58fr) minmax(280px,1fr) minmax(280px,1fr)!important;
 gap:12px!important;
 align-items:stretch!important;
 margin-bottom:10px!important;
}
.workbench-triple>div{
 min-width:0!important;
 height:100%!important;
}
.workbench-punch-slot{
 display:flex!important;
 align-items:stretch!important;
 justify-content:flex-start!important;
}
.workbench-punch-slot .work-punch-stage{
 width:100%!important;
 min-height:208px!important;
 height:100%!important;
 padding:0!important;
 display:flex!important;
 align-items:center!important;
 justify-content:flex-start!important;
 place-items:unset!important;
}
.workbench-punch-slot .work-punch-stage .work-punch-main{
 justify-content:flex-start!important;
 padding-left:0!important;
}

.workbench-punch-slot .work-punch-stage .punch-orb{
  width:176px!important;
  height:176px!important;
  margin:0!important;
}
.punch-welcome{
  margin:10px 0 10px;
  max-width:100%;
  text-align:center;
  display:none;
  flex-direction:column;
  align-items:center;
  gap:4px;
  color:var(--text);
  padding:0 4px;
}
.punch-welcome-top{
  width:100%;
  margin:10px 0 12px!important;
}
.punch-welcome-title{
  margin:0;
  font-size:1.22rem;
  line-height:1.25;
  font-weight:800;
  letter-spacing:.01em;
  text-align:left;
  white-space:normal;
  word-break:break-word;
  width:100%;
}
.punch-welcome-name{
  display:block;
  margin-top:2px;
}
.punch-welcome-tip{
  margin:0;
  font-size:var(--mc-type-secondary-body,.76rem);
  line-height:1.2;
  color:var(--soft);
}
.workbench-todo-slot .panel,
.workbench-notif-slot .panel{
  height:100%!important;
  min-height:208px!important;
 margin-bottom:0!important;
}
@media(max-width:980px){
 .workbench-triple{
  grid-template-columns:1fr!important;
 }
 .workbench-punch-slot .work-punch-stage{
  min-height:250px!important;
  justify-content:center!important;
 }
 .workbench-punch-slot .work-punch-stage .work-punch-main{
  justify-content:center!important;
 }
 .workbench-punch-slot .work-punch-stage .punch-orb{
  margin:0 auto!important;
 }
}

/* <<< runtime/legacy/styles/blocks/shell/workbench/compatibility-effects/001-base-slice-02-workbench-segment-01.css */


/* >>> runtime/legacy/styles/blocks/shell/profile-rail/compatibility-effects/001-base-slice-02-profile-rail-segment-01.css */

.profile-wrap{
 position:relative;
 z-index:120;
}
.profile-wrap .uchip{
 cursor:pointer;
 border-radius:999px;
}
.profile-menu{
 position:absolute;
 right:0;
 top:44px;
 width:148px;
 padding:8px;
 border-radius:16px;
 background:color-mix(in srgb,var(--glass-panel-strong) 88%,transparent);
 border:1px solid color-mix(in srgb,var(--glass-line) 72%,transparent);
 box-shadow:0 28px 70px -38px rgba(17,24,39,.75),inset 0 1px 0 rgba(255,255,255,.28);
 -webkit-backdrop-filter:saturate(1.18) blur(20px);
-webkit-backdrop-filter:saturate(1.18) blur(20px);backdrop-filter:saturate(1.18) blur(20px);
 display:flex;
 flex-direction:column;
 gap:3px;
 z-index:130;
}
.profile-menu button{
 border:0!important;
 background:transparent!important;
 box-shadow:none!important;
 border-radius:11px!important;
 color:var(--text)!important;
 text-align:left;
 padding:9px 10px!important;
 font-size:var(--mc-type-body-control,.82rem)!important;
 font-weight:720!important;
}
.profile-menu button:hover{
 background:color-mix(in srgb,var(--brand-soft) 76%,transparent)!important;
}
.profile-menu .pm-danger{
 color:var(--danger)!important;
}
.profile-backdrop{
 position:fixed;
 inset:0;
 z-index:39;
 background:transparent;
}

/* <<< runtime/legacy/styles/blocks/shell/profile-rail/compatibility-effects/001-base-slice-02-profile-rail-segment-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-02-shared-cross-surface-segment-01.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 .profile-menu{
  top:38px;
  right:0;
  width:136px;
 }
 .main:not(.page-workbench){
  padding:0 0 calc(92px + env(safe-area-inset-bottom))!important;
  margin:0!important;
  width:100%!important;
 }
 .main:not(.page-workbench)>.page-head{
  margin:0!important;
  padding:10px 12px 8px!important;
  width:100%!important;
 }
 .main:not(.page-workbench)>.tabs,
 .main:not(.page-workbench)>.toolbar{
  margin-left:0!important;
  margin-right:0!important;
  padding-left:10px!important;
  padding-right:10px!important;
 }
 .main:not(.page-workbench)>.panel,
 .main:not(.page-workbench)>form>.panel,
 .main:not(.page-workbench) .org-layout>.panel{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  border-radius:0!important;
 }
 .main:not(.page-workbench) .table-wrap tbody tr{
  border-radius:0!important;
  margin-left:0!important;
  margin-right:0!important;
 }
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-02-shared-cross-surface-segment-01.css */


/* >>> runtime/legacy/styles/blocks/themes/shared/compatibility-effects/001-base-slice-02-theme-segment-01.css */

html,body,#root,.app{
 min-height:100%;
 background:var(--bg)!important;
 overscroll-behavior-y:none;
}
body{min-height:100dvh}
html[data-theme=dark],
html[data-theme=dark] body,
html[data-theme=dark] #root,
html[data-theme=dark] .app{
 background:
  radial-gradient(900px 520px at 18% -10%,rgba(91,33,182,.18),transparent 58%),
  radial-gradient(820px 520px at 102% 110%,rgba(14,165,233,.08),transparent 54%),
  linear-gradient(145deg,#08070d 0%,#0d0c13 44%,#15101f 100%)!important;
}

/* <<< runtime/legacy/styles/blocks/themes/shared/compatibility-effects/001-base-slice-02-theme-segment-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-effects/001-base-slice-02-application-layout-segment-01.css */

.auth,.layout,.main{background:transparent}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-effects/001-base-slice-02-application-layout-segment-01.css */


/* >>> runtime/legacy/styles/blocks/organization/picker/compatibility-effects/001-base-slice-02-organization-picker-segment-01.css */

.org-pick-list{
  display:flex;
  flex-direction:column;
  gap:5px;
  max-height:62vh;
  overflow:auto;
  padding:2px;
  background:color-mix(in srgb,var(--bg-subtle) 78%,transparent);
  border-radius:12px;
  border:1px solid color-mix(in srgb,var(--line) 58%,transparent);
  -webkit-backdrop-filter:blur(16px) saturate(1.08);
  backdrop-filter:blur(16px) saturate(1.08);
}
.org-pick-row{--row-bg:color-mix(in srgb,var(--bg-subtle) 84%,transparent);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:9px 10px;margin-left:calc(var(--depth,0) * 18px);border:0!important;border-radius:13px;background:var(--row-bg);cursor:pointer;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}
.org-pick-list>.org-pick-row:nth-child(even),.org-pick-children>.org-pick-row:nth-child(even),.org-pick-children>.org-pick-dept:nth-child(even)>.org-pick-row{--row-bg:color-mix(in srgb,var(--bg-subtle) 82%,transparent)}
.org-pick-row:hover{background:color-mix(in srgb,var(--brand) 9%,var(--panel))!important;box-shadow:0 16px 34px -28px var(--brand),inset 0 0 0 1px color-mix(in srgb,var(--brand) 12%,transparent)!important}
.org-pick-main{display:flex;flex-direction:column;gap:2px;min-width:0}
.org-pick-main b{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.org-pick-main span{font-size:var(--mc-type-secondary-body,.76rem);color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.org-pick-company{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 18%,var(--bg-subtle)),color-mix(in srgb,var(--bg-subtle) 90%,transparent))}
.org-pick-dept,.org-pick-children{display:flex;flex-direction:column;gap:5px}
.org-pick-fold{border:0;background:color-mix(in srgb,var(--brand) 10%,transparent);color:var(--soft);border-radius:999px;padding:5px 9px;font-size:var(--mc-type-body-control,.82rem);cursor:pointer}
.org-pick-person{grid-template-columns:auto auto minmax(0,1fr)}
.org-pick-spacer{width:18px;height:18px}

/* <<< runtime/legacy/styles/blocks/organization/picker/compatibility-effects/001-base-slice-02-organization-picker-segment-01.css */


/* >>> runtime/legacy/styles/blocks/overlays/employee-detail/compatibility-effects/001-base-slice-02-employee-detail-segment-01.css */

.modal .id-card{max-width:520px;margin:0 auto;gap:10px}
.modal .id-card-head{gap:10px}
.modal .id-card-head .avatar{width:48px!important;height:48px!important;font-size:1.05rem!important}
.modal .id-card-tags{gap:5px;margin-top:5px}

/* Legacy ordered base subpart; extracted from 001-base-slice-02-part-01-side-collapsed-nav.css. Keep import order stable. */
.modal .id-card .info-list{display:grid;gap:5px}
.modal .id-card .info-list .r{padding:7px 9px!important;border:0!important;border-radius:10px;background:color-mix(in srgb,var(--panel) 82%,transparent)}
.modal .id-card .info-list .r:nth-child(even){background:color-mix(in srgb,var(--bg-subtle) 82%,transparent)}

/* <<< runtime/legacy/styles/blocks/overlays/employee-detail/compatibility-effects/001-base-slice-02-employee-detail-segment-01.css */


/* >>> runtime/legacy/styles/blocks/contacts/chat/compatibility-effects/001-base-slice-02-contacts-chat-segment-01.css */

.chat-panel{background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 92%,transparent),color-mix(in srgb,var(--bg-subtle) 84%,transparent));border-radius:18px;padding:12px}
.chat-head{border-bottom:0!important;margin-bottom:8px;padding-bottom:8px}
.chat-stream{gap:8px;padding:10px;border-radius:16px;background:color-mix(in srgb,var(--bg) 34%,transparent)}
.chat-msg{border:0!important;max-width:min(78%,520px);padding:9px 11px;border-radius:16px 16px 16px 5px;background:color-mix(in srgb,var(--panel) 94%,#fff 6%);box-shadow:0 12px 30px -28px rgba(0,0,0,.8)!important}
.chat-msg.me{border-radius:16px 16px 5px 16px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 28%,#16a34a 18%),color-mix(in srgb,var(--brand) 16%,transparent));color:var(--text)}
.chat-msg-top{font-size:var(--mc-type-caption-meta,.68rem);opacity:.78}
.chat-msg-text{font-size:.88rem;line-height:1.55}
.chat-composer{border-top:0!important;padding:8px;margin-top:8px;border-radius:999px;background:color-mix(in srgb,var(--glass-panel) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.chat-composer textarea{min-height:44px;max-height:120px;border:0!important;border-radius:999px;background:color-mix(in srgb,var(--panel) 78%,transparent);resize:none}

/* <<< runtime/legacy/styles/blocks/contacts/chat/compatibility-effects/001-base-slice-02-contacts-chat-segment-01.css */


/* >>> runtime/legacy/styles/blocks/overlays/employee-detail/compatibility-effects/001-base-slice-02-employee-detail-segment-02.css */

.info-list .r,.feed .fi,.contact-item,.nd-row,.sys-item,.att-bar-row,.org-mini-row,.flow-body,.contact-group-head{border:0!important}
.info-list .r:nth-child(odd),.feed .fi:nth-child(odd),.contact-item:nth-child(odd),.nd-row:nth-child(odd),.sys-item:nth-child(odd),.att-bar-row:nth-child(odd),.org-mini-row:nth-child(odd){background:color-mix(in srgb,var(--panel) 84%,transparent)!important}
.info-list .r:nth-child(even),.feed .fi:nth-child(even),.contact-item:nth-child(even),.nd-row:nth-child(even),.sys-item:nth-child(even),.att-bar-row:nth-child(even),.org-mini-row:nth-child(even){background:color-mix(in srgb,var(--bg-subtle) 82%,transparent)!important}
.info-list .r,.feed .fi,.contact-item,.nd-row,.sys-item,.att-bar-row,.org-mini-row,.flow-body{transition:background .16s ease,box-shadow .16s ease,transform .16s ease}
.info-list .r:hover,.feed .fi:hover,.contact-item:hover,.nd-row:hover,.sys-item:hover,.att-bar-row:hover,.org-mini-row:hover,.flow-body:hover{background:color-mix(in srgb,var(--brand) 8%,var(--panel))!important;box-shadow:0 16px 34px -28px var(--brand),inset 0 0 0 1px color-mix(in srgb,var(--brand) 10%,transparent)!important}

/* <<< runtime/legacy/styles/blocks/overlays/employee-detail/compatibility-effects/001-base-slice-02-employee-detail-segment-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-02-shared-cross-surface-segment-02.css */

@media(max-width:720px){
 .org-pick-list{max-height:68vh}
 .org-pick-row{margin-left:calc(var(--depth,0) * 10px);grid-template-columns:auto minmax(0,1fr) auto;padding:8px}
 .org-pick-person{grid-template-columns:auto auto minmax(0,1fr)}
 .chat-panel{padding:8px;border-radius:14px}
 .chat-msg{max-width:88%}
 .modal .id-card{max-width:100%}
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-02-shared-cross-surface-segment-02.css */


/* >>> runtime/legacy/styles/blocks/organization/picker/compatibility-effects/001-base-slice-02-organization-picker-segment-02.css */

.modal:has(.org-pick-list){
 max-width:520px!important;
}
.modal:has(.org-pick-list) .m-body{
 padding:14px 16px 16px!important;
}
.modal:has(.org-pick-list) .m-head,
.modal:has(.org-pick-list) .m-foot{
 padding-left:16px!important;
 padding-right:16px!important;
}
.modal:has(.org-pick-list) .input{
 height:38px;
 border-radius:12px;
 background:color-mix(in srgb,var(--panel) 72%,transparent)!important;
}
.modal:has(.org-pick-list) .chips{
 margin-bottom:8px!important;
}
.org-pick-list{
 gap:0!important;
 max-height:56vh!important;
 padding:2px 0 2px 2px!important;
}
.org-pick-row{
 position:relative;
 min-height:32px;
 margin-left:0!important;
 padding:5px 6px 5px calc(8px + var(--depth,0) * 20px)!important;
 border-radius:9px!important;
 background:transparent!important;
 box-shadow:none!important;
 grid-template-columns:auto minmax(0,1fr) auto!important;
}
.org-pick-person{
 grid-template-columns:auto auto minmax(0,1fr)!important;
 padding-left:calc(18px + var(--depth,0) * 20px)!important;
}
.org-pick-row:hover{
 background:color-mix(in srgb,var(--brand) 8%,transparent)!important;
 box-shadow:0 10px 22px -20px var(--brand)!important;
}
.org-pick-company{
 min-height:36px;
 padding-left:6px!important;
 margin-bottom:4px!important;
 border-radius:11px!important;
 background:color-mix(in srgb,var(--brand) 7%,transparent)!important;
}
.org-pick-dept{
 position:relative;
 gap:0!important;
}
.org-pick-dept::before{
  content:"";
  position:absolute;
  left:calc(12px + var(--depth,0) * 20px);
  top:0;
  bottom:0;
  width:1px;
  background:color-mix(in srgb,var(--brand) 22%,var(--line));
  opacity:.72;
}

.org-pick-dept>.org-pick-row::before,
.org-pick-person::before{
  content:"";
  position:absolute;
  left:calc(12px + var(--depth,0) * 20px);
  top:50%;
  width:12px;
  border-top:1px solid color-mix(in srgb,var(--brand) 26%,var(--line));
  opacity:.78;
}
.org-pick-dept-head{
 padding-left:calc(26px + var(--depth,0) * 20px)!important;
}
.org-pick-children{
 gap:0!important;
}
.org-pick-main b{
 font-size:var(--dept-size,.88rem)!important;
 line-height:1.22;
 font-weight:700;
}
.org-pick-person .org-pick-main b{
 font-size:.8rem!important;
 font-weight:600;
}
.org-pick-main span{
 font-size:var(--dept-meta-size,.74rem)!important;
 line-height:1.18;
}
.org-pick-company .org-pick-main b{
 font-size:.94rem!important;
}
.org-pick-fold{
 width:24px!important;
 height:24px!important;
 padding:0!important;
 display:grid!important;
 place-items:center!important;
 border-radius:50%!important;
 background:transparent!important;
 color:var(--soft)!important;
 font-size:.86rem!important;
 line-height:1!important;
}
.org-pick-fold:hover{
 background:color-mix(in srgb,var(--brand) 10%,transparent)!important;
 color:var(--brand)!important;
}
.org-pick-person .avatar{
 width:24px!important;
 height:24px!important;
 font-size:var(--mc-type-caption-meta,.68rem)!important;
 box-shadow:none!important;
}
@media(max-width:720px){
 .modal:has(.org-pick-list){
  max-width:none!important;
 }
 .org-pick-list{
  max-height:66vh!important;
 }
 .org-pick-row{
  padding-top:6px!important;
  padding-bottom:6px!important;
 }
 .org-pick-dept::before,
 .org-pick-dept>.org-pick-row::before,
 .org-pick-person::before{
  left:calc(10px + var(--depth,0) * 16px);
 }
 .org-pick-dept-head{
  padding-left:calc(22px + var(--depth,0) * 16px)!important;
 }
 .org-pick-person{
  padding-left:calc(16px + var(--depth,0) * 16px)!important;
 }
}

/* <<< runtime/legacy/styles/blocks/organization/picker/compatibility-effects/001-base-slice-02-organization-picker-segment-02.css */


/* >>> runtime/legacy/styles/blocks/shell/workbench/compatibility-effects/001-base-slice-02-workbench-segment-02.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
 .main:not(.page-contacts){
  flex:0 1 1320px!important;
  width:100%!important;
  max-width:1320px!important;
  margin-left:0!important;
  margin-right:auto!important;
  text-align:left!important;
 }
 .main>*{
  margin-left:0!important;
  margin-right:0!important;
 }
 .main:not(.page-workbench):not(.page-contacts) .panel,
 .main:not(.page-workbench):not(.page-contacts) .toolbar,
 .main:not(.page-workbench):not(.page-contacts) .tabs,
 .main:not(.page-workbench):not(.page-contacts) .grid,
 .main:not(.page-workbench):not(.page-contacts) .row2,
 .main:not(.page-workbench):not(.page-contacts) .row3,
 .main:not(.page-workbench):not(.page-contacts) .org-layout,
 .main:not(.page-workbench):not(.page-contacts) .comms-layout,
 .main:not(.page-workbench):not(.page-contacts) .attendance-page{
  max-width:1180px;
 }
 .main.page-workbench{
  max-width:1440px!important;
 }
}

/* <<< runtime/legacy/styles/blocks/shell/workbench/compatibility-effects/001-base-slice-02-workbench-segment-02.css */


/* >>> runtime/legacy/styles/blocks/organization/picker/compatibility-effects/001-base-slice-02-organization-picker-segment-03.css */

.modal:has(.org-pick-list){
 max-width:440px!important;
}
.org-pick-list{
 max-height:52vh!important;
}

.org-pick-row{
 min-height:29px!important;
 padding-top:4px!important;
 padding-bottom:4px!important;
}
.org-pick-company,
.org-pick-dept-head{
 grid-template-columns:auto minmax(0,1fr) auto!important;
}
.org-pick-company .org-pick-main,
.org-pick-dept-head .org-pick-main{
 display:flex!important;
 flex-direction:row!important;
 align-items:baseline!important;
 gap:8px!important;
 min-width:0;
}
.org-pick-company .org-pick-main b,
.org-pick-dept-head .org-pick-main b{
 min-width:0;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
}
.org-pick-company .org-pick-main span,
.org-pick-dept-head .org-pick-main span{
 flex-shrink:0;
 white-space:nowrap;
 opacity:.82;
 font-size:.68rem!important;
}
.org-pick-dept::before,
.org-pick-dept>.org-pick-row::before,
.org-pick-person::before{
 display:none!important;
}
.org-pick-dept-head{
 padding-left:calc(12px + var(--depth,0) * 18px)!important;
}
.org-pick-person{
 padding-left:calc(18px + var(--depth,0) * 18px)!important;
}
.org-pick-fold{
 width:20px!important;
 height:20px!important;
 font-size:var(--mc-type-body-control,.82rem)!important;
}

/* <<< runtime/legacy/styles/blocks/organization/picker/compatibility-effects/001-base-slice-02-organization-picker-segment-03.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-02-shared-cross-surface-segment-03.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 html[data-theme=light]{
  --bg:#ffffff;
  --bg-subtle:#f8fafc;
  --chip:#f3f4f6;
  --panel:#ffffff;
  --text:#111827;
  --soft:#6b7280;
  --line:#e5e7eb;
  --brand:#4b5563;
  --brand-soft:rgba(107,114,128,.10);
 }
 html[data-theme=light],
 html[data-theme=light] body,
 html[data-theme=light] #root,
 html[data-theme=light] .app{
  background:#ffffff!important;
 }
 html[data-theme=light] .topbar,
 html[data-theme=light] .side,
 html[data-theme=light] .main,
 html[data-theme=light] .auth,
 html[data-theme=light] .auth-panel{
  background:#ffffff!important;
 }
 html[data-theme=light] .panel,
 html[data-theme=light] .modal,
 html[data-theme=light] .table-wrap tbody tr{
  background:#ffffff!important;
 }
 .modal:has(.org-pick-list){
  max-width:none!important;
 }
 .org-pick-company .org-pick-main,
 .org-pick-dept-head .org-pick-main{
  gap:6px!important;
 }
 .org-pick-company .org-pick-main span,
 .org-pick-dept-head .org-pick-main span{
  font-size:.64rem!important;
 }
}

/* Legacy ordered base slice 02 part 02; split from 001-base-slice-02-side-collapsed-nav.css. Keep import order stable. */
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 html:not([data-theme=dark]){
  --bg:#ffffff!important;
  --bg-subtle:#ffffff!important;
  --chip:#f5f7fb!important;
  --panel:#ffffff!important;
  --text:#111827!important;
  --soft:#667085!important;
  --line:#e7eaf0!important;
  --brand:#4b5563!important;
  --brand-dark:#111827!important;
  --brand-soft:rgba(75,85,99,.09)!important;
  --glass-panel:rgba(255,255,255,.62)!important;
  --glass-panel-strong:rgba(255,255,255,.78)!important;
  --glass-line:rgba(17,24,39,.08)!important;
 }
 html:not([data-theme=dark]),
 html:not([data-theme=dark]) body,
 html:not([data-theme=dark]) #root,
 html:not([data-theme=dark]) .app,
 html:not([data-theme=dark]) .layout,
 html:not([data-theme=dark]) .main,
 html:not([data-theme=dark]) .auth,
 html:not([data-theme=dark]) .auth-panel{
 background:#ffffff!important;
 background-image:none!important;
}
html:not([data-theme=dark]) .org-pick-modal,
html:not([data-theme=dark]) .modal:has(.org-pick-list),
html:not([data-theme=dark]) .org-pick-list,
html:not([data-theme=dark]) .org-pick-row,
html:not([data-theme=dark]) .org-pick-company,
html:not([data-theme=dark]) .org-pick-dept-head,
html:not([data-theme=dark]) .org-simple-pick{
  background:color-mix(in srgb,var(--bg-subtle) 88%,transparent)!important;
  background-image:none!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.12);
  backdrop-filter:blur(16px) saturate(1.12);
}
html:not([data-theme=dark]) .modal:has(.org-pick-list) .m-body,
html:not([data-theme=dark]) .modal:has(.org-pick-list) .m-head,
html:not([data-theme=dark]) .modal:has(.org-pick-list) .m-foot,
html:not([data-theme=dark]) .org-pick-modal .m-body,
html:not([data-theme=dark]) .org-pick-modal .m-head,
html:not([data-theme=dark]) .org-pick-modal .m-foot{
  background:color-mix(in srgb,var(--bg-subtle) 84%,transparent)!important;
  background-image:none!important;
}
html:not([data-theme=dark]) select,
html:not([data-theme=dark]) .field select,
html:not([data-theme=dark]) .toolbar select{
  background-color:color-mix(in srgb,var(--bg-subtle) 82%,transparent)!important;
}
 html:not([data-theme=dark]) .topbar,
 html:not([data-theme=dark]) .side,
 html:not([data-theme=dark]) .panel,
 html:not([data-theme=dark]) .modal,
 html:not([data-theme=dark]) .stat,
 html:not([data-theme=dark]) .wb-widget .panel,
 html:not([data-theme=dark]) .contacts-panel,
 html:not([data-theme=dark]) .chat-panel,
 html:not([data-theme=dark]) .attendance-panel,
 html:not([data-theme=dark]) .attendance-info-panel,
 html:not([data-theme=dark]) .table-wrap tbody tr{
  background:#ffffff!important;
  background-image:none!important;
 }
 html:not([data-theme=dark]) .input,
 html:not([data-theme=dark]) .field input,
 html:not([data-theme=dark]) .field select,
 html:not([data-theme=dark]) .field textarea,
 html:not([data-theme=dark]) .toolbar input,
 html:not([data-theme=dark]) .toolbar select,
 html:not([data-theme=dark]) .select-summary,
 html:not([data-theme=dark]) .rule-bind,
 html:not([data-theme=dark]) .flow-body,
 html:not([data-theme=dark]) .sys-item,
 html:not([data-theme=dark]) .contact-item,
 html:not([data-theme=dark]) .att-bar-row,
 html:not([data-theme=dark]) .org-mini-row,
 html:not([data-theme=dark]) .work-layout-card{
  background:#ffffff!important;
  background-image:none!important;
 }
 html:not([data-theme=dark]) .info-list .r:nth-child(even),
 html:not([data-theme=dark]) .feed .fi:nth-child(even),
 html:not([data-theme=dark]) .nd-row:nth-child(even){
  background:#fbfcff!important;
 }
 html:not([data-theme=dark]) .mobile-quick{
  background:linear-gradient(135deg,rgba(255,255,255,.50),rgba(255,255,255,.22))!important;
  border-color:rgba(17,24,39,.08)!important;
 }
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-02-shared-cross-surface-segment-03.css */


/* >>> runtime/legacy/styles/blocks/shared/controls/compatibility-effects/001-base-slice-02-controls-segment-01.css */

.btn.primary,
.btn.sm.primary,
button.btn.primary{
 border:0!important;
 background:linear-gradient(135deg,rgba(59,130,246,.24),rgba(14,165,233,.16))!important;
 color:#1d4ed8!important;
 box-shadow:0 14px 28px -24px rgba(37,99,235,.72),inset 0 1px 0 rgba(255,255,255,.34)!important;
 -webkit-backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
.btn.primary:hover,
button.btn.primary:hover{
 color:#1e40af!important;
 filter:saturate(1.08) brightness(1.03);
 box-shadow:0 18px 34px -24px rgba(37,99,235,.86),inset 0 1px 0 rgba(255,255,255,.42)!important;
}

.btn:not(.primary):not(.danger),
.mp-toggle,
.role-toggle{
 border:0!important;
 background:color-mix(in srgb,var(--brand) 9%,transparent)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.btn.danger{
 border:0!important;
 background:linear-gradient(135deg,rgba(244,63,94,.18),rgba(249,115,22,.12))!important;
 color:#e11d48!important;
}

/* <<< runtime/legacy/styles/blocks/shared/controls/compatibility-effects/001-base-slice-02-controls-segment-01.css */


/* >>> runtime/legacy/styles/blocks/shell/workbench/compatibility-effects/001-base-slice-02-workbench-segment-03.css */

.hud-cards{
 gap:12px!important;
}
.hud-card{
 isolation:isolate;
 border:0!important;
 border-radius:22px!important;
 min-height:112px;
 padding:17px 17px!important;
 box-shadow:0 22px 52px -34px rgba(15,23,42,.72),inset 0 1px 0 rgba(255,255,255,.24)!important;
 -webkit-backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.hud-card::before,
.hud-card::after{
 content:"";
 position:absolute;
 pointer-events:none;
 z-index:0;
}
.hud-card::before{
 inset:0;
 background:
  radial-gradient(circle at 18% 18%,rgba(255,255,255,.28),transparent 28%),
  linear-gradient(135deg,rgba(255,255,255,.15),transparent 52%);
 opacity:.74;
}

.hud-card::after{
 right:-36px;
 top:-34px;
 width:132px;
 height:132px;
 border-radius:38px;
 background:
  linear-gradient(90deg,rgba(255,255,255,.20) 1px,transparent 1px),
  linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px);
 background-size:18px 18px;
 transform:rotate(18deg);
 opacity:.58;
 -webkit-mask-image:radial-gradient(circle,#000 45%,transparent 72%);
 mask-image:radial-gradient(circle,#000 45%,transparent 72%);
}
.hud-bg{
 display:block!important;
 right:10px!important;
 top:8px!important;
 font-size:5.8rem!important;
 opacity:.16!important;
 filter:blur(.2px) saturate(1.1);
 z-index:0!important;
}
.hud-ic,
.hud-val,
.hud-label,
.hud-sub{
 position:relative;
 z-index:1;
}
.hud-ic{
 display:block!important;
 width:30px;
 height:30px;
 border-radius:11px;
 display:grid!important;
 place-items:center;
 background:rgba(255,255,255,.18);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.24);
 font-size:1.05rem!important;
}
.hud-val{
 text-shadow:0 10px 26px rgba(0,0,0,.22);
}
.hud-card:hover{
 transform:translateY(var(--mc-model-lift-y-card,-3px)) scale(var(--mc-model-lift-scale-card,1.01))!important;
 filter:saturate(1.06) brightness(1.04)!important;
}
.hud-card:hover::after{
 transform:rotate(11deg) scale(1.08);
 opacity:.72;
}
.hud-card:nth-child(1),
.hud-blue{
 background:linear-gradient(135deg,#2563eb 0%,#06b6d4 58%,#67e8f9 100%)!important;
}
.hud-card:nth-child(2),
.hud-green{
 background:linear-gradient(135deg,#059669 0%,#10b981 55%,#86efac 100%)!important;
}
.hud-card:nth-child(3),
.hud-orange{
 background:linear-gradient(135deg,#f97316 0%,#f59e0b 56%,#fde68a 100%)!important;
}
.hud-card:nth-child(4),
.hud-purple{
 background:linear-gradient(135deg,#7c3aed 0%,#d946ef 52%,#f0abfc 100%)!important;
}
.employee-hud-cards .hud-todo{
 background:linear-gradient(135deg,#4338ca 0%,#0284c7 48%,#14b8a6 100%)!important;
}
.employee-hud-cards .hud-card:nth-child(2){
 background:linear-gradient(135deg,#0ea5e9 0%,#22c55e 68%,#bbf7d0 100%)!important;
}
.employee-hud-cards .hud-card:nth-child(3){
 background:linear-gradient(135deg,#8b5cf6 0%,#f97316 58%,#fed7aa 100%)!important;
}

/* <<< runtime/legacy/styles/blocks/shell/workbench/compatibility-effects/001-base-slice-02-workbench-segment-03.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-02-shared-cross-surface-segment-04.css */

html[data-theme=dark] .btn.primary,
html[data-theme=dark] button.btn.primary{
 background:linear-gradient(135deg,rgba(96,165,250,.28),rgba(45,212,191,.16))!important;
 color:#bfdbfe!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-02-shared-cross-surface-segment-04.css */


/* >>> runtime/legacy/styles/blocks/shell/workbench/compatibility-effects/001-base-slice-02-workbench-segment-04.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 .mp-toggle{
  display:none!important;
 }
 .hud-cards{
  gap:9px!important;
 }
 .hud-card{
  min-height:104px!important;
  border-radius:19px!important;
  padding:14px 12px!important;
 }
 .hud-bg{
  font-size:4.8rem!important;
  right:2px!important;
  top:3px!important;
 }
}
.ann-banner,
.workbench-todo-slot .panel,
.workbench-notif-slot .panel{
 position:relative;
 overflow:hidden;
 border:0!important;
 isolation:isolate;
 box-shadow:0 18px 48px -28px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.ann-banner::before,
.workbench-todo-slot .panel::before,
.workbench-notif-slot .panel::before{
 content:"";
 position:absolute;
 inset:-40px -50px auto auto;
 width:210px;
 height:210px;
 border-radius:50%;
 opacity:.22;
 background:radial-gradient(circle at 32% 32%,rgba(255,255,255,.85),transparent 0 6px),radial-gradient(circle at 62% 58%,rgba(255,255,255,.55),transparent 0 4px),linear-gradient(135deg,rgba(255,255,255,.42),transparent);
 transform:rotate(-14deg);
 pointer-events:none;
 z-index:-1;
}

.ann-banner::after,
.workbench-todo-slot .panel::after,
.workbench-notif-slot .panel::after{
 content:"";
 position:absolute;
 right:-20px;
 bottom:-44px;
 width:180px;
 height:120px;
 opacity:.2;
 border-radius:42px;
 background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(255,255,255,.08));
 transform:rotate(-18deg);
 pointer-events:none;
 z-index:-1;
}
.workbench-todo-slot .panel{
 background:linear-gradient(135deg,color-mix(in srgb,#2563eb 72%,var(--panel)),color-mix(in srgb,#14b8a6 58%,var(--panel)))!important;
 color:#fff;
}
.workbench-notif-slot .panel{
 background:linear-gradient(135deg,color-mix(in srgb,#7c3aed 66%,var(--panel)),color-mix(in srgb,#ec4899 46%,var(--panel)))!important;
 color:#fff;
}
.workbench-todo-slot .panel h3,
.workbench-notif-slot .panel h3,
.workbench-todo-slot .panel .muted,
.workbench-notif-slot .panel .muted{color:rgba(255,255,255,.86)!important}
.workbench-todo-slot .feed .fi,
.workbench-notif-slot .feed .fi{
 border:0!important;
 border-radius:14px;
 padding:10px 12px;
 margin-bottom:8px;
 color:#fff;
 background:rgba(255,255,255,.16);
 -webkit-backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
 transition:.18s ease;
}
.workbench-todo-slot .feed .fi:nth-child(even),
.workbench-notif-slot .feed .fi:nth-child(even){background:rgba(0,0,0,.12)}
.workbench-todo-slot .feed .fi:hover,
.workbench-notif-slot .feed .fi:hover{position:relative;z-index:var(--mc-model-lift-z,80);transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006));box-shadow:0 12px 24px -18px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.2)}
.workbench-todo-slot .feed .ft,
.workbench-notif-slot .feed .ft{background:rgba(255,255,255,.2);color:#fff;border:0}
.work-punch-stage .punch-orb .orb-meta,
.attendance-orb .orb-meta{
 max-width:78%;
 line-height:1.28;
 white-space:normal;
 text-align:center;
 font-family:var(--sans)!important;
}
.work-punch-stage .punch-orb .orb-tiny{display:block!important;max-width:78%;white-space:normal;line-height:1.2}
.work-punch-stage .punch-orb.danger .orb-meta,
.attendance-orb.danger .orb-meta{font-weight:800;color:#fff}

/* <<< runtime/legacy/styles/blocks/shell/workbench/compatibility-effects/001-base-slice-02-workbench-segment-04.css */


/* >>> runtime/legacy/styles/blocks/shell/profile-rail/compatibility-effects/001-base-slice-02-profile-rail-segment-02.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-02-part-02-side-collapsed-nav.css. Keep import order stable. */
.employee-profile-card{
 position:relative;
 overflow:hidden;
 border-radius:22px;
 padding:16px;
 color:#fff;
 min-height:178px;
 background:linear-gradient(135deg,#2563eb,#06b6d4);
 box-shadow:0 20px 48px -28px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.2);
 isolation:isolate;
}
.employee-profile-card.epc-sunset{background:linear-gradient(135deg,#f97316,#db2777,#7c3aed)}
.employee-profile-card.epc-violet{background:linear-gradient(135deg,#312e81,#7c3aed,#06b6d4)}
.employee-profile-card.epc-graphite{background:linear-gradient(135deg,#09090b,#312e81,#0f172a)}
.employee-profile-card .epc-bg{
 position:absolute;
 inset:-42px -70px auto auto;
 width:230px;
 height:230px;
 border-radius:50%;
 opacity:.24;
 background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,255,255,.06)),repeating-linear-gradient(45deg,rgba(255,255,255,.28) 0 2px,transparent 2px 12px);
 pointer-events:none;
 z-index:-1;
}

/* <<< runtime/legacy/styles/blocks/shell/profile-rail/compatibility-effects/001-base-slice-02-profile-rail-segment-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-02-shared-cross-surface-segment-05.css */

.epc-top{display:flex;gap:12px;align-items:center;min-width:0}
.epc-avatar{width:58px!important;height:58px!important;font-size:1.25rem!important;background:rgba(255,255,255,.22)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.epc-main{min-width:0}
.epc-main>b{display:block;font-size:1.08rem;line-height:1.2}
.epc-main>span{display:block;margin-top:4px;color:rgba(255,255,255,.78);font-size:var(--mc-type-secondary-body,.76rem)}
.epc-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}
.employee-card-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
.employee-card-field{border:0;border-radius:13px;padding:8px 10px;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:0}
.employee-card-field span{display:block;font-size:.66rem;color:rgba(255,255,255,.68);margin-bottom:3px}
.employee-card-field b{display:block;font-size:var(--mc-type-emphasized-body,.82rem);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.employee-info-unified{display:grid;gap:12px}
.employee-info-section{padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)}
.employee-info-section:last-child{border-bottom:0}
.employee-info-section h3{font-size:var(--mc-type-compact-heading,.92rem);margin-bottom:8px}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-02-shared-cross-surface-segment-05.css */


/* >>> runtime/legacy/styles/blocks/shell/profile-rail/compatibility-effects/001-base-slice-02-profile-rail-segment-03.css */

.modal .employee-profile-card{max-width:460px;margin:0 auto}
@media(max-width:560px){
 .employee-card-fields{grid-template-columns:1fr}
 .modal .employee-profile-card{max-width:100%}
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 .overlay.mobile-fullscreen-overlay{
  align-items:stretch!important;
  padding:0!important;
 }
 .modal.mobile-fullscreen-modal{
  width:100%!important;
  max-width:none!important;
  height:100dvh!important;
  max-height:100dvh!important;
  border-radius:0!important;
  display:flex;
  flex-direction:column;
  overflow:hidden!important;
 }
 .modal.mobile-fullscreen-modal .m-head{
  flex:0 0 auto;
  padding:calc(12px + env(safe-area-inset-top)) 16px 12px!important;
 }
 .modal.mobile-fullscreen-modal .m-body{
  flex:1 1 auto;
  overflow:auto!important;
  padding:16px 14px calc(18px + env(safe-area-inset-bottom))!important;
 }
 .modal.mobile-fullscreen-modal .m-foot{
  flex:0 0 auto;
  padding:10px 14px calc(12px + env(safe-area-inset-bottom))!important;
 }
 .modal.mobile-fullscreen-modal .employee-profile-card{
  max-width:none!important;
 }
}

.profile-menu{
 min-width:132px!important;
 padding:6px!important;
 border:0!important;
 box-shadow:0 18px 44px -24px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
.profile-menu button{
 padding:10px 11px!important;
 border-radius:10px!important;
 font-size:.86rem!important;
}
.profile-menu button:hover{
 background:color-mix(in srgb,var(--brand) 10%,transparent)!important;
 box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/profile-rail/compatibility-effects/001-base-slice-02-profile-rail-segment-03.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-02-shared-cross-surface-segment-06.css */

.notif-drop{
 border:0!important;
 border-radius:18px!important;
 box-shadow:0 22px 58px -30px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.notif-drop .nd-head{
 border-bottom:0!important;
 padding:12px 14px 6px!important;
}
.notif-drop .nd-tabs{
 border-bottom:0!important;
 padding:6px 10px 8px!important;
}
.notif-drop .nd-body{
 padding:2px 8px 10px!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-02-shared-cross-surface-segment-06.css */


/* >>> runtime/legacy/styles/blocks/shell/workbench/compatibility-effects/001-base-slice-02-workbench-segment-05.css */

.notif-drop .nd-row,
.workbench-notif-slot .feed .fi,
.workbench-todo-slot .feed .fi{
 background:transparent!important;
 border:0!important;
 box-shadow:none!important;
 border-radius:10px!important;
 padding:9px 8px!important;
 margin-bottom:2px!important;
}

.notif-drop .nd-row:nth-child(even),
.notif-drop .nd-row:nth-child(odd),
.workbench-notif-slot .feed .fi:nth-child(even),
.workbench-notif-slot .feed .fi:nth-child(odd),
.workbench-todo-slot .feed .fi:nth-child(even),
.workbench-todo-slot .feed .fi:nth-child(odd){
 background:transparent!important;
}
.notif-drop .nd-row:hover,
.workbench-notif-slot .feed .fi:hover,
.workbench-todo-slot .feed .fi:hover{
 background:rgba(255,255,255,.12)!important;
 box-shadow:none!important;
 transform:none!important;
}
.workbench-notif-slot .feed .ft,
.workbench-todo-slot .feed .ft{
 background:transparent!important;
 padding:0!important;
 color:rgba(255,255,255,.76)!important;
}

/* <<< runtime/legacy/styles/blocks/shell/workbench/compatibility-effects/001-base-slice-02-workbench-segment-05.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-02-shared-cross-surface-segment-07.css */

.notif-drop .nd-row .nd-ic{
 opacity:.82;
 font-size:1rem!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-02-shared-cross-surface-segment-07.css */


/* >>> runtime/legacy/styles/blocks/shell/workbench/compatibility-effects/001-base-slice-02-workbench-segment-06.css */

.notif-drop .btn.sm,
.workbench-notif-slot .btn.sm,
.workbench-todo-slot .btn.sm{
 padding:6px 10px!important;
 border-radius:999px!important;
 font-size:.78rem!important;
}

/* <<< runtime/legacy/styles/blocks/shell/workbench/compatibility-effects/001-base-slice-02-workbench-segment-06.css */


/* >>> runtime/legacy/styles/blocks/contacts/chat/compatibility-effects/001-base-slice-02-contacts-chat-segment-02.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 html,
 body,
 #root,
 .app{
  width:100%;
  height:100dvh;
  min-height:100dvh;
  overflow:hidden!important;
  overscroll-behavior:none!important;
 }
 body{
  position:fixed;
  inset:0;
  touch-action:manipulation;
 }
 .layout{
  height:calc(100dvh - 58px);
  overflow:hidden!important;
 }
 .main{
  height:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch;
  padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;
 }
 .main.page-contacts{
  padding:8px 10px calc(92px + env(safe-area-inset-bottom))!important;
 }
 .main.page-contacts>.page-head,
 .main.page-contacts>.tabs{
  display:none!important;
 }
 .main.page-contacts .comms-layout{
  display:block!important;
 }
 .main.page-contacts .contacts-panel,
 .main.page-contacts .chat-panel{
  margin:0!important;
  padding:10px!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
 }
 .main.page-contacts .contacts-list-only .contacts-panel{
  min-height:calc(100dvh - 154px - env(safe-area-inset-bottom));
 }
 .main.page-contacts .contact-search{
  position:sticky;
  top:0;
  z-index:2;
  padding:4px 0 8px;
  background:var(--bg);
 }
 .main.page-contacts .contact-search .input{
  border:0!important;
  border-radius:14px!important;
  background:color-mix(in srgb,var(--panel) 74%,transparent)!important;
  box-shadow:none!important;
  min-height:38px!important;
 }
 .main.page-contacts .contact-list{
  max-height:none!important;
  gap:2px!important;
  overflow:visible!important;
 }
 .main.page-contacts .contact-group-head{
  padding:12px 8px 5px!important;
  background:transparent!important;
  color:var(--soft);
 }
 .main.page-contacts .contact-group-head .muted{
  display:none!important;
 }
 .main.page-contacts .contact-item{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:12px!important;
  padding:9px 8px!important;
  gap:10px!important;
 }
 .main.page-contacts .contact-item:nth-child(odd),
 .main.page-contacts .contact-item:nth-child(even){
  background:transparent!important;
 }
 .main.page-contacts .contact-item:hover,
 .main.page-contacts .contact-item.active{
  background:var(--brand-soft)!important;
  box-shadow:none!important;
 }
 .main.page-contacts .contact-avatar-btn .avatar{
  width:42px!important;
  height:42px!important;
  font-size:.92rem!important;
 }
}

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 .main.page-contacts .contact-name-row{
  gap:6px!important;
 }
 .main.page-contacts .contact-name{
  font-size:.95rem!important;
  font-weight:650!important;
 }
 .main.page-contacts .contact-meta{
  margin-top:1px!important;
  font-size:.73rem!important;
  color:var(--text)!important;
  opacity:.78;
 }
 .main.page-contacts .contact-preview{
  margin-top:1px!important;
  font-size:.73rem!important;
  color:var(--soft)!important;
 }
 .main.page-contacts .chat-panel{
  min-height:calc(100dvh - 154px - env(safe-area-inset-bottom));
 }
 .main.page-contacts .chat-head{
  position:sticky;
  top:0;
  z-index:3;
  background:var(--bg);
  padding-bottom:8px;
 }
}

/* <<< runtime/legacy/styles/blocks/contacts/chat/compatibility-effects/001-base-slice-02-contacts-chat-segment-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-02-shared-cross-surface-segment-08.css */

.contact-dot{
 width:7px;
 height:7px;
 border-radius:50%;
 display:inline-block;
 flex:0 0 auto;
 background:var(--soft);
 opacity:.55;
}
.contact-dot.on{
 background:var(--ok);
 opacity:1;
 box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 16%,transparent);
}
.contact-dot.off{
 background:var(--soft);
}

.contact-unread{
 min-width:17px;
 height:17px;
 border-radius:999px;
 display:inline-grid;
 place-items:center;
 padding:0 5px;
 margin-left:auto;
 background:#ef4444!important;
 color:#fff!important;
 font-size:.62rem!important;
 font-weight:800!important;
 line-height:1;
 box-shadow:none!important;
}
.contact-name-row{
 display:flex;
 align-items:center;
 gap:7px;
 min-width:0;
}

/* Legacy ordered base slice 02 part 03; split from 001-base-slice-02-side-collapsed-nav.css. Keep import order stable. */
.contact-name{
 min-width:0;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-02-shared-cross-surface-segment-08.css */


/* >>> runtime/legacy/styles/blocks/contacts/chat/compatibility-effects/001-base-slice-02-contacts-chat-segment-03.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 .main.page-contacts{
  overflow:hidden!important;
  padding:0!important;
 }
 .main.page-contacts .comms-layout{
  height:100%!important;
  overflow:hidden!important;
 }
 .main.page-contacts .contacts-panel{
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  padding:8px 10px calc(78px + env(safe-area-inset-bottom))!important;
 }
 .main.page-contacts .contact-search{
  flex:0 0 auto!important;
  position:relative!important;
  top:auto!important;
  padding:2px 0 6px!important;
  background:transparent!important;
 }
 .main.page-contacts .contact-search.compact{
  width:100%;
  height:38px;
  justify-content:flex-start;
  border:0!important;
  border-radius:14px!important;
  padding:0 13px!important;
  color:var(--soft)!important;
  background:color-mix(in srgb,var(--panel) 72%,transparent)!important;
  box-shadow:none!important;
 }
 .main.page-contacts .contact-search.compact::before{
  content:"";
  width:14px;
  height:14px;
  margin-right:8px;
  border:2px solid currentColor;
  border-radius:50%;
  display:inline-block;
 }
 .main.page-contacts .contact-search.compact::after{
  content:"";
  width:6px;
  height:2px;
  margin-left:-11px;
  margin-top:12px;
  background:currentColor;
  transform:rotate(45deg);
  display:inline-block;
 }
 .main.page-contacts .contact-search.is-open{
  display:flex!important;
  gap:8px;
  align-items:center;
 }
 .main.page-contacts .contact-search.is-open .input{
  flex:1;
 }
 .main.page-contacts .contact-list-head{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:4px 2px 8px;
 }
 .main.page-contacts .contact-list-head h3{
  margin:0!important;
  font-size:1.05rem!important;
 }
 .main.page-contacts .contact-list{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch;
  padding-bottom:8px;
 }
 .main.page-contacts .chat-panel{
  height:100%!important;
  min-height:0!important;
  display:block!important;
  overflow:hidden!important;
  padding:0!important;
 }
 .main.page-contacts .chat-shell{
  height:100%!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto;
  overflow:hidden!important;
  padding:0!important;
 }
 .main.page-contacts .chat-head{
  position:relative!important;
  top:auto!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center!important;
  gap:8px!important;
  height:56px;
  padding:6px 8px!important;
  margin:0!important;
  background:var(--bg)!important;
  border:0!important;
 }
}

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 .mobile-chat-back{
  display:grid!important;
  place-items:center;
  width:36px;
  height:36px;
  border:0!important;
  border-radius:12px;
  background:transparent!important;
  color:var(--text);
  font-size:1.8rem;
  line-height:1;
 }
 .main.page-contacts .chat-card-btn{
  padding:6px 10px!important;
  border-radius:999px!important;
 }
 .main.page-contacts .chat-person{
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
 }
 .main.page-contacts .chat-person b{
  display:block;
  max-width:46vw;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
 }
 .main.page-contacts .chat-stream{
  min-height:0!important;
  max-height:none!important;
  height:auto!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  border-radius:0!important;
  padding:10px 8px 12px!important;
  background:transparent!important;
 }
}

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 .main.page-contacts .chat-composer{
  position:fixed!important;
  left:10px;
  right:10px;
  bottom:calc(10px + env(safe-area-inset-bottom) + var(--kb-offset,0px));
  z-index:70;
  margin:0!important;
  padding:7px!important;
  border-radius:20px!important;
  display:flex!important;
  gap:7px!important;
  align-items:flex-end!important;
  background:color-mix(in srgb,var(--panel) 82%,transparent)!important;
  box-shadow:0 18px 42px -28px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.14)!important;
 }
 .main.page-contacts .chat-composer textarea{
  min-height:38px!important;
  max-height:96px!important;
  padding:9px 12px!important;
  border-radius:16px!important;
  resize:none!important;
 }
 .main.page-contacts .chat-composer .btn{
  min-height:38px;
  border-radius:16px!important;
  padding:8px 13px!important;
 }
 .main.page-contacts .chat-panel .chat-stream{
  padding-bottom:calc(76px + env(safe-area-inset-bottom) + var(--kb-offset,0px))!important;
 }
 .main.page-contacts .mobile-quick{
  display:none!important;
 }
}

/* <<< runtime/legacy/styles/blocks/contacts/chat/compatibility-effects/001-base-slice-02-contacts-chat-segment-03.css */


/* >>> runtime/legacy/styles/blocks/auth/surface/compatibility-effects/001-base-slice-02-auth-segment-01.css */

.auth.auth-v2{min-height:100dvh;background:radial-gradient(circle at 18% 16%,rgba(56,189,248,.34),transparent 30%),radial-gradient(circle at 82% 12%,rgba(99,102,241,.30),transparent 34%),radial-gradient(circle at 66% 86%,rgba(16,185,129,.24),transparent 32%),linear-gradient(135deg,#08111f 0%,#111827 42%,#0f172a 100%)!important;color:#fff;position:relative;overflow:hidden}
html[data-theme=light] .auth.auth-v2,html:not([data-theme=dark]) .auth.auth-v2{background:radial-gradient(circle at 18% 16%,rgba(56,189,248,.34),transparent 30%),radial-gradient(circle at 82% 12%,rgba(99,102,241,.30),transparent 34%),radial-gradient(circle at 66% 86%,rgba(16,185,129,.24),transparent 32%),linear-gradient(135deg,#08111f 0%,#111827 42%,#0f172a 100%)!important}
.auth.auth-v2::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px) 0 0/42px 42px,linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px) 0 0/42px 42px;-webkit-mask-image:radial-gradient(circle at 45% 30%,#000,transparent 72%);mask-image:radial-gradient(circle at 45% 30%,#000,transparent 72%);pointer-events:none}
.auth.auth-v2 .auth-brand{background:transparent!important;padding:52px 58px;justify-content:space-between;min-width:0}
.auth.auth-v2 .auth-brand::after{display:none}
.auth.auth-v2 .auth-brand .logo .mark{background:linear-gradient(135deg,#38bdf8,#6366f1 55%,#10b981)!important;border:0;color:#fff;box-shadow:0 20px 48px -22px #38bdf8}
.auth.auth-v2 .auth-brand h1{font-size:4.2rem;line-height:1.02;max-width:620px;font-weight:900;text-wrap:auto}@supports (text-wrap: balance){.auth.auth-v2 .auth-brand h1{text-wrap:balance}}
.auth.auth-v2 .auth-brand p{font-size:1.05rem;line-height:1.7;max-width:560px;color:rgba(255,255,255,.78)}
.auth-hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:18px}
.auth-panel-v2{width:min(430px,42vw);background:rgba(255,255,255,.92)!important;color:#0f172a;margin:28px;align-self:stretch;border-radius:28px;padding:28px;box-shadow:0 36px 110px -42px rgba(0,0,0,.72);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
html[data-theme=light] .auth-panel.auth-panel-v2,html:not([data-theme=dark]) .auth-panel.auth-panel-v2{background:rgba(255,255,255,.92)!important}
html[data-theme=dark] .auth-panel-v2{background:rgba(17,24,39,.88)!important;color:#f8fafc;border:1px solid rgba(255,255,255,.11)}
.auth-v2 .auth-card{max-width:100%;display:flex;flex-direction:column;min-height:100%;justify-content:center}
.auth-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}
.auth-product{display:flex;align-items:center;gap:10px;font-weight:900}
.auth-product-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#38bdf8,#6366f1 55%,#10b981);display:grid;place-items:center;color:#fff;box-shadow:0 14px 34px -20px #6366f1}
.auth-lang-icon{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;background:rgba(15,23,42,.06)}
html[data-theme=dark] .auth-lang-icon{background:rgba(255,255,255,.08)}
.auth-lang-icon button{width:34px;height:30px;border:0;border-radius:999px;background:transparent;font-weight:900;color:var(--soft);font-size:.74rem}
.auth-lang-icon button.active{background:#0f172a!important;color:#fff!important;box-shadow:0 10px 24px -18px #0f172a!important}
html[data-theme=dark] .auth-lang-icon button.active{background:#fff!important;color:#0f172a!important}
.auth-title{font-size:2rem!important;line-height:1.12;margin:0 0 10px!important;color:inherit!important;font-weight:900;letter-spacing:0}
.btn-google.auth-primary{height:54px;border:0!important;border-radius:16px!important;background:linear-gradient(135deg,#ffffff,#eef6ff)!important;color:#0f172a!important;font-weight:900!important;box-shadow:0 22px 46px -26px rgba(37,99,235,.95)!important;gap:12px!important}
.btn-google.auth-primary:hover{position:relative;z-index:var(--mc-model-lift-z,80);transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006));filter:brightness(1.02)}
.btn-google.auth-primary svg,.auth .btn-google svg{display:block!important;width:22px!important;height:22px!important;flex:0 0 auto}
.account-fallback{margin-top:16px;border:1px solid rgba(148,163,184,.28);border-radius:16px;background:rgba(248,250,252,.72);overflow:hidden}
html[data-theme=dark] .account-fallback{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.10)}
.account-fallback summary{list-style:none;padding:12px 14px;cursor:pointer;font-weight:800;font-size:.84rem;color:#475569;display:flex;justify-content:space-between;align-items:center}
.account-fallback summary::-webkit-details-marker{display:none}
.account-fallback summary::after{content:"+";font-weight:900;color:#64748b}
.account-fallback[open] summary::after{content:"-"}
.account-fallback-body{padding:0 14px 14px}
.auth-footnote{margin-top:18px;color:#64748b;font-size:.76rem;line-height:1.6;text-align:center}
html[data-theme=dark] .auth-footnote{color:#94a3b8}
.auth .err{min-height:20px;font-weight:700}
@media(max-width:860px){
 .auth.auth-v2{display:block;overflow:auto}
 .auth.auth-v2 .auth-brand{display:flex!important;min-height:34dvh;padding:28px 20px 12px}
 .auth.auth-v2 .auth-brand h1{font-size:2.25rem}
 .auth.auth-v2 .auth-brand p{font-size:.92rem}
 .auth-panel-v2{width:auto;min-height:0;margin:10px;border-radius:24px;padding:20px 16px 22px}
 .auth-title{font-size:1.6rem!important}
}
@media(max-width:520px){
 .auth.auth-v2 .auth-brand{min-height:31dvh;padding:22px 16px 6px}
 .auth.auth-v2 .auth-brand .logo{font-size:1rem}
 .auth.auth-v2 .auth-brand h1{font-size:1.88rem}
 .auth.auth-v2 .auth-brand p{display:none}
 .auth-panel-v2{margin:8px;border-radius:22px;padding:18px 14px}
}

/* <<< runtime/legacy/styles/blocks/auth/surface/compatibility-effects/001-base-slice-02-auth-segment-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-02-shared-cross-surface-segment-09.css */

.app-shell-lock,html.app-shell-lock,body.app-shell-lock{overscroll-behavior:none!important}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-02-shared-cross-surface-segment-09.css */


/* >>> runtime/legacy/styles/blocks/themes/shared/compatibility-effects/001-base-slice-02-theme-segment-02.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 html,body{background:#0f172a}
 body.app-shell-lock{position:fixed!important;width:100%;height:100dvh;overflow:hidden!important}
 .gesture-catcher{position:fixed;inset:0;z-index:2;pointer-events:none}
 .edge-guard-left,.edge-guard-right{position:fixed;top:0;bottom:0;width:14px;z-index:9999;pointer-events:auto;touch-action:none}
 .edge-guard-left{left:0}.edge-guard-right{right:0}
}

/* <<< runtime/legacy/styles/blocks/themes/shared/compatibility-effects/001-base-slice-02-theme-segment-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-02-shared-cross-surface-segment-10.css */

:root{
 --brand:#111111;
 --brand-dark:#050505;
 --brand-soft:rgba(0,0,0,.055);
 --accent:#111111;
 --on-brand:#ffffff;
 --bg:#ffffff;
 --bg-subtle:#f8f8f8;
 --chip:#f2f2f2;
 --panel:#ffffff;
 --text:#0a0a0a;
 --soft:#666666;
 --line:#e6e6e6;
 --grad:linear-gradient(135deg,#050505,#1a1a1a);
 --grad-soft:linear-gradient(135deg,rgba(0,0,0,.045),rgba(0,0,0,.025));
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-02-shared-cross-surface-segment-10.css */


/* >>> runtime/legacy/styles/blocks/themes/shared/compatibility-effects/001-base-slice-02-theme-segment-03.css */

html[data-theme=dark]{
 --brand:#f5f5f5;
 --brand-dark:#ffffff;
 --brand-soft:rgba(255,255,255,.08);
 --accent:#ffffff;
 --on-brand:#050505;
 --bg:#050505;
 --bg-subtle:#0b0b0b;
 --chip:#111111;
 --panel:#090909;
 --text:#f7f7f7;
 --soft:#9a9a9a;
 --line:#242424;
 --grad:linear-gradient(135deg,#ffffff,#d9d9d9);
 --grad-soft:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.045));
}
html[data-theme=light],
html[data-theme=light] body,
html[data-theme=light] #root,
html[data-theme=light] .app{background:#ffffff!important;color:#0a0a0a!important}
html[data-theme=dark],
html[data-theme=dark] body,
html[data-theme=dark] #root,
html[data-theme=dark] .app{background:#050505!important;color:#f7f7f7!important}

/* <<< runtime/legacy/styles/blocks/themes/shared/compatibility-effects/001-base-slice-02-theme-segment-03.css */


/* >>> runtime/legacy/styles/blocks/auth/surface/compatibility-effects/001-base-slice-02-auth-segment-02.css */

.auth.auth-v2,
html[data-theme=light] .auth.auth-v2,
html:not([data-theme=dark]) .auth.auth-v2,
html[data-theme=dark] .auth.auth-v2{
 --auth-x:50%;
 --auth-y:42%;
 background:
  radial-gradient(circle at var(--auth-x) var(--auth-y),rgba(255,255,255,.16),transparent 22%),
  radial-gradient(circle at calc(var(--auth-x) + 18%) calc(var(--auth-y) + 28%),rgba(255,255,255,.07),transparent 34%),
  linear-gradient(135deg,#050505 0%,#111111 44%,#000000 100%)!important;
 color:#f7f7f7!important;
 display:grid;
 grid-template-columns:minmax(0,1fr) minmax(320px,430px);
 align-items:center;
 gap:min(9vw,108px);
 padding:clamp(28px,6vw,76px);
}
.auth.auth-v2::before,
.auth.auth-v2::after,
.auth.auth-v2 .auth-brand::before,
.auth.auth-v2 .auth-brand::after{display:none!important}
.auth.auth-v2 .auth-brand{
 background:transparent!important;
 padding:0!important;
 min-height:0!important;
 justify-content:center!important;
 gap:48px!important;
 color:inherit!important;
 overflow:visible!important;
}
.auth.auth-v2 .auth-brand .logo{
 color:inherit!important;
 font-size:.95rem!important;
 letter-spacing:.02em!important;
 opacity:.78;
}
.auth.auth-v2 .auth-brand .logo .mark,
.auth-product-mark{
 background:transparent!important;
 color:inherit!important;
 border:1px solid currentColor!important;
 box-shadow:none!important;
 border-radius:50%!important;
 font-weight:800!important;
}

/* Legacy ordered base subpart; extracted from 001-base-slice-02-part-03-side-collapsed-nav.css. Keep import order stable. */
.auth.auth-v2 .auth-brand h1{
 color:inherit!important;
 font-size:7.5rem!important;
 line-height:.9!important;
 max-width:760px!important;
 font-weight:900!important;
 letter-spacing:0!important;
 margin:0!important;
}
.auth-hero-copy{gap:0!important}
.auth-panel.auth-panel-v2,
html[data-theme=light] .auth-panel.auth-panel-v2,
html:not([data-theme=dark]) .auth-panel.auth-panel-v2,
html[data-theme=dark] .auth-panel.auth-panel-v2{
 width:min(100%,346px)!important;
 background:rgba(255,255,255,.025)!important;
 border:1px solid rgba(255,255,255,.12)!important;
 box-shadow:0 0 0 1px rgba(255,255,255,.035),0 34px 90px -50px rgba(255,255,255,.32),0 42px 120px -56px rgba(0,0,0,.92)!important;
 -webkit-backdrop-filter:blur(18px)!important;
-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;
 color:inherit!important;
 margin:0!important;
 padding:18px!important;
 border-radius:6px!important;
 align-self:center!important;
}
.auth-v2 .auth-card{
 min-height:0!important;
 justify-content:center!important;
 max-width:100%!important;
 margin-left:auto!important;
 color:inherit!important;
 background:transparent!important;
 border:0!important;
 box-shadow:none!important;
 -webkit-backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
 border-radius:0!important;
 padding:0!important;
}
.auth-topline{margin-bottom:18px!important}
.auth-product{font-size:.92rem!important;color:inherit!important}
.auth-lang-icon{
 background:transparent!important;
 border:1px solid currentColor!important;
 color:inherit!important;
 opacity:.82;
 padding:3px!important;
}
.auth-lang-icon button{color:inherit!important;opacity:.55;background:transparent!important}
.auth-lang-icon button.active{
 background:#f7f7f7!important;
 color:#050505!important;
 opacity:1!important;
 box-shadow:none!important;
}
html[data-theme=dark] .auth-lang-icon button.active,
html[data-theme=light] .auth-lang-icon button.active{color:#050505!important;background:#f7f7f7!important}
.auth-title{
 font-size:1.15rem!important;
 font-weight:800!important;
 color:inherit!important;
 margin:0 0 18px!important;
 letter-spacing:0!important;
}
.btn-google.auth-primary{
 height:46px!important;
 border:1px solid currentColor!important;
 border-radius:999px!important;
 background:transparent!important;
 color:inherit!important;
 box-shadow:none!important;
 font-weight:800!important;
 transition:background .18s,color .18s,transform .18s!important;
}
.btn-google.auth-primary:hover{
 background:#f7f7f7!important;
 color:#050505!important;
 transform:none!important;
 filter:none!important;
}
html[data-theme=dark] .btn-google.auth-primary:hover,
html[data-theme=light] .btn-google.auth-primary:hover{color:#050505!important;background:#f7f7f7!important}
.account-fallback{
 margin-top:10px!important;
 background:transparent!important;
 border:0!important;
 border-radius:0!important;
 overflow:visible!important;
}

/* <<< runtime/legacy/styles/blocks/auth/surface/compatibility-effects/001-base-slice-02-auth-segment-02.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility/001-base-slice-02-enterprise-entry.css */

/* Enterprise compatibility entry. Ordered owner segments preserve the original slice-02 cascade. */

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility/001-base-slice-02-enterprise-entry.css */


/* >>> runtime/legacy/styles/blocks/auth/surface/compatibility-layout/001-base-slice-03-auth-001-slice-03-part-01-seg-01-account-fallback-summary-micro-01.css */

/* Legacy ordered base slice 03 part 01; split from 001-base-slice-03-account-fallback-summary.css. Keep import order stable. */
.account-fallback summary{
 padding:8px 0!important;
 color:inherit!important;
 opacity:.58;
 border-bottom:1px solid currentColor!important;
 font-weight:700!important;
 font-size:var(--mc-type-body-control,.82rem)!important;
}
.account-fallback-body{padding:18px 0 0!important}
.auth .field input{
 background:transparent!important;
 border:0!important;
 border-bottom:1px solid currentColor!important;
 border-radius:0!important;
 color:inherit!important;
 padding-left:0!important;
 padding-right:0!important;
 box-shadow:none!important;
}
.auth .field label{color:inherit!important;opacity:.56}
.auth .btn.primary{
 border-radius:999px!important;
 background:#f7f7f7!important;
 color:#050505!important;
 box-shadow:none!important;
}
html[data-theme=dark] .auth .btn.primary,
html[data-theme=light] .auth .btn.primary{color:#050505!important;background:#f7f7f7!important}
.auth-footnote{margin-top:24px!important;color:inherit!important;opacity:.58}
.auth-footnote a{color:inherit!important;text-decoration:none;border-bottom:1px solid currentColor}
@media(max-width:860px){
 .auth.auth-v2,
 html[data-theme=light] .auth.auth-v2,
 html:not([data-theme=dark]) .auth.auth-v2,
 html[data-theme=dark] .auth.auth-v2{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:46px!important;
  min-height:100dvh!important;
  padding:28px 22px!important;
  overflow:auto!important;
 }
 .auth.auth-v2 .auth-brand{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  gap:30px!important;
  flex:0 0 auto!important;
 }
 .auth.auth-v2 .auth-brand h1{font-size:4rem!important}
 .auth-v2 .auth-card{max-width:none!important;margin:0!important}
 .auth-topline{margin-bottom:30px!important}
 .auth-title{margin-bottom:26px!important}
}

.auth-code-tabs{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;margin-bottom:12px}
.auth-code-title{font-size:.95rem;font-weight:850;color:inherit}
.auth-code-switch{border:1px solid rgba(255,255,255,.28);border-radius:999px;background:transparent;color:inherit;padding:6px 10px;font-size:var(--mc-type-body-control,.82rem);font-weight:800}
.auth-code-form{display:grid;gap:10px}
.auth-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
.auth-code-form input{width:100%;height:42px;border:0;border-bottom:1px solid rgba(255,255,255,.62);background:transparent;color:inherit;border-radius:0;padding:0;font-size:16px;outline:none}
.auth-code-form input::placeholder{color:rgba(255,255,255,.42)}
.auth-code-send{height:36px;border:1px solid rgba(255,255,255,.44);border-radius:999px;background:transparent;color:inherit;padding:0 12px;font-weight:800;font-size:var(--mc-type-body-control,.82rem)}
.auth-code-submit{height:44px;border-radius:999px;border:0;background:#f7f7f7;color:#050505;font-weight:850;margin-top:2px}
.auth-code-hint{min-height:18px;font-size:.72rem;color:rgba(255,255,255,.58)}
.auth-divider-min{height:1px;background:rgba(255,255,255,.16);margin:16px 0 12px}
.auth .account-fallback .field{margin-bottom:10px!important}
@media(max-width:860px){
 .auth-panel.auth-panel-v2{width:100%!important;padding:18px!important}
 .auth.auth-v2{gap:18px!important;padding:20px!important;justify-content:center!important}
 .auth-topline{margin-bottom:16px!important}
 .auth-title{margin-bottom:14px!important}
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 html,body{background:var(--bg)!important}
 .topbar,
 .side,
 .profile-menu,
 .notif-drop{
  background:var(--panel)!important;
  background-image:none!important;
  border-color:var(--line)!important;
  box-shadow:none!important;
 }
}

.auth.auth-v2{
 transition:background-position .12s linear;
}
.auth.auth-v2 .auth-brand .logo{display:none!important}
.auth-panel.auth-panel-v2{position:relative}
.auth-panel.auth-panel-v2::before{
 content:"";
 position:absolute;
 inset:-1px;
 border:1px solid rgba(255,255,255,.18);
 border-radius:6px;
 pointer-events:none;
 box-shadow:0 0 0 1px rgba(255,255,255,.035),0 22px 80px -48px rgba(255,255,255,.55);
}
@media(max-width:860px){
 .auth.auth-v2,
 html[data-theme=light] .auth.auth-v2,
 html:not([data-theme=dark]) .auth.auth-v2,
 html[data-theme=dark] .auth.auth-v2{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  padding:20px!important;
  justify-content:center!important;
 }
 .auth.auth-v2 .auth-brand{gap:16px!important}
 .auth.auth-v2 .auth-brand h1{font-size:2.8rem!important;line-height:.95!important}
 .auth-panel.auth-panel-v2{width:min(100%,346px)!important;padding:18px!important}
}

/* <<< runtime/legacy/styles/blocks/auth/surface/compatibility-layout/001-base-slice-03-auth-001-slice-03-part-01-seg-01-account-fallback-summary-micro-01.css */


/* >>> runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-03-workbench-002-slice-03-part-01-seg-01-account-fallback-summary-micro-02.css */

.main.page-workbench{
 overflow:visible!important;
 overscroll-behavior:none!important;
}
.main.page-workbench .page-head{
 margin-bottom:8px!important;
}
.employee-workbench-compact{
 grid-template-columns:minmax(220px,.74fr) minmax(300px,1fr) minmax(300px,1fr)!important;
}
.employee-workbench-compact .workbench-punch-slot,
.employee-workbench-compact .workbench-todo-slot,
.employee-workbench-compact .workbench-notif-slot{
 min-height:0!important;
}
@media(max-width:980px){
 .employee-workbench-compact{grid-template-columns:1fr!important}
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 .main.page-workbench{
  height:calc(100dvh - 56px)!important;
  overflow:hidden!important;
  padding-bottom:calc(82px + env(safe-area-inset-bottom))!important;
 }
 .main.page-workbench .page-head,
 .main.page-workbench .view-toolbar{
  display:none!important;
 }
 .main.page-workbench .workbench-clean,
 .main.page-workbench .workbench-triple,
 .main.page-workbench .employee-workbench-compact{
  height:100%!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:minmax(0,1fr) minmax(0,.86fr)!important;
  gap:8px!important;
  margin:0!important;
 }
 .main.page-workbench .workbench-clean>*,
 .main.page-workbench .workbench-triple>*{
  min-height:0!important;
  overflow:hidden!important;
 }
 .main.page-workbench .panel,
 .main.page-workbench .work-punch-stage{
  height:100%!important;
  min-height:0!important;
  margin-bottom:0!important;
 }
 .main.page-workbench .feed{
  overflow:hidden!important;
 }
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 html[data-mobile-preview="1"] .main.page-workbench{
  overflow:hidden!important;
 }
 html[data-mobile-preview="1"] .main.page-workbench .view-toolbar{
  display:none!important;
 }
}
.preview-role-switch{
 position:fixed;
 top:calc(10px + env(safe-area-inset-top));
 right:10px;
 z-index:80;
 display:none;
 min-height:34px;
 padding:7px 11px;
 border:0;
 border-radius:999px;
 background:rgba(17,24,39,.72);
 color:#fff;
 font-size:var(--mc-type-body-control,.82rem);
 font-weight:850;
 box-shadow:0 14px 34px -22px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.2);
 -webkit-backdrop-filter:blur(16px) saturate(160%);
-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);
}
html[data-mobile-preview="1"] .preview-role-switch{display:inline-flex;align-items:center;gap:6px}

.settings-shell{max-width:920px;display:flex;flex-direction:column;gap:14px}
.settings-section-title{display:flex;align-items:center;gap:8px;margin:2px 0 -4px;color:var(--soft);font-size:var(--mc-type-compact-heading,.86rem);font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.settings-section-title::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand)}
.sys-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;align-items:start}
.settings-shell .panel{margin:0!important;padding:14px!important;border-radius:14px!important}
.sys-card h3,.sys-location-card h3{font-size:.98rem!important;margin:0 0 12px!important}
.sys-card .field,.sys-location-card .field{margin-bottom:10px!important}
.sys-card .field label,.sys-location-card .field label{font-size:.76rem!important;margin-bottom:5px!important}
.sys-card input,.sys-location-card input{height:38px!important;padding:8px 10px!important;border-radius:8px!important}
.sys-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:2px}
.sys-kv{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);font-size:var(--mc-type-body-control,.82rem)}
.sys-kv:last-child{border-bottom:0}
.sys-kv span{color:var(--soft)}
.sys-kv b{font-size:.86rem;word-break:break-word}
.sys-status-dot{display:inline-flex;align-items:center;gap:6px}
.sys-status-dot::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 18%,transparent)}
.sys-location-card{width:min(100%,720px)!important;max-width:720px!important}
.settings-shell .office-form{max-width:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.settings-shell .office-form>.field:first-child,
.settings-shell .office-form>.radius-tools,
.settings-shell .office-form>.office-actions,
.settings-shell .office-form>div:last-child{grid-column:1 / -1!important}
.settings-shell .radius-tools{gap:7px!important}
.settings-shell .radius-tools .btn{padding:7px 9px!important;font-size:.75rem!important}
.settings-shell .office-actions{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important}
.settings-shell .office-note{font-size:var(--mc-type-secondary-body,.76rem)!important;color:var(--soft)!important}
.settings-shell .geo-preview{max-width:520px}
.settings-shell .geo-preview iframe{height:180px!important}

/* <<< runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-03-workbench-002-slice-03-part-01-seg-01-account-fallback-summary-micro-02.css */


/* >>> runtime/legacy/styles/blocks/attendance/rules/compatibility-layout/001-base-slice-03-attendance-003-slice-03-part-01-seg-01-account-fallback-summary-micro-03.css */

@media (max-width: 760px), (max-width: 920px) and (pointer: coarse) {
  .settings-shell {
    gap: 12px;
  }
  .sys-grid {
    grid-template-columns: 1fr;
  }
  .settings-shell .panel {
    padding: 12px !important;
  }
  .settings-shell .office-form {
    grid-template-columns: 1fr !important;
  }
  .settings-shell .office-form > * {
    grid-column: 1 / -1 !important;
  }
}

.punch-orb,
.attendance-orb {
  border-radius: 34px !important;
  border: 2px solid rgba(255, 255, 255, 0.34) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.18),
    inset 0 12px 28px rgba(255, 255, 255, 0.16),
    inset 0 -16px 30px rgba(0, 0, 0, 0.22),
    0 22px 48px -22px rgba(0, 0, 0, 0.58) !important;
}
.punch-orb::before,
.attendance-orb::before {
  border-radius: 26px !important;
}
.punch-orb::after,
.attendance-orb::after {
  border-radius: 40px !important;
}
.punch-orb.danger,
.attendance-orb.danger {
  background: linear-gradient(145deg, #991b1b, #dc2626, #fb7185) !important;
  color: #fff !important;
}
.punch-orb.warn,
.attendance-orb.warn {
  background: linear-gradient(145deg, #92400e, #d97706, #fbbf24) !important;
  color: #fff !important;
}
.punch-orb.checked,
.attendance-orb.checked,
.punch-orb.checkedin,
.attendance-orb.checkedin {
  background: linear-gradient(145deg, #047857, #059669, #34d399) !important;
  color: #fff !important;
}
.punch-orb.unchecked,
.attendance-orb.unchecked {
  background: linear-gradient(145deg, #111827, #374151, #9ca3af) !important;
  color: #fff !important;
}
.punch-orb.done,
.attendance-orb.done {
  background: linear-gradient(145deg, #1f2937, #475569, #94a3b8) !important;
  color: #fff !important;
}
.punch-orb.nonwork,
.attendance-orb.nonwork {
  background: linear-gradient(145deg, #312e81, #6d28d9, #a78bfa) !important;
  color: #fff !important;
}
.phs-danger {
  background: linear-gradient(
    145deg,
    #7f1d1d 0%,
    #dc2626 52%,
    #fb7185 100%
  ) !important;
  border-radius: 24px !important;
  box-shadow: 0 24px 68px -28px rgba(220, 38, 38, 0.58) !important;
}
.phs-warn {
  background: linear-gradient(
    145deg,
    #92400e 0%,
    #d97706 52%,
    #fbbf24 100%
  ) !important;
  border-radius: 24px !important;
  box-shadow: 0 24px 68px -28px rgba(217, 119, 6, 0.58) !important;
}
.phs-checked {
  background: linear-gradient(
    145deg,
    #047857 0%,
    #059669 52%,
    #34d399 100%
  ) !important;
  border-radius: 24px !important;
  box-shadow: 0 24px 68px -28px rgba(5, 150, 105, 0.58) !important;
}
.att-compact-shell {
  display: grid;
  grid-template-columns: minmax(260px, 390px) minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  max-width: 960px;
}
.attendance-panel.att-compact-main {
  display: grid;
  gap: 10px;
  margin: 0 !important;
  padding: 12px !important;
}
.att-status-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 12px 14px;
  border-radius: 18px;
  background: var(--chip);
}
.att-status-strip b {
  display: block;
  font-size: 1.16rem;
  line-height: 1.1;
}
.att-status-strip span {
  display: block;
  color: var(--soft);
  font-size: 0.76rem;
  margin-top: 3px;
}
.att-status-strip.danger {
  background: rgba(220, 38, 38, 0.13);
  color: var(--danger);
}
.att-status-strip.warn {
  background: rgba(217, 119, 6, 0.14);
  color: var(--warn);
}
.att-status-strip.ok {
  background: rgba(22, 163, 74, 0.13);
  color: var(--ok);
}
.att-map-top {
  border-radius: 18px;
  overflow: hidden;
  border: var(--mc-border-line);
  background: var(--bg-subtle);
}
.att-map-top iframe {
  width: 100%;
  height: 178px;
  border: 0;
  display: block;
}
.att-map-top a {
  display: block;
  text-align: center;
  font-size: var(--mc-type-body-control, 0.82rem);
  padding: 6px 8px;
  color: var(--soft);
  text-decoration: none;
}
.att-punch-zone {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 0 2px;
}
.attendance-orb {
  width: 168px !important;
  height: 168px !important;
  border: 0;
  background: var(--brand);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  cursor: pointer;
  transition: 0.2s;
  padding: 14px !important;
  text-align: center;
  position: relative;
}
.attendance-orb:hover {
  transform: translateY(-3px) scale(1.025);
}
.attendance-orb .orb-time {
  font-size: 1.54rem;
  font-weight: 900;
  font-family: var(--mono);
  line-height: 1;
}
.attendance-orb .orb-sub {
  font-size: var(--mc-type-emphasized-body, 0.82rem);
  font-weight: 850;
  line-height: 1.1;
}
.attendance-orb .orb-meta {
  font-size: var(--mc-type-caption-meta, 0.68rem);
  opacity: 0.92;
  line-height: 1.18;
  max-width: 132px;
}
.attendance-orb .orb-note {
  display: none;
}
.att-primary-info {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.att-mini {
  padding: 9px 10px;
  min-width: 0;
}
.att-mini .k {
  font-size: var(--mc-type-caption-meta, 0.68rem);
  color: var(--soft);
  margin-bottom: 2px;
}
.att-mini .v {
  font-size: 0.85rem;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.att-side-card {
  margin: 0 !important;
  padding: 12px !important;
}
.att-side-card h3 {
  font-size: 0.96rem !important;
  margin-bottom: 10px !important;
}
.att-side-list {
  display: grid;
  gap: 8px;
}
.att-side-row {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 8px;
  font-size: 0.8rem;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--line);
}
.att-side-row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.att-side-row span {
  color: var(--soft);
}
.att-side-row b {
  font-weight: 750;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 760px), (max-width: 920px) and (pointer: coarse) {
  .main.page-attendance {
    padding: 8px 10px calc(78px + env(safe-area-inset-bottom)) !important;
    overflow: hidden !important;
  }
  .main.page-attendance > .page-head {
    margin-bottom: 6px !important;
  }
  .main.page-attendance > .page-head h1 {
    font-size: 1.08rem !important;
  }
  .att-compact-shell {
    grid-template-columns: 1fr;
    gap: 8px;
    max-width: none;
  }
  .attendance-panel.att-compact-main {
    gap: 8px;
    padding: 10px !important;
  }
  .att-status-strip {
    padding: 9px 11px;
    border-radius: 15px;
  }
  .att-status-strip b {
    font-size: 1.02rem;
  }
  .att-map-top iframe {
    height: 132px !important;
  }
  .attendance-orb {
    width: 150px !important;
    height: 150px !important;
    border-radius: 30px !important;
  }
  .attendance-orb .orb-time {
    font-size: 1.34rem;
  }
  .attendance-orb .orb-sub {
    font-size: var(--mc-type-caption-meta, 0.68rem);
  }
  .attendance-orb .orb-meta {
    font-size: 0.62rem;
    max-width: 118px;
  }
  .att-punch-zone {
    padding: 0;
  }
  .att-primary-info {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
  }
  .att-mini {
    padding: 7px 6px;
    text-align: center;
  }
  .att-mini .k {
    font-size: 0.6rem;
  }
  .att-mini .v {
    font-size: var(--mc-type-emphasized-body, 0.82rem);
  }
  .att-side-card {
    padding: 9px !important;
  }
  .att-side-card h3 {
    display: none;
  }
  .att-side-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px 8px;
  }
  .att-side-row {
    grid-template-columns: 1fr;
    gap: 1px;
    padding: 0;
    border: 0;
  }
  .att-side-row span {
    font-size: 0.58rem;
  }
  .att-side-row b {
    font-size: var(--mc-type-emphasized-body, 0.82rem);
  }
  .attendance-tools {
    display: none !important;
  }
}

.work-punch-stage .punch-orb {
  border-radius: 34px !important;
  border: 2px solid rgba(255, 255, 255, 0.34) !important;
}
.work-punch-stage .punch-orb::before {
  border-radius: 26px !important;
}
.work-punch-stage .punch-orb::after {
  border-radius: 40px !important;
}

/* <<< runtime/legacy/styles/blocks/attendance/rules/compatibility-layout/001-base-slice-03-attendance-003-slice-03-part-01-seg-01-account-fallback-summary-micro-03.css */


/* >>> runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-03-workbench-004-slice-03-part-01-seg-02-account-fallback-summary-nano-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-03-part-01-account-fallback-summary.css. Keep import order stable. */
.ann-badge{
 position:absolute;
 right:10px;
 top:8px;
 z-index:3;
 letter-spacing:.04em;
}
.hud-card.hud-todo{
 background:linear-gradient(135deg,#4338ca 0%,#0284c7 48%,#14b8a6 100%)!important;
 box-shadow:0 18px 44px -22px rgba(2,132,199,.72)!important;
}
.todo-overview-card{grid-column:1 / -1!important;min-height:96px!important}
.todo-overview-card .hud-val{font-size:1.72rem!important}
.todo-overview-card .hud-sub{font-size:var(--mc-type-secondary-body,.76rem)!important;max-width:78%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 body.employee-mobile-workbench .topbar .left,
 body.employee-mobile-workbench .topbar .right{
  transform:translateY(8px);
 }
 body.employee-mobile-workbench .topbar::after{
  transform:translate(-50%,8px);
 }
 .main.page-workbench{
  padding-top:18px!important;
 }
 .main.page-workbench .workbench-clean,
 .main.page-workbench .workbench-triple,
 .main.page-workbench .employee-workbench-compact{
  height:calc(100% - 18px)!important;
  grid-template-rows:minmax(0,1fr) 210px!important;
  align-content:end!important;
 }
 .main.page-workbench .employee-workbench-compact{
  height:calc(100% - 342px)!important;
  min-height:430px!important;
 }
 .main.page-workbench .employee-workbench-compact.employee-punch-only{
  height:210px!important;
  min-height:210px!important;
  grid-template-rows:210px!important;
 }
 .main.page-workbench .work-punch-stage{
  padding:8px 10px 10px!important;
  gap:6px!important;
  place-items:center!important;
  height:210px!important;
 }
 .main.page-workbench .work-punch-stage::before,
 .main.page-workbench .work-punch-stage::after{
  opacity:.36!important;
 }
 .main.page-workbench .work-punch-stage .punch-orb{
  width:148px!important;
  height:148px!important;
  border-radius:30px!important;
  padding:13px!important;
 }
 .main.page-workbench .work-punch-stage .punch-orb::before{
  inset:8px!important;
  border-radius:22px!important;
 }
 .main.page-workbench .work-punch-stage .punch-orb::after{
  inset:-9px!important;
  border-radius:36px!important;
 }
 .main.page-workbench .work-punch-stage .punch-orb .orb-time{
  font-size:1.34rem!important;
 }
 .main.page-workbench .work-punch-stage .punch-orb .orb-sub{
  font-size:var(--mc-type-emphasized-body,.82rem)!important;
  margin-top:6px!important;
  font-weight:850!important;
 }
 .main.page-workbench .work-punch-stage .punch-orb .orb-meta{
  font-size:.66rem!important;
  margin-top:4px!important;
  font-weight:800!important;
 }
 .main.page-workbench .work-punch-stage .punch-orb .orb-tiny{
  display:block!important;
  font-size:var(--mc-type-emphasized-body,.82rem)!important;
  margin-top:5px!important;
  font-weight:900!important;
  opacity:.98!important;
  letter-spacing:0!important;
  font-family:var(--mono)!important;
 }
 .ann-banner{
  margin-top:2px!important;
  margin-bottom:8px!important;
  padding-right:58px!important;
 }
 .ann-badge{
  right:9px;
  top:8px;
  font-size:.58rem;
  padding:3px 6px;
 }
}

/* <<< runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-03-workbench-004-slice-03-part-01-seg-02-account-fallback-summary-nano-01.css */


/* >>> runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-03-workbench-005-slice-03-part-01-seg-02-account-fallback-summary-nano-02-unit-01.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 .main.page-workbench{
  display:flex!important;
  flex-direction:column!important;
  
  padding-top:calc(8px + env(safe-area-inset-top))!important;
 }
 
 .main.page-workbench>.page-head{margin-top:0!important}
 .main.page-workbench .workbench-clean,
 .main.page-workbench .workbench-triple,
 .main.page-workbench .employee-workbench-compact{
  height:auto!important;
  min-height:0!important;
  align-content:start!important;
 }
 .main.page-workbench .workbench-clean{
  grid-template-rows:auto 210px!important;
 }
 .main.page-workbench .employee-hud-cards{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  margin-top:clamp(10px,2vh,16px)!important;
  gap:10px!important;
 }
 .main.page-workbench .employee-hud-cards .todo-overview-card{
  min-height:98px!important;
 }
 .main.page-workbench .employee-hud-cards .hud-card:not(.todo-overview-card){
  min-height:96px!important;
 }
 .main.page-workbench .employee-workbench-compact.employee-punch-only{
  margin-top:auto!important;
  margin-bottom:10px!important;
 }
  .main.page-workbench .employee-workbench-compact.employee-punch-only .work-punch-stage{
   height:198px!important;
  }
  .main.page-workbench .employee-workbench-compact.employee-punch-only .work-punch-stage .punch-orb{
   transform:translateY(10px);
  }
  .punch-welcome{
   margin-top:8px!important;
   margin-bottom:10px!important;
   gap:3px;
   display:flex!important;
   align-items:flex-start!important;
   text-align:left!important;
  }
  .punch-welcome-title{
   font-size:1.36rem;
   font-weight:900;
  }
  .punch-welcome-tip{
   display:none!important;
  }
  }

/* <<< runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-03-workbench-005-slice-03-part-01-seg-02-account-fallback-summary-nano-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-03-shared-cross-surface-006-slice-03-part-01-seg-02-account-fallback-summary-nano-02-unit-02.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 body.employee-mobile-workbench .main.page-workbench{
  padding-top:calc(10px + env(safe-area-inset-top))!important;
  padding-bottom:calc(76px + env(safe-area-inset-bottom))!important;
  gap:10px!important;
 }
 body.employee-mobile-workbench .employee-hud-cards{
  margin-top:clamp(8px,2vh,12px)!important;
  gap:10px!important;
 }
 body.employee-mobile-workbench .employee-hud-cards .todo-overview-card,
 body.employee-mobile-workbench .ann-banner{
  min-height:104px!important;
  height:104px!important;
  border-radius:22px!important;
 }
 body.employee-mobile-workbench .ann-banner{
  margin-top:2px!important;
  margin-bottom:0!important;
  padding:16px 58px 16px 14px!important;
  align-items:center!important;
  box-shadow:0 22px 52px -34px rgba(15,23,42,.72),inset 0 1px 0 rgba(255,255,255,.24)!important;
 }
 body.employee-mobile-workbench .ann-banner .ann-ic{
  display:grid!important;
  width:30px!important;
  height:30px!important;
  place-items:center!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24)!important;
  font-size:1.05rem!important;
 }
 body.employee-mobile-workbench .ann-banner .ann-body b{
  font-size:1.03rem!important;
  font-weight:900!important;
 }
 body.employee-mobile-workbench .ann-banner .ann-body span{
  display:block!important;
  font-size:.72rem!important;
  line-height:1.25!important;
  max-height:2.5em!important;
  white-space:normal!important;
  overflow:hidden!important;
 }
 body.employee-mobile-workbench .ann-banner .ann-arr{
  position:absolute!important;
  right:18px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
 }
 body.employee-mobile-workbench .employee-workbench-compact.employee-punch-only{
  margin-top:auto!important;
  margin-bottom:6px!important;
  height:184px!important;
  min-height:184px!important;
  grid-template-rows:184px!important;
 }
 body.employee-mobile-workbench .employee-workbench-compact.employee-punch-only .work-punch-stage{
  height:184px!important;
  padding:0!important;
 }
 body.employee-mobile-workbench .employee-workbench-compact.employee-punch-only .work-punch-stage .punch-orb{
  width:146px!important;
  height:146px!important;
  transform:translateY(8px);
 }
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-03-shared-cross-surface-006-slice-03-part-01-seg-02-account-fallback-summary-nano-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-03-shared-cross-surface-007-slice-03-part-01-seg-02-account-fallback-summary-nano-03.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 body.employee-mobile-workbench .main.page-workbench .employee-workbench-compact.employee-punch-only{
  margin-top:auto!important;
  margin-bottom:calc(88px + env(safe-area-inset-bottom))!important;
  height:184px!important;
  min-height:184px!important;
  grid-template-rows:184px!important;
 }
 body.employee-mobile-workbench .main.page-workbench .employee-workbench-compact.employee-punch-only .work-punch-stage{
  height:184px!important;
  min-height:0!important;
  padding:0!important;
 }
 body.employee-mobile-workbench .main.page-workbench .employee-workbench-compact.employee-punch-only .work-punch-stage .punch-orb{
  width:146px!important;
  height:146px!important;
  transform:translateY(8px);
 }
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-03-shared-cross-surface-007-slice-03-part-01-seg-02-account-fallback-summary-nano-03.css */


/* >>> runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-03-workbench-008-slice-03-part-02-seg-01-account-fallback-summary-micro-01-unit-01.css */

/* Legacy ordered base slice 03 part 02; split from 001-base-slice-03-account-fallback-summary.css. Keep import order stable. */
@media(max-width:760px), (max-width:920px) and (pointer:coarse) and (max-height:780px), (max-width:920px) and (pointer:coarse) and (max-height:780px){
 body.employee-mobile-workbench .topbar .left,
 body.employee-mobile-workbench .topbar .right{
  transform:translateY(5px);
 }
 body.employee-mobile-workbench .topbar::after{
  transform:translate(-50%,5px);
 }
 body.employee-mobile-workbench .main.page-workbench{
  padding-top:14px!important;
  gap:8px!important;
 }
 body.employee-mobile-workbench .employee-hud-cards{
  margin-top:10px!important;
  gap:8px!important;
 }
 body.employee-mobile-workbench .employee-hud-cards .todo-overview-card,
 body.employee-mobile-workbench .ann-banner{
  min-height:88px!important;
  height:88px!important;
 }
 body.employee-mobile-workbench .hud-card{
  padding:10px 12px!important;
  border-radius:18px!important;
 }
 body.employee-mobile-workbench .hud-ic,
 body.employee-mobile-workbench .ann-banner .ann-ic{
  width:26px!important;
  height:26px!important;
  border-radius:9px!important;
 }
 body.employee-mobile-workbench .hud-val{
  font-size:1.38rem!important;
 }
 body.employee-mobile-workbench .hud-label{
  font-size:.7rem!important;
 }
 body.employee-mobile-workbench .ann-banner{
  padding:12px 50px 12px 12px!important;
 }
 body.employee-mobile-workbench .ann-banner .ann-body b{
  font-size:.92rem!important;
 }
 body.employee-mobile-workbench .ann-banner .ann-body span{
  font-size:.66rem!important;
  max-height:2.4em!important;
 }
 body.employee-mobile-workbench .main.page-workbench .employee-workbench-compact.employee-punch-only{
  margin-bottom:calc(82px + env(safe-area-inset-bottom))!important;
  height:154px!important;
  min-height:154px!important;
  grid-template-rows:154px!important;
 }
 body.employee-mobile-workbench .main.page-workbench .employee-workbench-compact.employee-punch-only .work-punch-stage{
  height:154px!important;
 }
 body.employee-mobile-workbench .main.page-workbench .employee-workbench-compact.employee-punch-only .work-punch-stage .punch-orb{
  width:126px!important;
  height:126px!important;
  padding:10px!important;
  transform:translateY(5px);
 }
 body.employee-mobile-workbench .main.page-workbench .work-punch-stage .punch-orb .orb-time{
  font-size:1.1rem!important;
 }
 body.employee-mobile-workbench .main.page-workbench .work-punch-stage .punch-orb .orb-sub{
  font-size:.62rem!important;
  margin-top:4px!important;
 }
 body.employee-mobile-workbench .main.page-workbench .work-punch-stage .punch-orb .orb-meta,
 body.employee-mobile-workbench .main.page-workbench .work-punch-stage .punch-orb .orb-tiny{
  font-size:.56rem!important;
  margin-top:3px!important;
 }
}

/* <<< runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-03-workbench-008-slice-03-part-02-seg-01-account-fallback-summary-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-03-shared-cross-surface-009-slice-03-part-02-seg-01-account-fallback-summary-micro-01-unit-02.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse) and (max-height:690px), (max-width:920px) and (pointer:coarse) and (max-height:690px){
 body.employee-mobile-workbench .main.page-workbench{
  padding-top:8px!important;
  gap:6px!important;
 }
 body.employee-mobile-workbench .employee-hud-cards{
  margin-top:6px!important;
  gap:6px!important;
 }
 body.employee-mobile-workbench .employee-hud-cards .todo-overview-card,
 body.employee-mobile-workbench .ann-banner{
  min-height:76px!important;
  height:76px!important;
 }
 body.employee-mobile-workbench .employee-hud-cards .hud-card:not(.todo-overview-card){
  min-height:72px!important;
  height:72px!important;
 }
 body.employee-mobile-workbench .hud-card{
  padding:8px 10px!important;
 }
 body.employee-mobile-workbench .hud-bg{
  font-size:3.8rem!important;
 }
 body.employee-mobile-workbench .todo-overview-card .hud-val{
  font-size:1.28rem!important;
 }
 body.employee-mobile-workbench .hud-sub,
 body.employee-mobile-workbench .todo-overview-card .hud-sub{
  display:none!important;
 }
 body.employee-mobile-workbench .ann-banner .ann-body span{
  display:none!important;
 }
 body.employee-mobile-workbench .main.page-workbench .employee-workbench-compact.employee-punch-only{
  margin-bottom:calc(76px + env(safe-area-inset-bottom))!important;
  height:132px!important;
  min-height:132px!important;
  grid-template-rows:132px!important;
 }
 body.employee-mobile-workbench .main.page-workbench .employee-workbench-compact.employee-punch-only .work-punch-stage{
  height:132px!important;
 }
 body.employee-mobile-workbench .main.page-workbench .employee-workbench-compact.employee-punch-only .work-punch-stage .punch-orb{
  width:112px!important;
  height:112px!important;
  transform:translateY(4px);
 }
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-03-shared-cross-surface-009-slice-03-part-02-seg-01-account-fallback-summary-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-03-shared-cross-surface-010-slice-03-part-02-seg-01-account-fallback-summary-micro-02-unit-01.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 body.employee-mobile-workbench .main.page-workbench{
  padding-top:6px!important;
  gap:10px!important;
 }
 body.employee-mobile-workbench .main.page-workbench .employee-hud-cards{
  margin-top:12px!important;
  margin-bottom:0!important;
  gap:10px!important;
 }
 body.employee-mobile-workbench .ann-banner{
  margin-top:10px!important;
  margin-bottom:0!important;
 }
 body.employee-mobile-workbench .main.page-workbench .employee-workbench-compact.employee-punch-only{
  margin-top:auto!important;
  margin-bottom:calc(110px + env(safe-area-inset-bottom))!important;
  height:176px!important;
  min-height:176px!important;
  grid-template-rows:176px!important;
 }
 body.employee-mobile-workbench .main.page-workbench .employee-workbench-compact.employee-punch-only .work-punch-stage{
  height:176px!important;
 }
 body.employee-mobile-workbench .main.page-workbench .employee-workbench-compact.employee-punch-only .work-punch-stage .punch-orb{
  width:142px!important;
  height:142px!important;
  transform:translateY(2px);
 }
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse) and (max-height:780px), (max-width:920px) and (pointer:coarse) and (max-height:780px){
 body.employee-mobile-workbench .main.page-workbench{
  padding-top:4px!important;
  gap:8px!important;
 }
 body.employee-mobile-workbench .main.page-workbench .employee-hud-cards{
  margin-top:8px!important;
  margin-bottom:0!important;
  gap:8px!important;
 }
 body.employee-mobile-workbench .employee-hud-cards .todo-overview-card,
 body.employee-mobile-workbench .ann-banner{
  min-height:86px!important;
  height:86px!important;
 }
 body.employee-mobile-workbench .employee-hud-cards .hud-card:not(.todo-overview-card){
  min-height:82px!important;
  height:82px!important;
 }
 body.employee-mobile-workbench .ann-banner{
  margin-top:8px!important;
 }
 body.employee-mobile-workbench .main.page-workbench .employee-workbench-compact.employee-punch-only{
  margin-bottom:calc(96px + env(safe-area-inset-bottom))!important;
  height:146px!important;
  min-height:146px!important;
  grid-template-rows:146px!important;
 }
 body.employee-mobile-workbench .main.page-workbench .employee-workbench-compact.employee-punch-only .work-punch-stage{
  height:146px!important;
 }
 body.employee-mobile-workbench .main.page-workbench .employee-workbench-compact.employee-punch-only .work-punch-stage .punch-orb{
  width:122px!important;
  height:122px!important;
  transform:translateY(0);
 }
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-03-shared-cross-surface-010-slice-03-part-02-seg-01-account-fallback-summary-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-03-shared-cross-surface-011-slice-03-part-02-seg-01-account-fallback-summary-micro-02-unit-02.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse) and (max-height:690px), (max-width:920px) and (pointer:coarse) and (max-height:690px){
 body.employee-mobile-workbench .main.page-workbench{
  padding-top:2px!important;
  gap:6px!important;
 }
 body.employee-mobile-workbench .main.page-workbench .employee-hud-cards{
  margin-top:6px!important;
  margin-bottom:0!important;
  gap:6px!important;
 }
 body.employee-mobile-workbench .employee-hud-cards .todo-overview-card,
 body.employee-mobile-workbench .ann-banner{
  min-height:74px!important;
  height:74px!important;
 }
 body.employee-mobile-workbench .employee-hud-cards .hud-card:not(.todo-overview-card){
  min-height:70px!important;
  height:70px!important;
 }
 body.employee-mobile-workbench .ann-banner{
  margin-top:6px!important;
 }
 body.employee-mobile-workbench .main.page-workbench .employee-workbench-compact.employee-punch-only{
  margin-bottom:calc(86px + env(safe-area-inset-bottom))!important;
  height:124px!important;
  min-height:124px!important;
  grid-template-rows:124px!important;
 }
 body.employee-mobile-workbench .main.page-workbench .employee-workbench-compact.employee-punch-only .work-punch-stage{
  height:124px!important;
 }
 body.employee-mobile-workbench .main.page-workbench .employee-workbench-compact.employee-punch-only .work-punch-stage .punch-orb{
  width:106px!important;
  height:106px!important;
 }
}
.punch-orb,
.attendance-orb{
 border-radius:24px!important;
}
.punch-orb::before,
.attendance-orb::before{
 border-radius:18px!important;
}
.punch-orb::after,
.attendance-orb::after{
 border-radius:30px!important;
}
.punch-orb.danger,
.attendance-orb.danger{background:linear-gradient(145deg,#5f0f0f,#7f1d1d,#991b1b)!important;color:#fff!important}
.punch-orb.warn,
.attendance-orb.warn{background:linear-gradient(145deg,#6f1111,#8b1a1a,#b91c1c)!important;color:#fff!important}
.punch-orb.checked,
.attendance-orb.checked,
.punch-orb.checkedin,
.attendance-orb.checkedin{background:linear-gradient(145deg,#005c1f,#008000,#16a34a)!important;color:#fff!important}
.punch-orb.unchecked,
.attendance-orb.unchecked{background:linear-gradient(145deg,#005f73,#0077b6,#0891b2)!important;color:#fff!important}
.punch-orb.done,
.attendance-orb.done{background:linear-gradient(145deg,#005f73,#0077b6,#0891b2)!important;color:#fff!important}
.punch-orb.nonwork,
.attendance-orb.nonwork{background:linear-gradient(145deg,#0f3a5f,#075985,#0e7490)!important;color:#fff!important}
.phs-danger{background:linear-gradient(145deg,#450a0a 0%,#7f1d1d 54%,#991b1b 100%)!important}
.phs-warn{background:linear-gradient(145deg,#5f0f0f 0%,#8b1a1a 54%,#b91c1c 100%)!important}
.phs-checked,
.phs-checkedin{background:linear-gradient(145deg,#005c1f 0%,#008000 54%,#16a34a 100%)!important}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-03-shared-cross-surface-011-slice-03-part-02-seg-01-account-fallback-summary-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-03-shared-cross-surface-012-slice-03-part-02-seg-01-account-fallback-summary-micro-03.css */

.phs-unchecked{background:linear-gradient(145deg,#005f73 0%,#0077b6 58%,#0891b2 100%)!important}
.phs-done{background:linear-gradient(145deg,#005f73 0%,#0077b6 58%,#0891b2 100%)!important}
.phs-nonwork{background:linear-gradient(145deg,#0f3a5f 0%,#075985 58%,#0e7490 100%)!important}
.work-punch-stage .punch-orb.danger,
.work-punch-hero .punch-orb.danger,
.main.page-workbench .work-punch-stage .punch-orb.danger,
.main.page-attendance .attendance-orb.danger{background:linear-gradient(145deg,#5f0f0f,#7f1d1d,#991b1b)!important;color:#fff!important}
.work-punch-stage .punch-orb.warn,
.work-punch-hero .punch-orb.warn,
.main.page-workbench .work-punch-stage .punch-orb.warn,
.main.page-attendance .attendance-orb.warn{background:linear-gradient(145deg,#6f1111,#8b1a1a,#b91c1c)!important;color:#fff!important}
.work-punch-stage .punch-orb.checked,
.work-punch-stage .punch-orb.checkedin,
.work-punch-hero .punch-orb.checked,
.work-punch-hero .punch-orb.checkedin,
.main.page-workbench .work-punch-stage .punch-orb.checked,
.main.page-workbench .work-punch-stage .punch-orb.checkedin,
.main.page-attendance .attendance-orb.checked,
.main.page-attendance .attendance-orb.checkedin{background:linear-gradient(145deg,#005c1f,#008000,#16a34a)!important;color:#fff!important}
.work-punch-stage .punch-orb.unchecked,
.work-punch-stage .punch-orb.done,
.work-punch-hero .punch-orb.unchecked,
.work-punch-hero .punch-orb.done,
.main.page-workbench .work-punch-stage .punch-orb.unchecked,
.main.page-workbench .work-punch-stage .punch-orb.done,
.main.page-attendance .attendance-orb.unchecked,
.main.page-attendance .attendance-orb.done{background:linear-gradient(145deg,#005f73,#0077b6,#0891b2)!important;color:#fff!important}
.work-punch-stage .punch-orb.nonwork,
.work-punch-hero .punch-orb.nonwork,
.main.page-workbench .work-punch-stage .punch-orb.nonwork,
.main.page-attendance .attendance-orb.nonwork{background:linear-gradient(145deg,#0f3a5f,#075985,#0e7490)!important;color:#fff!important}
.work-punch-stage .punch-orb,
.work-punch-hero .punch-orb,
.main.page-workbench .work-punch-stage .punch-orb,
.main.page-attendance .attendance-orb{
 border-radius:24px!important;
}
.work-punch-stage .punch-orb::before,
.work-punch-hero .punch-orb::before,
.main.page-workbench .work-punch-stage .punch-orb::before,
.main.page-attendance .attendance-orb::before{
 border-radius:18px!important;
}
.work-punch-stage .punch-orb::after,
.work-punch-hero .punch-orb::after,
.main.page-workbench .work-punch-stage .punch-orb::after,
.main.page-attendance .attendance-orb::after{
 border-radius:30px!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-03-shared-cross-surface-012-slice-03-part-02-seg-01-account-fallback-summary-micro-03.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-03-shared-cross-surface-013-slice-03-part-02-seg-02-account-fallback-summary-fine-01-short-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-03-part-02-account-fallback-summary.css. Keep import order stable. */
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 .punch-orb,
 .attendance-orb,
 .work-punch-stage .punch-orb,
 .main.page-workbench .work-punch-stage .punch-orb,
 .main.page-attendance .attendance-orb{
  border-radius:24px!important;
 }
 .punch-orb::before,
 .attendance-orb::before,
 .work-punch-stage .punch-orb::before,
 .main.page-workbench .work-punch-stage .punch-orb::before,
 .main.page-attendance .attendance-orb::before{
  border-radius:18px!important;
 }
 .punch-orb::after,
 .attendance-orb::after,
 .work-punch-stage .punch-orb::after,
 .main.page-workbench .work-punch-stage .punch-orb::after,
 .main.page-attendance .attendance-orb::after{
  border-radius:30px!important;
 }
 body.employee-mobile-workbench .main.page-workbench .employee-hud-cards{
  row-gap:22px!important;
  column-gap:10px!important;
 }
 body.employee-mobile-workbench .main.page-workbench .employee-hud-cards .todo-overview-card{
  margin-bottom:2px!important;
 }
 body.employee-mobile-workbench .ann-banner{
  margin-top:14px!important;
 }
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse) and (max-height:780px), (max-width:920px) and (pointer:coarse) and (max-height:780px){
 body.employee-mobile-workbench .main.page-workbench .employee-hud-cards{
  row-gap:16px!important;
  column-gap:8px!important;
 }
 body.employee-mobile-workbench .main.page-workbench .employee-hud-cards .todo-overview-card{
  margin-bottom:1px!important;
 }
 body.employee-mobile-workbench .ann-banner{
  margin-top:12px!important;
 }
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse) and (max-height:690px), (max-width:920px) and (pointer:coarse) and (max-height:690px){
 body.employee-mobile-workbench .main.page-workbench .employee-hud-cards{
  row-gap:8px!important;
  column-gap:6px!important;
 }
 body.employee-mobile-workbench .main.page-workbench .employee-hud-cards .todo-overview-card{
  margin-bottom:0!important;
 }
 body.employee-mobile-workbench .ann-banner{
  margin-top:8px!important;
 }
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 body.employee-mobile-workbench .main.page-workbench{
  --employee-mobile-card-h:118px;
  --employee-mobile-card-gap:12px;
  --employee-mobile-card-col-gap:12px;
  --employee-mobile-main-gap:6px;
  padding-top:2px!important;
  gap:var(--employee-mobile-main-gap)!important;
 }
 body.employee-mobile-workbench .main.page-workbench .employee-hud-cards{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  margin-top:6px!important;
  margin-bottom:0!important;
  row-gap:var(--employee-mobile-card-gap)!important;
  column-gap:var(--employee-mobile-card-col-gap)!important;
 }
 body.employee-mobile-workbench .main.page-workbench .employee-hud-cards .hud-card,
 body.employee-mobile-workbench .ann-banner{
  height:var(--employee-mobile-card-h)!important;
  min-height:var(--employee-mobile-card-h)!important;
  box-sizing:border-box!important;
 }
 body.employee-mobile-workbench .main.page-workbench .employee-hud-cards .todo-overview-card{
  grid-column:1 / -1!important;
  margin-bottom:0!important;
 }
 body.employee-mobile-workbench .ann-banner{
  margin-top:calc(var(--employee-mobile-card-gap) - var(--employee-mobile-main-gap))!important;
  margin-bottom:0!important;
  padding:14px 56px 14px 14px!important;
 }
 body.employee-mobile-workbench .hud-card{
  padding:12px 12px!important;
 }
 body.employee-mobile-workbench .ann-banner .ann-body b{
  font-size:1rem!important;
 }
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse) and (max-height:780px), (max-width:920px) and (pointer:coarse) and (max-height:780px){
 body.employee-mobile-workbench .main.page-workbench{
  --employee-mobile-card-h:98px;
  --employee-mobile-card-gap:12px;
  --employee-mobile-card-col-gap:12px;
  --employee-mobile-main-gap:5px;
  padding-top:1px!important;
  gap:var(--employee-mobile-main-gap)!important;
 }
 body.employee-mobile-workbench .ann-banner{
  padding:11px 50px 11px 12px!important;
 }
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-03-shared-cross-surface-013-slice-03-part-02-seg-02-account-fallback-summary-fine-01-short-01.css */


/* >>> runtime/legacy/styles/blocks/attendance/rules/compatibility-layout/001-base-slice-03-attendance-014-slice-03-part-02-seg-02-account-fallback-summary-fine-01-short-02.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse) and (max-height:690px), (max-width:920px) and (pointer:coarse) and (max-height:690px){
 body.employee-mobile-workbench .main.page-workbench{
  --employee-mobile-card-h:82px;
  --employee-mobile-card-gap:12px;
  --employee-mobile-card-col-gap:12px;
  --employee-mobile-main-gap:4px;
  padding-top:0!important;
  gap:var(--employee-mobile-main-gap)!important;
 }
 body.employee-mobile-workbench .hud-card{
  padding:8px 9px!important;
 }
 body.employee-mobile-workbench .ann-banner{
  padding:8px 42px 8px 10px!important;
 }
}
.att-report-shell{display:grid;gap:12px}
.att-report-tabs{max-width:420px;margin-bottom:0!important}
.att-report-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0}
.att-report-toolbar input,.att-report-toolbar select{min-height:38px}
.att-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.att-kpi{background:var(--panel);border:0;border-radius:12px;padding:13px 14px;box-shadow:var(--shadow);min-width:0}
.att-kpi span{display:block;color:var(--soft);font-size:.72rem;margin-bottom:4px}
.att-kpi b{display:block;font-size:1.5rem;line-height:1.08}
.att-kpi small{display:block;color:var(--soft);font-size:.68rem;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.att-report-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:12px;align-items:stretch}
.att-chart-card{position:relative;height:280px;min-width:0}
.att-person-cell{display:flex;flex-direction:column;gap:2px;min-width:120px}
.att-person-cell b{font-size:.92rem}

/* <<< runtime/legacy/styles/blocks/attendance/rules/compatibility-layout/001-base-slice-03-attendance-014-slice-03-part-02-seg-02-account-fallback-summary-fine-01-short-02.css */


/* >>> runtime/legacy/styles/blocks/attendance/rules/compatibility-layout/001-base-slice-03-attendance-015-slice-03-part-02-seg-02-account-fallback-summary-fine-02.css */

.att-person-cell span{font-size:var(--mc-type-caption-meta,.68rem);color:var(--soft)}
.att-table table th,.att-table table td{vertical-align:middle}
.att-table .tag{font-size:var(--mc-type-caption-meta,.68rem)}
.att-raw-toggle{display:flex;justify-content:flex-end;margin-top:10px}
.att-month-board{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px;align-items:stretch}
.att-month-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.att-month-week{font-size:var(--mc-type-caption-meta,.68rem);color:var(--soft);text-align:center;font-weight:800;padding:2px 0}
.att-day-dot{min-height:38px;border:var(--mc-border-line);background:var(--bg-subtle);border-radius:10px;padding:6px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:4px;cursor:pointer;color:var(--text)}
.att-day-dot b{font-size:.78rem;line-height:1}
.att-day-dot span{width:8px;height:8px;border-radius:50%;display:block;background:#cbd5e1;box-shadow:0 0 0 3px rgba(148,163,184,.14)}
.att-day-dot.ok span{background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.16)}
.att-day-dot.partial span{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.18)}
.att-day-dot.absent span{background:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.16)}
.att-day-dot.leave span{background:#0284c7;box-shadow:0 0 0 3px rgba(2,132,199,.16)}
.att-day-dot.future{opacity:.46;cursor:default}
.att-day-dot:hover{border-color:var(--brand);position:relative;z-index:var(--mc-model-lift-z,80);transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))}
.att-self-card{display:grid;gap:12px}
.att-self-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.att-self-head h3{margin-bottom:3px!important}
.att-self-tools{display:flex;gap:8px 12px;align-items:flex-start;flex-wrap:wrap;justify-content:flex-end}
.att-self-legend{display:flex;gap:8px 12px;flex-wrap:wrap;color:var(--soft);font-size:var(--mc-type-caption-meta,.68rem);font-weight:760}
.att-self-legend span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.att-self-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.att-self-week{font-size:var(--mc-type-caption-meta,.68rem);color:var(--soft);text-align:center;font-weight:850;padding:2px 0}
.att-self-day{min-height:72px;border:var(--mc-border-line);border-radius:12px;padding:8px;display:grid;grid-template-rows:auto 1fr auto;gap:5px;background:var(--bg-subtle);color:var(--text);text-align:left;cursor:pointer;transition:.14s;min-width:0}
.att-self-day:hover{border-color:var(--brand);position:relative;z-index:var(--mc-model-lift-z,80);transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006));box-shadow:0 14px 32px -28px var(--brand)}
.att-self-day b{font-size:.84rem;line-height:1}
.att-self-day small{font-size:.66rem;color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.att-self-day.muted{opacity:.58;cursor:default}
.att-self-day.bg-ok{background:linear-gradient(180deg,rgba(22,163,74,.16),var(--bg-subtle));border-color:rgba(22,163,74,.28)}
.att-self-day.bg-danger{background:linear-gradient(180deg,rgba(220,38,38,.15),var(--bg-subtle));border-color:rgba(220,38,38,.3)}
.att-self-day.bg-warn{background:linear-gradient(180deg,rgba(245,158,11,.18),var(--bg-subtle));border-color:rgba(245,158,11,.32)}
.att-self-day.bg-info{background:linear-gradient(180deg,rgba(2,132,199,.17),var(--bg-subtle));border-color:rgba(2,132,199,.3)}
.att-self-day.bg-muted{background:var(--bg-subtle)}
.att-self-dots{display:flex;align-items:center;gap:7px;align-self:end}
.att-self-dots.att-dots-empty{min-height:9px}
.att-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#cbd5e1;box-shadow:0 0 0 3px rgba(148,163,184,.14)}
.att-dot.green{background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.15)}
.att-dot.red{background:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.14)}
.att-dot.yellow{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.16)}
.att-dot.blue{background:#0284c7;box-shadow:0 0 0 3px rgba(2,132,199,.15)}
.att-dot.gray{background:#cbd5e1}
.att-dot.blank{background:transparent!important;box-shadow:none!important}
.att-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.att-detail-grid .info-list{margin:0}
.att-month-legend{display:grid;gap:8px;align-content:start;background:var(--bg-subtle);border-radius:12px;padding:12px}
.att-month-legend .r{display:flex;align-items:center;gap:8px;font-size:var(--mc-type-secondary-body,.76rem);color:var(--soft)}
.att-month-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}
.att-mini-cal{display:grid;grid-template-columns:repeat(16,8px);gap:4px;min-width:190px}
.att-mini-cal button{width:8px;height:8px;border:0;border-radius:50%;padding:0;background:#cbd5e1;cursor:pointer}
.att-mini-cal button.ok{background:#16a34a}.att-mini-cal button.partial{background:#f59e0b}.att-mini-cal button.absent{background:#dc2626}.att-mini-cal button.leave{background:#0284c7}.att-mini-cal button.future{opacity:.35;cursor:default}
.att-day-modal-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px}
.att-day-modal-grid .att-kpi{box-shadow:none;background:var(--bg-subtle)}
.att-dept-panel{display:grid;gap:10px}
.att-dept-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
.att-dept-path{display:flex;gap:6px;align-items:center;flex-wrap:wrap;color:var(--soft);font-size:var(--mc-type-secondary-body,.76rem)}
.att-dept-path button{border:0;background:var(--chip);color:var(--text);border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:750}
.att-company-progress{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(240px,1fr) auto;gap:12px;align-items:center;background:var(--bg-subtle);border:var(--mc-border-line);border-radius:14px;padding:13px;cursor:pointer;transition:.14s}
.att-company-progress:hover{border-color:var(--brand);position:relative;z-index:var(--mc-model-lift-z,80);transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))}
.att-company-score span{display:block;color:var(--soft);font-size:.72rem;margin-bottom:2px}
.att-company-score b{font-size:1.9rem;line-height:1}
.att-company-score small{color:var(--soft);font-size:.72rem;margin-left:6px}
.att-company-bar{display:grid;gap:7px}
.att-company-track{height:16px;border-radius:999px;background:#d1d5db;overflow:hidden}
html[data-theme=dark] .att-company-track{background:#333}
.att-company-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#16a34a)}
.att-company-meta{display:flex;justify-content:space-between;gap:8px;color:var(--soft);font-size:.72rem}
.att-company-pie-panel{display:grid;gap:12px;overflow:visible}
.att-pie-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.att-shared-legend{grid-column:1/-1;display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;background:var(--panel);border:var(--mc-border-line);border-radius:12px;padding:9px 12px;box-shadow:var(--shadow)}
.att-shared-legend b{font-size:var(--mc-type-emphasized-body,.82rem);margin-right:2px}
.att-shared-legend span{display:inline-flex;align-items:center;gap:5px;color:var(--soft);font-size:var(--mc-type-caption-meta,.68rem);font-weight:760;white-space:nowrap}
.att-company-pie-wrap{display:grid;grid-template-columns:1fr;gap:0;align-items:center}
.att-main-pie-box{height:276px;position:relative;min-width:0;padding:4px;display:grid;place-items:center;isolation:isolate;overflow:visible}
.att-main-pie-box canvas{position:relative;z-index:2}
.att-pie-center{position:absolute;left:var(--att-pie-center-x,50%);top:var(--att-pie-center-y,50%);transform:translate(-50%,-50%);width:112px;z-index:3;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:0;background:transparent;border:0;box-shadow:none}
.att-pie-center b{font-size:1.78rem;line-height:.95;color:var(--text);white-space:nowrap;font-weight:900}
.att-pie-center small{font-size:var(--mc-type-caption-meta,.68rem);line-height:1;color:var(--soft);font-weight:800;white-space:nowrap}

/* <<< runtime/legacy/styles/blocks/attendance/rules/compatibility-layout/001-base-slice-03-attendance-015-slice-03-part-02-seg-02-account-fallback-summary-fine-02.css */


/* >>> runtime/legacy/styles/blocks/attendance/rules/compatibility-layout/001-base-slice-03-attendance-016-slice-03-part-02-seg-02-account-fallback-summary-fine-03.css */

.att-pie-hover-tip{--att-tip-color:var(--brand);position:absolute;z-index:7;left:0;top:0;display:grid;gap:2px;min-width:112px;max-width:178px;padding:7px 9px;border-radius:10px;background:color-mix(in srgb,var(--panel) 96%,transparent);border:1px solid var(--att-tip-color);box-shadow:0 16px 36px -26px var(--att-tip-color);pointer-events:none;opacity:0;transform:translate(12px,-50%);transition:opacity .08s ease;font-size:var(--mc-type-secondary-body,.76rem);line-height:1.25;white-space:nowrap}
.att-pie-hover-tip.show{opacity:1}
.att-pie-hover-tip b{font-size:.76rem}
.att-pie-hover-tip span{font-size:var(--mc-type-caption-meta,.68rem);color:var(--soft)}
.att-pie-hover-tip::before{content:"";position:absolute;left:-14px;top:50%;width:14px;height:2px;background:var(--att-tip-color);transform:translateY(-50%)}
.att-pie-hover-tip.left{transform:translate(calc(-100% - 12px),-50%)}
.att-pie-hover-tip.left::before{left:auto;right:-14px}
.att-pie-panel-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.att-pie-panel-head h3{font-size:.96rem;margin:0!important}
.att-watch-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.att-watch-tools select{max-width:150px;padding:6px 9px;border:0;border-radius:8px;background:var(--chip);color:var(--text);font-size:.78rem}
.att-watch-empty{min-height:276px;display:grid;place-items:center;text-align:center;color:var(--soft);gap:8px}
.att-watch-stack-box{height:276px;position:relative;min-width:0}
.att-watch-manage-list{display:grid;gap:8px}
.att-watch-manage-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(120px,.8fr) auto;gap:10px;align-items:center;background:var(--bg-subtle);border:var(--mc-border-line);border-radius:10px;padding:10px}
.att-watch-manage-row b{display:block;font-size:.9rem}
.att-watch-manage-row span{display:block;color:var(--soft);font-size:var(--mc-type-caption-meta,.68rem);margin-top:2px}
.att-pie-side{display:grid;gap:10px}
.att-pie-side h3{margin-bottom:0!important}
.att-pie-side .desc{margin-bottom:0!important}
.att-pie-total{display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:var(--soft);font-size:.78rem}
.att-pie-total b{color:var(--text);font-size:1.25rem}
.att-pie-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px}
.att-pie-card{border:var(--mc-border-line);background:var(--bg-subtle);border-radius:13px;padding:11px;display:grid;gap:7px;cursor:pointer;transition:.14s;min-width:0}
.att-pie-card:hover{border-color:var(--brand);position:relative;z-index:var(--mc-model-lift-z,80);transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))}
.att-pie-card.normal{background:linear-gradient(180deg,rgba(22,163,74,.12),var(--bg-subtle))}
.att-pie-card.late{background:linear-gradient(180deg,rgba(217,119,6,.12),var(--bg-subtle))}
.att-pie-card.absent{background:linear-gradient(180deg,rgba(185,28,28,.12),var(--bg-subtle))}
.att-pie-card.leave{background:linear-gradient(180deg,rgba(2,132,199,.12),var(--bg-subtle))}
.att-pie-card.exception{background:linear-gradient(180deg,rgba(127,29,29,.12),var(--bg-subtle))}
.att-pie-card span{color:var(--soft);font-size:var(--mc-type-caption-meta,.68rem)}
.att-pie-card b{font-size:1.45rem;line-height:1}
.att-pie-card small{color:var(--soft);font-size:.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.att-pie-swatch{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:5px}
.att-issue-chart-wrap{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(240px,1fr);gap:14px;align-items:center;margin-bottom:12px;background:var(--bg-subtle);border:var(--mc-border-line);border-radius:14px;padding:14px}
.att-issue-chart-box{height:260px;position:relative;min-width:0}
.att-issue-chart-note{display:grid;gap:8px;color:var(--soft);font-size:var(--mc-type-secondary-body,.76rem)}
.att-issue-chart-note b{color:var(--text);font-size:1.05rem}
.att-issue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.att-issue-card{border:var(--mc-border-line);background:var(--bg-subtle);border-radius:14px;padding:13px;display:grid;gap:9px;cursor:pointer;transition:.14s}
.att-issue-card:hover{border-color:var(--brand);position:relative;z-index:var(--mc-model-lift-z,80);transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))}
.att-issue-card span{color:var(--soft);font-size:var(--mc-type-secondary-body,.76rem)}
.att-issue-card b{font-size:1.8rem;line-height:1}
.att-issue-track{height:11px;border-radius:999px;background:#d1d5db;overflow:hidden}
html[data-theme=dark] .att-issue-track{background:#333}
.att-issue-fill{height:100%;border-radius:999px;background:var(--brand)}
.att-issue-card.late .att-issue-fill{background:#f59e0b}
.att-issue-card.absent .att-issue-fill{background:#dc2626}
.att-issue-card.leave .att-issue-fill{background:#0284c7}
.att-dept-list{display:grid;gap:8px}
.att-dept-row{border:var(--mc-border-line);background:var(--bg-subtle);border-radius:12px;padding:11px;display:grid;grid-template-columns:minmax(150px,.7fr) minmax(220px,1.25fr) 34px;gap:12px;align-items:center;cursor:pointer;transition:.14s}
.att-dept-row:hover{border-color:var(--brand);position:relative;z-index:var(--mc-model-lift-z,80);transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))}
.att-dept-row.leaf{cursor:default}
.att-dept-row.leaf:hover{border-color:var(--line);transform:none}
.att-dept-name b{display:block;font-size:var(--mc-type-compact-heading,.92rem)}
.att-dept-name span,.att-dept-meta{display:block;color:var(--soft);font-size:var(--mc-type-caption-meta,.68rem);margin-top:2px}
.att-dept-bar{display:grid;gap:6px}
.att-dept-track{height:12px;border-radius:999px;background:#d1d5db;overflow:hidden}
html[data-theme=dark] .att-dept-track{background:#333}
.att-dept-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#0284c7,#16a34a);min-width:0}
.att-dept-nums{display:flex;justify-content:space-between;gap:8px;color:var(--soft);font-size:var(--mc-type-secondary-body,.76rem)}
.att-dept-actions{display:flex;align-items:center;justify-content:flex-end}
.att-dept-caret{width:26px;height:26px;border-radius:999px;background:var(--chip);display:grid;place-items:center;transition:.16s}
.att-dept-caret::before{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--soft);transform:translateX(1px);transition:.16s}
.att-dept-caret.open{background:color-mix(in srgb,var(--brand) 13%,var(--chip))}
.att-dept-caret.open::before{transform:rotate(90deg) translateX(1px);border-left-color:var(--brand)}
.att-dept-caret.empty{visibility:hidden}
.att-dept-row.expanded{background:color-mix(in srgb,var(--brand) 4%,var(--bg-subtle));grid-template-columns:minmax(130px,.55fr) minmax(180px,1fr) 34px;padding:9px 11px;opacity:.58;filter:saturate(.72);transform:scale(.985)}
.att-dept-row.expanded:hover{transform:scale(.985)}
.att-dept-row.expanded .att-dept-name b{font-size:.84rem}
.att-dept-children{display:grid;gap:8px;margin:0 0 4px 18px;padding:8px 0 4px 14px;border-left:2px solid color-mix(in srgb,var(--brand) 32%,var(--line))}
.att-dept-children .att-dept-row{background:var(--panel);box-shadow:0 12px 32px -28px var(--brand)}
.notif-drop{background:rgba(255,255,255,.9)!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 24px 70px -36px rgba(15,23,42,.54),inset 0 1px 0 rgba(255,255,255,.72)!important;-webkit-backdrop-filter:blur(24px) saturate(1.28)!important;backdrop-filter:blur(24px) saturate(1.28)!important;overflow:visible!important}
.notif-drop .nd-head{background:rgba(255,255,255,.72)!important;border-bottom:1px solid rgba(15,23,42,.07)!important}
.notif-drop .nd-body{background:rgba(255,255,255,.36);max-height:420px;overflow-y:auto;border-radius:0 0 16px 16px}
.notif-drop .nd-row .nd-text b{color:var(--text)}
.notif-drop .nd-row .nd-t{color:color-mix(in srgb,var(--text) 58%,var(--soft))}
html[data-theme=dark] .notif-drop{background:rgba(16,13,25,.9)!important;border-color:rgba(207,190,255,.18)!important;box-shadow:0 28px 78px -34px rgba(0,0,0,.88),inset 0 1px 0 rgba(226,214,255,.12)!important}
html[data-theme=dark] .notif-drop .nd-head{background:rgba(24,18,39,.78)!important;border-bottom-color:rgba(207,190,255,.12)!important}
html[data-theme=dark] .notif-drop .nd-body{background:rgba(16,13,25,.36)}

/* <<< runtime/legacy/styles/blocks/attendance/rules/compatibility-layout/001-base-slice-03-attendance-016-slice-03-part-02-seg-02-account-fallback-summary-fine-03.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/compatibility-layout/001-base-slice-03-notifications-017-slice-03-part-02-seg-02-account-fallback-summary-fine-04.css */

html[data-theme=dark] .nd-filter-menu{background:rgba(24,18,39,.94);border-color:rgba(207,190,255,.16);box-shadow:0 22px 56px -28px rgba(0,0,0,.86)}
.msg-type-announcement,.log-type-system{--msg:#2563eb;--msg-soft:rgba(37,99,235,.13)}
.msg-type-oa,.log-type-oa{--msg:#0284c7;--msg-soft:rgba(2,132,199,.14)}
.msg-type-attendance,.log-type-attendance{--msg:#b91c1c;--msg-soft:rgba(185,28,28,.13)}
.msg-type-register,.log-type-personnel{--msg:#d97706;--msg-soft:rgba(217,119,6,.14)}
.msg-type-task,.log-type-task{--msg:#16a34a;--msg-soft:rgba(22,163,74,.13)}
.msg-type-chat,.log-type-chat{--msg:#7c3aed;--msg-soft:rgba(124,58,237,.13)}
.msg-type-system,.log-type-data{--msg:#475569;--msg-soft:rgba(71,85,105,.13)}
.notif-type-filter{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.notif-type-filter .type-chip{border:1px solid color-mix(in srgb,var(--msg,var(--brand)) 30%,var(--line));background:var(--msg-soft,var(--chip));color:var(--msg,var(--text));border-radius:999px;padding:5px 9px;font-size:var(--mc-type-body-control,.82rem);font-weight:760;cursor:pointer}
.notif-type-filter .type-chip:not(.active){opacity:.5;background:transparent;color:var(--soft)}
.notif-type-filter .type-chip:hover{opacity:1;position:relative;z-index:var(--mc-model-lift-z,80);transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))}
.notif-drop .nd-row[class*="msg-type-"],.workbench-notif-slot .feed .fi[class*="msg-type-"]{border-left:0!important;padding-left:8px!important}
.notif-drop .nd-row[class*="msg-type-"] .nd-text b,.workbench-notif-slot .feed .fi[class*="msg-type-"] b,.msg-colored-title{color:var(--msg)!important}
.workbench-notif-slot .feed .fi[class*="msg-type-"] .ft{color:color-mix(in srgb,var(--msg) 72%,#fff)!important}
tbody tr[class*="msg-type-"]{box-shadow:none!important}
tbody tr[class*="log-type-"]{box-shadow:inset 3px 0 0 var(--msg)}
tbody tr[class*="msg-type-"] b,tbody tr[class*="log-type-"] .log-action{color:var(--msg)}
.log-action-pack,.history-action-line{display:inline-flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;min-width:0!important}
.log-action{font-weight:780!important}
.log-level,.log-sensitive{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:18px!important;padding:0 7px!important;border-radius:999px!important;font-size:.68rem!important;line-height:1!important;font-weight:820!important;letter-spacing:0!important;vertical-align:middle!important;white-space:nowrap!important}
.log-level-critical{color:#ff8fa3!important;background:rgba(248,113,113,.12)!important;border:.5px solid rgba(248,113,113,.25)!important}
.log-level-important{color:#f7ca70!important;background:rgba(245,158,11,.12)!important;border:.5px solid rgba(245,158,11,.25)!important}
.log-level-normal{color:#7dd3fc!important;background:rgba(14,165,233,.10)!important;border:.5px solid rgba(14,165,233,.22)!important}
.log-level-minor{color:#c8ced8!important;background:rgba(148,163,184,.09)!important;border:.5px solid rgba(148,163,184,.18)!important}
.log-sensitive{color:#ff9db1!important;background:rgba(244,63,94,.12)!important;border:.5px solid rgba(244,63,94,.24)!important}
.workbench-notif-slot .panel{min-height:0;overflow:visible}
.workbench-notif-slot .workbench-msg-feed{flex:1 1 auto!important;min-height:0!important;max-height:clamp(168px,30vh,280px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:4px;overscroll-behavior:contain}
.workbench-notif-slot .workbench-msg-feed::-webkit-scrollbar{width:6px}
.workbench-notif-slot .workbench-msg-feed::-webkit-scrollbar-thumb{background:rgba(255,255,255,.34);border-radius:999px}
.workbench-notif-slot .feed .fi.msg-one-line{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-height:38px}
.workbench-notif-slot .feed .fi.msg-one-line .msg-line{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workbench-notif-slot .feed .fi.msg-one-line .msg-line b{display:inline;white-space:nowrap}
.notif-drop .nd-row .nd-text b,.notif-drop .nd-row .nd-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.history-filter-wrap{position:relative;display:inline-flex}
.history-filter-menu{position:absolute;top:calc(100% + 8px);left:0;width:min(720px,calc(100vw - 44px));max-height:min(66vh,560px);overflow:auto;background:var(--panel);border:var(--mc-border-line);border-radius:14px;padding:14px;box-shadow:0 28px 80px -42px rgba(0,0,0,.72);z-index:25}
.history-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.history-filter-block b{display:block;font-size:.78rem;margin-bottom:7px;color:var(--text)}
.history-check-list{display:grid;gap:5px;max-height:190px;overflow:auto;padding-right:4px}
.history-check-list label{display:flex;align-items:center;gap:7px;min-height:28px;font-size:.78rem;color:var(--text)}
.history-filter-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.history-filter-fields input{min-width:0}
.history-main-cell{white-space:normal!important;min-width:260px;max-width:520px}

/* <<< runtime/legacy/styles/blocks/notifications/drawer/compatibility-layout/001-base-slice-03-notifications-017-slice-03-part-02-seg-02-account-fallback-summary-fine-04.css */


/* >>> runtime/legacy/styles/blocks/accounts/card/compatibility-layout/001-base-slice-03-account-018-slice-03-part-02-seg-03-account-fallback-summary.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-03-part-02-account-fallback-summary.css. Keep import order stable. */
.history-main-cell b{display:block;margin-bottom:2px}
.history-main-cell span{display:block;color:var(--soft);font-size:var(--mc-type-secondary-body,.76rem);line-height:1.35}
.history-main-cell b.history-action-line{display:inline-flex!important;margin-bottom:4px!important}

/* <<< runtime/legacy/styles/blocks/accounts/card/compatibility-layout/001-base-slice-03-account-018-slice-03-part-02-seg-03-account-fallback-summary.css */


/* >>> runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-03-organization-019-slice-03-part-03-seg-01-account-fallback-summary-fine-01.css */

/* Legacy ordered base slice 03 part 03; split from 001-base-slice-03-account-fallback-summary.css. Keep import order stable. */
.history-main-cell .history-action-line span,.history-main-cell .log-action-pack span{display:inline-flex!important}
.history-main-cell .history-action-line .log-action,.history-main-cell .log-action-pack .log-action{display:inline!important;color:var(--msg)!important;font-size:.86rem!important;line-height:1.25!important}
.history-main-cell .log-level,.history-main-cell .log-sensitive{font-size:var(--mc-type-caption-meta,.68rem)!important;line-height:1!important}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){.history-filter-grid{grid-template-columns:1fr}.history-filter-fields{grid-template-columns:1fr 1fr}.history-filter-menu{left:auto;right:0}}

.modal:has(.org-simple-pick),
.org-pick-modal{max-width:460px!important}
.org-simple-pick{display:flex!important;flex-direction:column!important;gap:0!important;max-height:58vh!important;overflow:auto!important;padding:2px 0!important}
.org-simple-pick .org-pick-row{display:grid!important;grid-template-columns:18px minmax(0,1fr) 28px!important;align-items:center!important;gap:8px!important;min-height:34px!important;margin:0!important;padding:6px 8px 6px calc(10px + var(--depth,0) * 20px)!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important}
.org-simple-pick .org-pick-row:hover{background:color-mix(in srgb,var(--brand) 8%,transparent)!important;box-shadow:none!important}
.org-simple-pick .org-pick-main{display:block!important;min-width:0!important}
.org-simple-pick .org-pick-main b{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.2!important;font-size:.86rem!important;font-weight:650!important;color:var(--text)!important}
.org-simple-pick .org-pick-main span,.org-simple-pick .avatar,.org-simple-pick .org-pick-spacer{display:none!important}
.org-simple-pick .org-pick-company .org-pick-main b,.org-simple-pick .org-pick-dept-head.depth-0 .org-pick-main b{color:var(--brand)!important;font-weight:850!important}
.org-simple-pick .org-pick-dept-head.depth-1 .org-pick-main b{font-weight:760!important;color:color-mix(in srgb,var(--text) 86%,var(--brand))}
.org-simple-pick .org-pick-dept-head.depth-2 .org-pick-main b,.org-simple-pick .org-pick-dept-head.depth-3 .org-pick-main b{font-weight:680!important;color:color-mix(in srgb,var(--text) 78%,var(--soft))}
.org-simple-pick .org-pick-person .org-pick-main b{font-weight:560!important;color:var(--text)!important}
.org-simple-pick .org-pick-dept,.org-simple-pick .org-pick-children{display:flex!important;flex-direction:column!important;gap:0!important}
.org-simple-pick .org-pick-dept::before,.org-simple-pick .org-pick-dept>.org-pick-row::before,.org-simple-pick .org-pick-person::before{display:none!important}
.org-simple-pick .org-pick-fold{display:inline-grid!important;place-items:center!important;width:24px!important;height:24px!important;padding:0!important;border-radius:8px!important;background:color-mix(in srgb,var(--brand) 9%,transparent)!important;color:var(--soft)!important}
.org-simple-pick .org-pick-fold.empty{visibility:hidden!important}
.rule-bind.org-simple-pick,.rule-bind .org-simple-pick{max-height:310px!important;border:var(--mc-border-line);border-radius:12px;padding:6px 0!important;background:var(--bg-subtle)}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 .modal:has(.org-simple-pick),
 .org-pick-modal{max-width:none!important}
 .org-simple-pick{max-height:66vh!important}
 .org-simple-pick .org-pick-row{padding-left:calc(10px + var(--depth,0) * 16px)!important}
}

.modal:has(.org-simple-pick),
.org-pick-modal{width:fit-content!important;min-width:min(260px,calc(100vw - 32px))!important;max-width:min(360px,calc(100vw - 32px))!important}
.modal:has(.org-simple-pick) .m-body,.org-pick-modal .m-body{padding:10px 12px 12px!important}
.modal:has(.org-simple-pick) .m-head,.modal:has(.org-simple-pick) .m-foot,.org-pick-modal .m-head,.org-pick-modal .m-foot{padding-left:12px!important;padding-right:12px!important}
.modal:has(.org-simple-pick) .m-foot{
  padding-top:8px!important;
  padding-bottom:10px!important;
  gap:10px!important;
}
.org-pick-modal .m-head .x,.modal:has(.org-simple-pick) .m-head .x{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  min-width:0!important;
  width:auto!important;
  height:auto!important;
}
.org-pick-modal .m-foot button[onclick*="closeModal"]{display:none!important}
.modal:has(.org-simple-pick) .m-foot .btn,.org-pick-modal .m-foot .btn{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  min-width:unset!important;
  min-height:unset!important;
  box-shadow:none!important;
  color:var(--soft)!important;
  font-weight:760!important;
}
.modal:has(.org-simple-pick) .m-foot .btn:disabled,.org-pick-modal .m-foot .btn:disabled{
  opacity:.48!important;
  cursor:not-allowed!important;
  pointer-events:none!important;
}
.modal:has(.org-simple-pick) .m-foot .btn.primary,.org-pick-modal .m-foot .btn.primary{
  color:var(--brand)!important;
}
.modal:has(.org-simple-pick) .m-foot .btn.primary.picked,.org-pick-modal .m-foot .btn.primary.picked{
  color:var(--brand-dark)!important;
  box-shadow:0 12px 28px -20px var(--brand)!important;
}
.modal:has(.org-simple-pick) .chips,.org-pick-modal .chips{
  border:0!important;
  background:transparent!important;
  padding:0!important;
  margin-bottom:6px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:2px 10px!important;
}
.modal:has(.org-simple-pick) .chips .tag,.org-pick-modal .chips .tag{
  background:transparent!important;
  padding:0!important;
  color:var(--text)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.modal:has(.org-simple-pick) .tag,.org-pick-modal .tag{border-radius:999px!important}
.modal:has(.org-simple-pick) .input{height:34px!important;border:0!important;background:var(--bg-subtle)!important;border-radius:9px!important}
.org-pick-searchbar{display:grid!important;grid-template-columns:minmax(0,1fr) 32px!important;gap:6px!important;margin-bottom:8px!important}
.org-pick-tools{display:flex!important;justify-content:flex-end!important;margin:-2px 0 6px!important}
.org-collapse-all{width:auto!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;color:var(--brand)!important;display:grid!important;place-items:center!important;font-weight:900!important;line-height:1!important}
.org-collapse-all:hover{background:transparent!important;color:var(--brand-dark)!important}
.org-simple-pick{width:100%!important;min-width:0!important;max-width:100%!important;padding:0!important}
.org-simple-pick .org-pick-row{width:100%!important;min-width:0!important;max-width:100%!important;grid-template-columns:16px minmax(0,1fr) 18px!important;column-gap:6px!important;min-height:30px!important;padding:5px 5px 5px calc(6px + var(--depth,0) * 13px)!important;border-radius:8px!important}
.org-simple-pick .org-pick-main{width:auto!important;min-width:0!important;max-width:230px!important;cursor:pointer!important}
.org-simple-pick .org-pick-main b{max-width:230px!important}
.org-simple-pick .org-pick-company .org-pick-main b{font-size:.9rem!important;font-weight:880!important;color:var(--brand)!important}
.org-simple-pick .org-pick-dept-head.depth-0{background:transparent!important;box-shadow:none!important}
.org-simple-pick .org-pick-dept-head.depth-0 .org-pick-main b{font-size:var(--mc-type-compact-heading,.92rem)!important;font-weight:880!important;color:var(--brand-dark)!important}
.org-simple-pick .org-pick-dept-head.depth-1 .org-pick-main b{font-size:.82rem!important;font-weight:720!important}
.org-simple-pick .org-pick-dept-head.depth-2 .org-pick-main b{font-size:.78rem!important;font-weight:660!important}
.org-simple-pick .org-pick-dept-head.depth-3 .org-pick-main b{font-size:.76rem!important;font-weight:620!important}
.org-simple-pick .org-pick-person{cursor:default!important}
.org-simple-pick .org-pick-person .org-pick-main{cursor:default!important}
.org-simple-pick .org-pick-fold:not(button){width:18px!important;height:20px!important;border-radius:50%!important;background:transparent!important;color:var(--soft)!important;pointer-events:none!important}

/* <<< runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-03-organization-019-slice-03-part-03-seg-01-account-fallback-summary-fine-01.css */


/* >>> runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-03-organization-020-slice-03-part-03-seg-01-account-fallback-summary-fine-02-unit-01.css */

.org-simple-pick .org-pick-fold.empty{visibility:visible!important;opacity:.38!important}
.org-simple-pick .org-pick-fold:hover{background:color-mix(in srgb,var(--brand) 10%,transparent)!important;color:var(--brand)!important}
.org-pick-empty-member{width:100%!important;min-height:28px!important;padding:5px 5px 5px calc(28px + var(--depth,0) * 13px)!important;color:var(--soft)!important;font-size:var(--mc-type-secondary-body,.76rem)!important;border-radius:8px!important;background:color-mix(in srgb,var(--bg-subtle) 74%,transparent)!important}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){.modal:has(.org-simple-pick),.org-pick-modal{width:fit-content!important;min-width:min(260px,calc(100vw - 20px))!important;max-width:calc(100vw - 20px)!important}.org-simple-pick{width:100%!important;max-width:100%!important}.org-pick-modal .org-simple-pick{width:100%!important;max-width:100%!important}.org-simple-pick .org-pick-row{width:100%!important;max-width:100%!important;grid-template-columns:16px minmax(0,1fr) 18px!important}.org-simple-pick .org-pick-main,.org-simple-pick .org-pick-main b{max-width:calc(100vw - 122px)!important}}

.overlay:has(.org-pick-modal),
.overlay:has(.org-simple-pick){
  align-items:flex-start!important;
  justify-content:center!important;
  padding:10px 0!important;
  background:rgba(2,4,9,.36)!important;
  pointer-events:auto!important;
}
.overlay.org-pick-overlay{
  align-items:flex-start!important;
  justify-content:center!important;
  padding:10px 0!important;
  background:rgba(2,4,9,.36)!important;
  pointer-events:auto!important;
}
.overlay:has(.org-pick-modal) .modal,
.overlay:has(.org-simple-pick) .modal,
.overlay:has(.org-pick-list) .modal{
  pointer-events:auto!important;
}
.overlay.org-pick-overlay .modal{
  pointer-events:auto!important;
}
.modal.org-pick-modal,
.modal:has(.org-simple-pick),
.modal:has(.org-pick-list){
  width: min(420px,calc(100vw - 30px))!important;
  min-width: min(260px,calc(100vw - 30px))!important;
  max-width: min(440px,calc(100vw - 30px))!important;
  max-height: calc(100dvh - 28px)!important;
  border:1px solid var(--glass-line)!important;
  border-radius:14px!important;
  background:color-mix(in srgb,var(--bg-subtle) 92%,transparent)!important;
  box-shadow:var(--glass-shadow)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.16);
  backdrop-filter:blur(18px) saturate(1.16);
  overflow:hidden!important;
}
.org-pick-modal .m-head,
.modal:has(.org-simple-pick) .m-head{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  padding:10px 12px 6px!important;
  border-bottom:1px solid color-mix(in srgb,var(--line) 42%,transparent)!important;
  background:color-mix(in srgb,var(--bg-subtle) 80%,transparent)!important;
}
.org-pick-modal .m-head h3,
.modal:has(.org-simple-pick) .m-head h3{
  font-size:.97rem!important;
  font-weight:850!important;
}
.org-pick-modal .m-head .x,
.modal:has(.org-simple-pick) .m-head .x{
  color:var(--soft)!important;
  background:transparent!important;
  border:0!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
}
.org-pick-modal .m-body,
.modal:has(.org-simple-pick) .m-body{
  padding:10px 12px 12px!important;
  background:transparent!important;
}
.org-pick-modal .m-foot,
.modal:has(.org-simple-pick) .m-foot{
  position:sticky!important;
  bottom:0!important;
  z-index:2!important;
  padding:8px 12px 12px!important;
  border-top:1px solid color-mix(in srgb,var(--line) 42%,transparent)!important;
  background:color-mix(in srgb,var(--bg-subtle) 82%,transparent)!important;
}
.org-pick-modal .m-foot button[onclick*="closeModal"],
.modal:has(.org-simple-pick) .m-foot .btn:not(.primary){display:none!important}
.org-pick-modal .m-foot .btn.primary,
.modal:has(.org-simple-pick) .m-foot .btn.primary{
  min-width:0!important;
  width:100%!important;
  border-radius:10px!important;
  background:var(--brand)!important;
  border:1px solid color-mix(in srgb,var(--brand) 60%,transparent)!important;
  color:var(--on-brand)!important;
  box-shadow:0 14px 30px -20px color-mix(in srgb,var(--brand) 60%,transparent)!important;
  font-weight:760!important;
}
.org-pick-modal .m-foot .btn.primary.picked,
.modal:has(.org-simple-pick) .m-foot .btn.primary.picked{
  background:color-mix(in srgb,var(--brand) 86%,var(--panel))!important;
  color:var(--on-brand)!important;
}

/* <<< runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-03-organization-020-slice-03-part-03-seg-01-account-fallback-summary-fine-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-03-organization-021-slice-03-part-03-seg-01-account-fallback-summary-fine-02-unit-02.css */

.modal:has(.org-simple-pick) .m-foot .btn,
.org-pick-modal .m-foot .btn{
  pointer-events:auto!important;
}
.org-pick-modal .chips,
.org-pick-modal .org-pick-searchbar,
.org-pick-modal .org-pick-tools,
.modal:has(.org-simple-pick) .chips,
.modal:has(.org-simple-pick) .org-pick-searchbar,
.modal:has(.org-simple-pick) .org-pick-tools{margin-bottom:8px!important}
.org-pick-modal .input,
.modal:has(.org-simple-pick) .input{
  height:32px!important;
  background:color-mix(in srgb,var(--panel) 74%,transparent)!important;
  border-radius:9px!important;
}
.org-pick-modal .org-pick-searchbar .input,
.org-pick-modal .org-pick-tools .input,
.modal:has(.org-simple-pick) .org-pick-searchbar .input,
.modal:has(.org-simple-pick) .org-pick-tools .input{
  background:color-mix(in srgb,var(--bg-subtle) 80%,transparent)!important;
  border:1px solid var(--glass-line)!important;
  color:var(--text)!important;
}
.org-pick-list,
.org-simple-pick{
  background:color-mix(in srgb,var(--bg-subtle) 85%,transparent)!important;
  border:1px solid var(--glass-line)!important;
  box-shadow:var(--glass-shadow)!important;
  gap:1px!important;
  padding:0!important;
  border-radius:12px!important;
}

/* <<< runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-03-organization-021-slice-03-part-03-seg-01-account-fallback-summary-fine-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-03-organization-022-slice-03-part-03-seg-01-account-fallback-summary-fine-03.css */

.org-pick-list .org-pick-row,
.org-simple-pick .org-pick-row{
  border-radius:8px!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:6px 4px 6px calc(6px + var(--depth,0) * 14px)!important;
  border:0!important;
}
.org-pick-list .org-pick-row:hover,
.org-simple-pick .org-pick-row:hover{
  background:var(--mc-model-button-fill-hover,color-mix(in srgb,var(--brand) 8%,transparent))!important;
  background-image:var(--mc-model-button-fill-hover,none)!important;
}
.org-pick-modal .org-pick-row,
.modal:has(.org-simple-pick) .org-pick-row{
  background:transparent!important;
  border:0!important;
}
.org-pick-modal .org-pick-empty-member,
.modal:has(.org-simple-pick) .org-pick-empty-member{
  background:color-mix(in srgb,var(--bg-subtle) 86%,transparent)!important;
}
.org-pick-modal .field .select-summary,
.modal:has(.org-simple-pick) .field .select-summary{
  border:0!important;
  background:transparent!important;
  padding:2px 0 0!important;
}
.field .select-summary{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:4px 0 0!important;
}
.field .select-summary .sum-person,
.field .select-summary .tag{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0 4px!important;
}

.overlay:has(.org-pick-modal),
.overlay:has(.org-simple-pick){
  background:rgba(6,8,15,.46)!important;
}
.overlay.org-pick-overlay{
  background:rgba(6,8,15,.46)!important;
}
.modal.org-pick-modal,
.modal:has(.org-pick-list),
.modal:has(.org-simple-pick){
  background:color-mix(in srgb,#0f172a 72%,transparent)!important;
  border-color:color-mix(in srgb,var(--line) 58%,transparent)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.16);
  backdrop-filter:blur(18px) saturate(1.16);
}
.org-pick-modal .m-head,
.modal:has(.org-pick-list) .m-head,
.modal:has(.org-simple-pick) .m-head,
.org-pick-modal .m-body,
.modal:has(.org-pick-list) .m-body,
.modal:has(.org-simple-pick) .m-body,
.org-pick-modal .m-foot,
.modal:has(.org-pick-list) .m-foot,
.modal:has(.org-simple-pick) .m-foot{
  background:color-mix(in srgb,#0f172a 54%,transparent)!important;
}
.org-pick-list,
.org-simple-pick{
  background:color-mix(in srgb,#111827 74%,transparent)!important;
  border-color:color-mix(in srgb,var(--line) 52%,transparent)!important;
}
.org-pick-list .org-pick-row,
.org-pick-modal .org-pick-row,
.org-simple-pick .org-pick-row,
.modal:has(.org-simple-pick) .org-pick-row{
  background:transparent!important;
  border:0!important;
}

.checkbox.checkbox.checkbox.checkbox.checkbox,.history-check-list.history-check-list label,.nd-filter-menu.nd-filter-menu label{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:30px!important;padding:6px 10px 6px 7px!important;border-radius:999px!important;background:#111!important;color:#fff!important;font-size:.8rem!important;font-weight:720!important;line-height:1.15!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 22px -20px rgba(0,0,0,.7)!important}

.tpl-list{display:grid;gap:10px}
.tpl-card{border:0;background:var(--bg-subtle);border-radius:14px;padding:14px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;transition:.14s}
.tpl-card:hover{background:color-mix(in srgb,var(--brand) 7%,var(--bg-subtle));box-shadow:0 18px 40px -34px var(--brand)}
.tpl-card-main b{display:block;font-size:1rem;color:var(--text);margin-bottom:4px}
.tpl-card-main p{font-size:.8rem;color:var(--soft);margin:0;white-space:normal}
.tpl-card-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.tpl-editor{display:grid;gap:12px}
.tpl-hero{border:0;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 12%,var(--bg-subtle)),var(--bg-subtle));padding:16px}
.tpl-hero-grid{display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(150px,.7fr) auto;gap:10px;align-items:end}
.tpl-hero .field{margin-bottom:0}
.tpl-hero .chips{margin-top:12px}
.tpl-lite-grid{display:grid;grid-template-columns:178px minmax(0,1fr) 280px;gap:12px;align-items:start}
.tpl-zone{border:0;border-radius:18px;background:var(--bg-subtle);padding:14px;min-width:0}
.tpl-zone h3{font-size:.96rem;margin-bottom:4px}
.tpl-zone .desc{font-size:.78rem;margin-bottom:10px}

/* <<< runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-03-organization-022-slice-03-part-03-seg-01-account-fallback-summary-fine-03.css */


/* >>> runtime/legacy/styles/blocks/attendance/rules/compatibility-layout/001-base-slice-03-attendance-023-slice-03-part-03-seg-02-account-fallback-summary-compact-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-03-part-03-account-fallback-summary.css. Keep import order stable. */
.tpl-palette{display:grid;gap:4px}
.tpl-palette-btn{border:0;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;border-radius:10px;padding:8px 9px;font-size:var(--mc-type-body-control,.82rem);font-weight:760}
.tpl-palette-btn:hover{background:color-mix(in srgb,var(--brand) 9%,transparent);color:var(--brand)}
.tpl-palette-btn span{font-size:.68rem;color:var(--soft);font-weight:650}
.tpl-field-list{display:grid;gap:6px}
.tpl-field-row,.tpl-node-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;border-radius:12px;padding:9px 10px;background:var(--panel);cursor:pointer}
.tpl-field-row.active{background:color-mix(in srgb,var(--brand) 10%,var(--panel));box-shadow:inset 3px 0 0 var(--brand)}
.tpl-field-row .idx,.tpl-node-row .idx{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-size:.72rem;font-weight:850}
.tpl-field-row b,.tpl-node-row b{display:block;font-size:.9rem}
.tpl-field-row small,.tpl-node-row small{display:block;color:var(--soft);font-size:.72rem;margin-top:1px}
.tpl-row-actions{display:flex;gap:2px}
.tpl-props{position:sticky;top:74px}
.tpl-props-title{font-size:.9rem;font-weight:850;margin-bottom:10px}
.tpl-flow-wrap{display:grid;grid-template-columns:178px minmax(0,1fr);gap:12px;align-items:start}
.tpl-node-list{display:grid;gap:8px}
.tpl-node-row{cursor:default}
.tpl-node-row.start .idx,.tpl-node-row.end .idx{background:#16a34a}
.tpl-node-row .ft{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tpl-node-row input,.tpl-node-row select{max-width:160px}
.tpl-empty{padding:16px;border-radius:14px;background:var(--panel);color:var(--soft);font-size:var(--mc-type-secondary-body,.76rem)}
.tpl-editor .select-summary{background:transparent!important;padding:6px 0 0!important}
@media(max-width:1100px){.tpl-lite-grid,.tpl-flow-wrap{grid-template-columns:1fr}.tpl-props{position:static}.tpl-hero-grid{grid-template-columns:1fr 1fr}.tpl-hero-grid .tpl-save-slot{grid-column:1 / -1}}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){.tpl-card{grid-template-columns:1fr}.tpl-card-actions{justify-content:flex-start}.tpl-hero-grid{grid-template-columns:1fr}.tpl-field-row,.tpl-node-row{grid-template-columns:28px minmax(0,1fr)}.tpl-row-actions{grid-column:2}.tpl-node-row .ft{display:grid;grid-template-columns:1fr;gap:6px}}
@media(max-width:1100px){
 .att-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
 .att-report-grid{grid-template-columns:1fr}
 .att-month-board{grid-template-columns:1fr}
 .att-month-legend{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 .att-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .att-kpi{padding:10px 11px}
 .att-kpi b{font-size:1.26rem}
 .att-report-toolbar{gap:6px}
 .att-report-toolbar input,.att-report-toolbar select{flex:1 1 128px;min-width:0}
 .att-chart-card{height:230px}
 .att-month-calendar{gap:4px}
 .att-day-dot{min-height:34px;border-radius:8px;padding:5px}
 .att-month-legend{grid-template-columns:repeat(2,minmax(0,1fr))}
 .att-day-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .att-pie-dashboard{grid-template-columns:1fr}
 .att-shared-legend{gap:8px 10px;padding:8px 10px}
 .att-company-pie-wrap{grid-template-columns:1fr}
 .att-pie-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .att-company-progress{grid-template-columns:1fr;gap:8px}
 .att-issue-chart-wrap{grid-template-columns:1fr}
 .att-issue-chart-box{height:220px}
 .att-issue-grid{grid-template-columns:1fr}
 .att-dept-row{grid-template-columns:1fr;gap:8px}
 .att-dept-row.expanded{grid-template-columns:1fr}
 .att-dept-children{margin-left:8px;padding-left:8px}
 .att-dept-actions{justify-content:flex-start}
}

/* <<< runtime/legacy/styles/blocks/attendance/rules/compatibility-layout/001-base-slice-03-attendance-023-slice-03-part-03-seg-02-account-fallback-summary-compact-01.css */


/* >>> runtime/legacy/styles/blocks/contacts/preview/compatibility-layout/001-base-slice-03-contacts-024-slice-03-part-03-seg-02-account-fallback-summary-compact-02.css */

.main.page-contacts{display:flex;flex-direction:column;min-height:calc(100vh - 58px)}
.main.page-contacts>.page-head{margin-bottom:8px}
.main.page-contacts>.contact-tabs{margin-bottom:10px!important;max-width:360px}
.main.page-contacts .comms-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:0;align-items:stretch;min-height:min(760px,calc(100vh - 154px));border-radius:16px;overflow:hidden;background:var(--panel);box-shadow:var(--shadow)}
.main.page-contacts .contacts-panel,.main.page-contacts .chat-panel{margin:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
.main.page-contacts .contacts-panel{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}
.main.page-contacts .contact-search{padding:10px;border-bottom:1px solid var(--line);margin:0}
.main.page-contacts .contact-search.compact{width:calc(100% - 20px);height:38px;margin:10px;border:0!important;border-radius:999px!important;background:var(--chip)!important;color:var(--soft)!important;justify-content:flex-start}
.main.page-contacts .contact-search.is-open{display:flex;gap:8px;align-items:center}
.main.page-contacts .contact-list-head{height:44px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.main.page-contacts .contact-list-head h3{font-size:.98rem;margin:0!important}
.main.page-contacts .contact-list{flex:1 1 auto;min-height:0;max-height:none!important;overflow:auto;gap:0;padding:0}
.chat-list-item{display:grid!important;grid-template-columns:46px minmax(0,1fr);gap:10px;padding:11px 12px!important;border-radius:0!important;background:transparent!important;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important;box-shadow:none!important}
.chat-list-item:hover,.chat-list-item.active{background:color-mix(in srgb,var(--brand) 8%,transparent)!important}
.chat-list-item .avatar{width:46px!important;height:46px!important;font-size:1rem!important}
.chat-contact-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.chat-contact-name{font-weight:820;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-contact-time{font-size:var(--mc-type-caption-meta,.68rem);color:var(--soft);white-space:nowrap}
.chat-contact-sub{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:3px}
.chat-contact-preview{font-size:var(--mc-type-secondary-body,.76rem);color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-contact-meta{font-size:var(--mc-type-caption-meta,.68rem);color:var(--soft);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-shell{height:100%;min-height:0!important;display:grid!important;grid-template-rows:62px minmax(0,1fr) auto}
.main.page-contacts .chat-head{height:62px;margin:0!important;padding:8px 14px!important;border-bottom:1px solid var(--line)!important;background:var(--panel)!important;align-items:center!important}
.main.page-contacts .chat-person b{font-size:1rem;line-height:1.1}
.chat-status-line{display:flex;align-items:center;gap:6px;font-size:.73rem;color:var(--soft);margin-top:2px}
.chat-status-line .contact-dot{width:7px;height:7px}
.chat-stream{min-height:0!important;max-height:none!important;height:auto!important;overflow-y:auto!important;padding:14px 18px!important;gap:4px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--ok) 7%,var(--bg-subtle)),var(--bg-subtle))!important}
.chat-day-divider{align-self:center;margin:8px 0 10px;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--panel) 86%,transparent);color:var(--soft);font-size:var(--mc-type-caption-meta,.68rem);font-weight:800;box-shadow:0 8px 24px -22px rgba(0,0,0,.65)}
.chat-msg{position:relative;border:0!important;max-width:min(68%,640px)!important;padding:7px 9px 5px!important;border-radius:8px 8px 8px 2px!important;background:#fff!important;color:#111827!important;box-shadow:0 2px 8px rgba(15,23,42,.08)!important;margin:2px 0}
.chat-msg.me{margin-left:auto!important;border-radius:8px 8px 2px 8px!important;background:#d9fdd3!important;color:#111827!important}
html[data-theme=dark] .chat-msg{background:#1f2937!important;color:#f8fafc!important}
html[data-theme=dark] .chat-msg.me{background:#0f3d2e!important;color:#f8fafc!important}
.chat-msg-text{font-size:.9rem!important;line-height:1.42!important;white-space:pre-wrap;word-break:break-word;padding-right:54px}
.chat-msg-meta{float:right;margin:5px 0 0 9px;font-size:.63rem;color:rgba(17,24,39,.55);line-height:1;white-space:nowrap}
html[data-theme=dark] .chat-msg-meta{color:rgba(248,250,252,.58)}
.chat-read{font-weight:900;color:#34b7f1;margin-left:3px}
.chat-composer{margin:0!important;padding:9px 12px!important;border-top:1px solid var(--line)!important;background:var(--panel)!important;display:grid!important;grid-template-columns:minmax(0,1fr) 42px;gap:9px!important;align-items:end!important;border-radius:0!important}
.chat-composer textarea{min-height:42px!important;max-height:118px!important;border:0!important;border-radius:22px!important;background:var(--chip)!important;resize:none!important;padding:11px 14px!important;line-height:1.35!important;overflow-y:auto}
.chat-send-btn{width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-weight:900;box-shadow:0 10px 24px -16px #15803d}
.chat-send-btn:hover{filter:brightness(1.04);position:relative;z-index:var(--mc-model-lift-z,80);transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))}
.chat-empty-state{height:100%;display:grid;place-items:center;text-align:center;color:var(--soft);padding:28px}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  .main.page-contacts{
    display:block!important;
    min-height:calc(100dvh - 58px)!important;
    height:calc(100dvh - 58px)!important;
    overflow:hidden!important;
    padding:0!important;
  }
  .main.page-contacts .comms-layout{
    display:block!important;
    grid-template-columns:1fr!important;
    height:100%!important;
    min-height:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  .main.page-contacts .contacts-panel,
  .main.page-contacts .chat-panel{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    border-right:0!important;
  }
  .main.page-contacts .contact-search.compact{width:100%;margin:0 0 6px!important}
  .main.page-contacts .contact-list{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
    padding-bottom:calc(92px + env(safe-area-inset-bottom) + var(--kb-offset,0px))!important;
  }
  .main.page-contacts .chat-head{height:56px!important}
  .main.page-contacts .chat-shell{
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .main.page-contacts .chat-stream{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    height:auto!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
    padding:10px 8px 12px!important;
  }
  .main.page-contacts .chat-panel .chat-stream{
    padding-bottom:calc(92px + env(safe-area-inset-bottom) + var(--kb-offset,0px))!important;
  }
  .chat-msg{max-width:86%!important}
  .chat-composer{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(10px + env(safe-area-inset-bottom) + var(--kb-offset,0px));
    z-index:70;
    grid-template-columns:minmax(0,1fr) 40px!important;
    border-top:0!important;
  }
  .chat-send-btn{width:40px;height:40px}

  .main.page-contacts .comms-layout .contacts-panel,
  .main.page-contacts .comms-layout .chat-panel{
    display:none!important;
  }
  .main.page-contacts .comms-layout:not(.contacts-chat-only) .contacts-panel,
  .main.page-contacts .comms-layout.contacts-list-only .contacts-panel{
    display:flex!important;
  }
  .main.page-contacts .comms-layout.contacts-chat-only .chat-panel{
    display:flex!important;
  }
}

/* <<< runtime/legacy/styles/blocks/contacts/preview/compatibility-layout/001-base-slice-03-contacts-024-slice-03-part-03-seg-02-account-fallback-summary-compact-02.css */


/* >>> runtime/legacy/styles/blocks/accounts/fallback-summary/compatibility/001-base-slice-03-enterprise-entry.css */

/* Enterprise compatibility entry. Ordered semantic owners preserve the original slice-03 cascade. */

/* <<< runtime/legacy/styles/blocks/accounts/fallback-summary/compatibility/001-base-slice-03-enterprise-entry.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-04-shared-cross-surface-01-slice-04-part-01-seg-01-root-fine-01.css */

/* Legacy ordered base slice 04 part 01; split from 001-base-slice-04-root.css. Keep import order stable. */

:root{
 --router-bg:#f4f6fb;
 --router-subtle:#eef3f9;
 --router-panel:#ffffff;
 --router-text:#111827;
 --router-muted:#64748b;
 --router-line:#dbe3ef;
 --router-ok:#16a34a;
 --router-warn:#d97706;
 --router-bad:#dc2626;
 --router-info:#2563eb;
 --bg:var(--router-bg);
 --bg-subtle:var(--router-subtle);
 --panel:var(--router-panel);
 --text:var(--router-text);
 --soft:var(--router-muted);
 --line:var(--router-line);
 --ok:var(--router-ok);
 --warn:var(--router-warn);
 --danger:var(--router-bad);
 --bad:var(--router-bad);
 --info:var(--router-info);
 --brand:var(--router-info);
 --accent:var(--router-info);
 --brand-soft:rgba(37,99,235,.11);
 --radius:8px;
 --shadow:none;
}
html[data-theme=dark]{
 color-scheme:dark;
 --router-bg:#0f1115;
 --router-subtle:#11151c;
 --router-panel:#171a21;
 --router-text:#e5e7eb;
 --router-muted:#9ca3af;
 --router-line:#2c3440;
 --router-ok:#22c55e;
 --router-warn:#f59e0b;
 --router-bad:#f87171;
 --router-info:#60a5fa;
 --bg:var(--router-bg);
 --bg-subtle:var(--router-subtle);
 --chip:#202733;
 --panel:var(--router-panel);
 --text:var(--router-text);
 --soft:var(--router-muted);
 --line:var(--router-line);
 --ok:var(--router-ok);
 --warn:var(--router-warn);
 --danger:var(--router-bad);
 --bad:var(--router-bad);
 --info:var(--router-info);
 --brand:var(--router-info);
 --accent:var(--router-info);
 --brand-soft:rgba(96,165,250,.13);
 --shadow:none;
}
html[data-theme=dark],
html[data-theme=dark] body,
html[data-theme=dark] #root,
html[data-theme=dark] .app,
html[data-theme=dark] .main,
html[data-theme=dark] .layout{background:var(--bg)!important;color:var(--text)!important}
body{background:#000!important;background-image:none!important;color:var(--text)!important}
.panel,.stat,.modal,.notif-drop,.mobile-quick,.auth-panel,.auth-card,.role-list-item,.perm-grp,.flow-body,.tree-h .box,.canvas,.card,.nd-card{
 background:var(--panel)!important;
 border-color:var(--line)!important;
 box-shadow:none!important;
}
.panel,.stat,.modal,.notif-drop,.mobile-quick,.auth-panel,.auth-card,.role-list-item,.perm-grp,.flow-body,.tree-h .box,.canvas,.card,.nd-card{
 border:1px solid var(--line)!important;
 border-radius:8px!important;
}
.btn,.icon-btn,.tabs button,.nav,.tag,.input,.field input,.field select,.field textarea,.toolbar input,.toolbar select,.pill,.chip{
 border-radius:8px!important;
 box-shadow:none!important;
}.tabs button.active{background:var(--brand-soft)!important;color:var(--brand)!important;border-color:var(--line)!important}
.btn.primary{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important}
html[data-theme=dark] .btn.primary{color:#07111f!important}
thead th{
 background:color-mix(in srgb,var(--panel),var(--line) 28%)!important;
 color:var(--soft)!important;
 border-bottom:1px solid var(--line)!important;
 font-family:inherit!important;
 letter-spacing:0!important;
 text-transform:none!important;
}
tbody td{border-bottom:1px solid var(--line)!important}
pre,code{border-color:var(--line)}
.app-lang-wrap{position:relative;display:grid;place-items:center}
.app-lang-menu{position:absolute;right:0;top:44px;width:176px;border:var(--mc-border-line);border-radius:14px;background:color-mix(in srgb,var(--panel) 92%,transparent);box-shadow:0 20px 48px -28px rgba(0,0,0,.55);padding:6px;z-index:120;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.app-lang-menu button{width:100%;border:0;background:transparent;color:var(--text);border-radius:10px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:var(--mc-type-body-control,.82rem);font-weight:700}
.app-lang-menu button:hover{background:var(--brand-soft);color:var(--brand)}
.app-lang-menu button.active{background:color-mix(in srgb,var(--brand-soft) 78%,transparent);color:var(--brand)}
.app-lang-menu small{display:block;padding:5px 10px 7px;color:var(--soft);font-size:var(--mc-type-caption-meta,.68rem)}
.app-lang-code{font-family:var(--mono);font-size:var(--mc-type-caption-meta,.68rem);border:var(--mc-border-line);border-radius:999px;padding:1px 6px;color:var(--soft)}
.notif-wrap .icon-btn .badge{top:0!important;right:-2px!important;min-width:20px!important;height:20px!important;border-radius:999px!important;background:linear-gradient(135deg,#ff4d6d,#fb7185)!important;border:2px solid color-mix(in srgb,var(--panel) 90%,transparent);font-size:.66rem!important;box-shadow:0 10px 22px -10px rgba(244,63,94,.9);padding:0 6px!important}
.notif-drop{overflow:hidden!important}
.notif-drop .nd-head{gap:12px;background:color-mix(in srgb,var(--panel) 86%,transparent)!important}
.nd-head-title{display:flex;align-items:center;gap:10px;min-width:0}
.nd-head-title .nd-bell{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}
.nd-head-title b{display:block;font-size:var(--mc-type-compact-heading,.92rem);line-height:1.15}
.nd-head-title span{display:block;color:var(--soft);font-size:var(--mc-type-caption-meta,.68rem);margin-top:2px}
.nd-unread-pill{display:inline-flex;align-items:center;gap:5px;border:1px solid color-mix(in srgb,var(--danger) 22%,var(--line));background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);border-radius:999px;padding:5px 9px;font-size:var(--mc-type-body-control,.82rem);font-weight:850;white-space:nowrap}
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
 .layout{align-items:flex-start}
 .side{align-self:flex-start!important;height:auto!important;max-height:calc(100dvh - 82px)!important;margin:12px 0 12px 12px!important;border:1px solid color-mix(in srgb,var(--line) 82%,transparent)!important;border-radius:18px!important;box-shadow:0 24px 64px -44px rgba(15,23,42,.72),inset 0 1px 0 rgba(255,255,255,.12)!important;background:color-mix(in srgb,var(--panel) 72%,transparent)!important}
 html[data-theme=dark] .side{background:rgba(20,16,34,.58)!important;box-shadow:0 30px 82px -52px rgba(0,0,0,.95),inset 0 1px 0 rgba(226,214,255,.08)!important}
 .main{min-height:calc(100dvh - 58px)}
 .layout.side-collapsed .side{margin-left:12px!important;border-radius:18px!important}
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  .app-lang-menu{position:fixed;right:10px;top:54px;width:min(220px,calc(100vw - 20px))}
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-04-shared-cross-surface-01-slice-04-part-01-seg-01-root-fine-01.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-foundation/001-base-slice-04-topbar-02-slice-04-part-01-seg-01-root-fine-02-unit-01.css */

:root,
html[data-theme=dark],
html[data-theme=light]{
  --brand:#f4f7fb;
  --brand-dark:#cbd5e1;
  --brand-soft:rgba(255,255,255,.10);
  --accent:#94a3b8;
  --on-brand:#0b0d12;
  --bg:#080a0f;
  --bg-subtle:rgba(255,255,255,.035);
  --chip:rgba(255,255,255,.07);
  --panel:rgba(17,20,28,.52);
  --text:#eef2f7;
  --soft:#9aa5b5;
  --line:rgba(255,255,255,.09);
  --shadow:0 28px 80px -58px rgba(0,0,0,.96),inset 0 1px 0 rgba(255,255,255,.055);
  --grad:linear-gradient(135deg,rgba(255,255,255,.96),rgba(148,163,184,.66));
  --grad-soft:linear-gradient(135deg,rgba(255,255,255,.10),rgba(148,163,184,.045));
  --glass-panel:rgba(17,20,28,.46);
  --glass-panel-strong:rgba(22,25,34,.64);
  --glass-line:rgba(255,255,255,.08);
  --glass-shadow:0 24px 74px -56px rgba(0,0,0,.94),inset 0 1px 0 rgba(255,255,255,.05);
}
html,
body,
#root,
.app,
.layout,
.main{
  background:#000!important;
  background-image:none!important;
}
body{
  min-height:100vh;
  color:var(--text)!important;
  background:#000!important;
  background-image:none!important;
  background-attachment:initial!important;
}
.topbar{
  height:46px!important;
  min-height:46px!important;
  width:calc(100% - 20px)!important;
  margin:8px 10px 0!important;
  padding:0 10px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:16px!important;
  background:rgba(16,18,25,.56)!important;
  box-shadow:0 18px 52px -42px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.045)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12)!important;
-webkit-backdrop-filter:blur(18px) saturate(1.12)!important;backdrop-filter:blur(18px) saturate(1.12)!important;
}
.topbar .left{gap:8px!important;font-size:.88rem!important}
.topbar .brand-name{max-width:240px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar .left small{display:none!important}
.topbar .right{gap:5px!important}
.topbar .icon-btn,
.topbar .theme-btn,
.topbar .logout-btn,
.topbar .side-fold-btn{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:9px!important;
  background:transparent!important;
  box-shadow:none!important;
}
.topbar .top-ico{width:17px!important;height:17px!important}
.topbar .avatar{width:28px!important;height:28px!important;font-size:var(--mc-type-caption-meta,.68rem)!important}
.topbar .uchip{gap:6px!important}
.topbar .uchip .name{font-size:.78rem!important;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar .uchip .role,
.topbar .top-cloud{display:none!important}
.topbar .badge,
.notif-wrap .icon-btn .badge{
  top:-3px!important;
  right:-3px!important;
  min-width:15px!important;
  width:auto!important;
  height:15px!important;
  padding:0 4px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  font-size:.56rem!important;
  border-radius:999px!important;
  box-shadow:0 10px 18px -12px rgba(248,113,113,.9)!important;
}
.layout{padding:8px 10px 10px!important;gap:10px!important;align-items:flex-start!important}
.side{
  width:196px!important;
  margin:0!important;
  padding:8px!important;
  max-height:calc(100dvh - 72px)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:18px!important;
  background:rgba(16,18,25,.44)!important;
  box-shadow:0 24px 70px -54px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.045)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
-webkit-backdrop-filter:blur(18px) saturate(1.08)!important;backdrop-filter:blur(18px) saturate(1.08)!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-foundation/001-base-slice-04-topbar-02-slice-04-part-01-seg-01-root-fine-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-foundation/001-base-slice-04-left-navigation-03-slice-04-part-01-seg-01-root-fine-02-unit-02.css */

.side .grp{padding:7px 9px 3px!important;font-size:.57rem!important;letter-spacing:.08em!important}
.nav{min-height:32px!important;padding:7px 9px!important;margin-bottom:1px!important;border-radius:10px!important;font-size:.8rem!important}
.nav .ic{display:none!important}
.tabs button.active{
  background:rgba(255,255,255,.08)!important;
  color:var(--text)!important;
  border-color:rgba(96,165,250,.72)!important;
}
.side-collapse-nav{
  width:32px!important;
  height:30px!important;
  min-height:30px!important;
  margin:0 0 5px auto!important;
  padding:0!important;
  justify-content:center!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.045)!important;
}
.side-collapse-nav .top-ico{width:15px!important;height:15px!important}
.layout.side-collapsed .side{width:58px!important;padding:8px 7px!important}
.side.collapsed .nav{width:34px!important;height:34px!important;border-radius:11px!important;margin:2px auto!important}
.side.collapsed .side-collapse-nav{margin:0 auto 5px!important}
.side.collapsed .side-collapse-nav .ic{width:24px!important;height:24px!important}
.main{
  width:100%;
  max-width:min(1480px,calc(100vw - 226px))!important;
  padding:10px 0 16px!important;
}

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-foundation/001-base-slice-04-left-navigation-03-slice-04-part-01-seg-01-root-fine-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-04-shared-cross-surface-04-slice-04-part-01-seg-01-root-fine-03-malformed-retained.css */

.main:not(.page-networkDiag):not(.page-workbench)>.page-head,
.main:not(.page-networkDiag):not(.page-workbench)>.tabs,
.main:not(.page-networkDiag):not(.page-workbench)>.toolbar,
.main:not(.page-networkDiag):not(.page-workbench)>.panel,
.main:not(.page-networkDiag):not(.page-workbench)>.grid,
.main:not(.page-networkDiag):not(.page-workbench)>.cards,
.role-page,
.org-layout,
.rule-grid,
.settings-shell,
.sys-grid,
.att-rule-shell,
.mind-layout,
.comms-layout,
.workbench-clean,
.workbench-lower,
.workbench-grid{
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.page-head{margin-bottom:8px!important;padding:0 2px!important}
.page-head h1{font-size:1.12rem!important;padding-left:0!important}
.page-head h1::before{display:none!important}
.page-head p{max-width:620px!important;font-size:.75rem!important;line-height:1.45!important}
.head-actions{gap:6px!important}
.panel,
.modal,
.stat,
.contact-item,
.chat-msg,
.sys-item,
.geo-stat,
.work-layout-card,
.org-mini-group,
.tree-h .box,
.flow-body,
.auth-panel,
.auth-card,
.notif-drop,
.id-card,
.role-list-item,
.perm-grp,
.canvas,
.att-rule-top,
.att-rule-table{
  background:rgba(17,20,28,.46)!important;
  border-color:rgba(255,255,255,.065)!important;
  box-shadow:var(--glass-shadow)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
-webkit-backdrop-filter:blur(18px) saturate(1.08)!important;backdrop-filter:blur(18px) saturate(1.08)!important;
}
.panel{
  padding:14px!important;
  margin-bottom:10px!important;
  border-radius:16px!important;
}
.panel h3{font-size:.92rem!important;margin-bottom:3px!important}
.panel .desc{font-size:.74rem!important;line-height:1.45!important;margin-bottom:8px!important;max-width:680px}
.tabs{
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto 10px!important;
  padding:3px!important;
  gap:3px!important;
  border:0!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:none!important;
}
.tabs button{
  flex:0 0 auto!important;
  min-width:0!important;
  min-height:30px!important;
  padding:6px 10px!important;
  border-radius:9px!important;
  font-size:.76rem!important;
}
.toolbar{
  max-width:1180px!important;
  margin:0 auto 10px!important;
  gap:6px!important;
}
.toolbar input,
.toolbar select,
.input,
.field input,
.field select,

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-04-shared-cross-surface-04-slice-04-part-01-seg-01-root-fine-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-04-shared-cross-surface-05-slice-04-part-01-seg-02-root-micro-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-04-part-01-root.css. Keep import order stable. */
.field textarea{
  min-height:32px!important;
  padding:6px 10px!important;
  border-color:rgba(255,255,255,.075)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:none!important;
  font-size:.78rem!important;
}
.field{margin-bottom:9px!important}
.field label{font-size:.72rem!important;margin-bottom:4px!important}
.btn{min-height:30px!important;padding:6px 10px!important;border-radius:10px!important;font-size:.78rem!important}
.btn.sm{min-height:26px!important;padding:4px 8px!important;font-size:.72rem!important}
.btn.primary{background:rgba(255,255,255,.90)!important;color:#0b0d12!important;box-shadow:0 14px 32px -24px rgba(255,255,255,.72)!important}
.select-summary{
  margin-top:6px!important;
  padding:7px 8px!important;
  border:0!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.035)!important;
  font-size:.72rem!important;
  box-shadow:none!important;
}
.select-summary .sum-row{margin-top:4px!important}
.select-summary .sum-k{width:44px!important}
.select-summary .sum-person{
  padding:3px 6px!important;
  border:0!important;
  background:rgba(255,255,255,.055)!important;
}
.role-page{grid-template-columns:minmax(190px,230px) minmax(0,1fr)!important;gap:10px!important}
.role-side{top:64px!important}
.role-list-item{min-height:40px!important;padding:8px 10px!important;margin-top:5px!important;border-radius:12px!important}
.role-list-item b{font-size:var(--mc-type-emphasized-body,.82rem)!important}
.role-list-item small{font-size:.66rem!important}
.role-list-item i{font-size:.6rem!important;padding:2px 6px!important}
.perm-grp{margin-bottom:8px!important;border:0!important;background:rgba(255,255,255,.035)!important}
.perm-grp .ph{padding:8px 10px!important;background:transparent!important;font-size:var(--mc-type-compact-heading,.92rem)!important}
.perm-grp .pb{padding:8px 10px!important;gap:6px!important;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important}
thead th{
  background:transparent!important;
  border-bottom-color:rgba(255,255,255,.08)!important;
}
tbody td{border-bottom-color:rgba(255,255,255,.055)!important}
.table-wrap tbody tr{
  background:transparent!important;
  box-shadow:none!important;
}
.nd-card,
.nd-table-section,
.nd-source{
  background:rgba(17,20,28,.34)!important;
  border-color:rgba(255,255,255,.055)!important;
  box-shadow:none!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  .topbar{
    height:48px!important;
    min-height:48px!important;
    width:calc(100% - 16px)!important;
    margin:6px 8px 0!important;
    padding:0 9px!important;
  }
  .topbar::after{display:none!important}
  .topbar .icon-btn,
  .topbar .theme-btn,
  .topbar .logout-btn{width:30px!important;height:30px!important}
  .layout{padding:8px!important}
  .side{
    top:62px!important;
    left:8px!important;
    right:auto!important;
    width:min(82vw,286px)!important;
    max-height:calc(100dvh - 74px)!important;
  }
  .main{max-width:100%!important;padding:8px 0 calc(92px + env(safe-area-inset-bottom))!important}
  .panel{padding:11px!important}
  .tabs{width:100%!important;margin-left:0!important;margin-right:0!important;overflow-x:auto!important}
  .tabs button{min-height:32px!important}
}

#root,
.app,
.auth{
  min-height:100vh!important;
  color:var(--text)!important;
  background:
    radial-gradient(circle at 14% 2%,rgba(96,165,250,.10),transparent 25%),
    radial-gradient(circle at 84% 12%,rgba(45,212,191,.065),transparent 28%),
    radial-gradient(circle at 54% 96%,rgba(168,85,247,.05),transparent 34%),
    linear-gradient(135deg,#07080c 0%,#10131a 44%,#1b1f28 100%)!important;
}
.auth.auth-v2{
  color:#f7f7f7!important;
  background:
    radial-gradient(circle at 14% 2%,rgba(96,165,250,.10),transparent 25%),
    radial-gradient(circle at 84% 12%,rgba(45,212,191,.065),transparent 28%),
    radial-gradient(circle at 54% 96%,rgba(168,85,247,.05),transparent 34%),
    linear-gradient(135deg,#07080c 0%,#10131a 44%,#1b1f28 100%)!important;
}
html[data-theme=light] .auth.auth-v2,
html:not([data-theme=dark]) .auth.auth-v2,
html[data-theme=dark] .auth.auth-v2,
.auth.auth-v2{
  background:
    radial-gradient(circle at 14% 2%,rgba(96,165,250,.10),transparent 25%),
    radial-gradient(circle at 84% 12%,rgba(45,212,191,.065),transparent 28%),
    radial-gradient(circle at 54% 96%,rgba(168,85,247,.05),transparent 34%),
    linear-gradient(135deg,#07080c 0%,#10131a 44%,#1b1f28 100%)!important;
}
.auth-panel.auth-panel-v2,
.auth-card{
  background:rgba(17,20,28,.50)!important;
  border-color:rgba(255,255,255,.08)!important;
  border-radius:18px!important;
  box-shadow:0 28px 82px -58px rgba(0,0,0,.96),inset 0 1px 0 rgba(255,255,255,.055)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
-webkit-backdrop-filter:blur(18px) saturate(1.08)!important;backdrop-filter:blur(18px) saturate(1.08)!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-04-shared-cross-surface-05-slice-04-part-01-seg-02-root-micro-01.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-foundation/001-base-slice-04-left-navigation-06-slice-04-part-01-seg-02-root-micro-02-unit-01.css */

.side .nav .ic{
  display:grid!important;
  place-items:center!important;
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
  color:currentColor!important;
}
.side .nav .ic svg,
.side .nav .side-ico,
.side .nav .top-ico{
  width:16px!important;
  height:16px!important;
}
.side.collapsed .nav .ic{
  display:grid!important;
  width:24px!important;
  height:24px!important;
  flex-basis:24px!important;
}
.side.collapsed .nav .nav-label{display:none!important}
.side-collapse-nav .nav-label{display:none!important}
.side-collapse-nav .ic{
  display:grid!important;
  width:24px!important;
  height:24px!important;
}
.side-collapse-nav .ic svg,
.side-collapse-nav .top-ico{
  width:15px!important;
  height:15px!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  .layout.side-collapsed .side{
    width:min(82vw,286px)!important;
    padding:8px!important;
  }
  .side.collapsed .nav{
    width:auto!important;
    height:auto!important;
    justify-content:flex-start!important;
    padding:7px 9px!important;
    margin-bottom:1px!important;
  }
  .side.collapsed .nav .ic{
    display:grid!important;
    width:17px!important;
    height:17px!important;
    flex-basis:17px!important;
  }
  .side .side-collapse-nav{display:none!important}
}
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  .topbar{
    width:calc(100% - 8px)!important;
    margin:6px 8px 0 0!important;
    border-left:0!important;
    border-bottom:0!important;
    border-radius:0 14px 14px 0!important;
    box-shadow:0 14px 42px -38px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  .layout{
    padding:8px 10px 10px 0!important;
    gap:10px!important;
  }
  .side,
  .layout.side-collapsed .side{
    margin:0!important;
    border-left:0!important;
    border-radius:0 18px 18px 0!important;
    box-shadow:10px 0 36px -32px rgba(0,0,0,.96),inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  .main{
    padding-right:4px!important;
  }
}
.side .nav .badge{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:16px!important;
  height:16px!important;
  margin-left:auto!important;
  padding:0 5px!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(248,113,113,.18)!important;
  color:#fecaca!important;
  box-shadow:none!important;
  font-size:.58rem!important;
  font-weight:850!important;
  line-height:1!important;
}

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-foundation/001-base-slice-04-left-navigation-06-slice-04-part-01-seg-02-root-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/system/sync/compatibility-foundation/001-base-slice-04-system-07-slice-04-part-01-seg-02-root-micro-02-unit-02.css */

.side.collapsed .nav{position:relative!important}
.side.collapsed .nav .badge{
  position:absolute!important;
  top:3px!important;
  right:3px!important;
  width:7px!important;
  min-width:7px!important;
  height:7px!important;
  padding:0!important;
  overflow:hidden!important;
  font-size:0!important;
  background:#fb7185!important;
}
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo)>.page-head,
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo)>.tabs,
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo)>.toolbar,
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo)>.panel,
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .settings-shell,
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .att-report-shell,
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .att-rule-shell,
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .role-page{
  max-width:1080px!important;
}
.main:is(.page-employees,.page-emp,.page-org,.page-records)>.panel,
.main:is(.page-employees,.page-emp,.page-org,.page-records) .settings-shell,
.main:is(.page-employees,.page-emp,.page-org,.page-records) .att-report-shell{
  max-width:1160px!important;
}

/* <<< runtime/legacy/styles/blocks/system/sync/compatibility-foundation/001-base-slice-04-system-07-slice-04-part-01-seg-02-root-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/system/sync/compatibility-foundation/001-base-slice-04-system-08-slice-04-part-01-seg-02-root-micro-03.css */

.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .panel,
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .stat,
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .table-wrap,
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .canvas,
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .flow-body,
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .geo-stat,
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .sum-card,
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .org-mini-group,
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .att-rule-top,
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .att-rule-table,
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .tpl-card,
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .perm-grp,
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .select-summary{
  background:transparent!important;
  border-color:rgba(244,244,241,.16)!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .panel{
  padding:8px 0!important;
  margin-bottom:8px!important;
}
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .toolbar,
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .head-actions{
  gap:6px!important;
}
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .head-actions .btn,
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .toolbar .btn,
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .tpl-card-actions .btn,
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .mind-toolbar .btn,
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .att-report-toolbar .btn{
  border:0!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:none!important;
}
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .head-actions .btn.primary,
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .toolbar .btn.primary,
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .tpl-card-actions .btn.primary{
  background:rgba(255,255,255,.88)!important;
  color:#0b0d12!important;
}
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) thead th{
  background:rgba(255,255,255,.025)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) tbody td{
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
.checkbox.checkbox.checkbox.checkbox.checkbox,
.history-check-list.history-check-list label,
.nd-filter-menu.nd-filter-menu label{
  min-height:24px!important;
  padding:2px 0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--text)!important;
  box-shadow:none!important;
  font-size:.76rem!important;
  font-weight:650!important;
}
.history-filter-menu,
.nd-filter-menu{
  background:rgba(18,21,29,.84)!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 22px 56px -44px rgba(0,0,0,.92)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.1)!important;
-webkit-backdrop-filter:blur(18px) saturate(1.1)!important;backdrop-filter:blur(18px) saturate(1.1)!important;
}
.main.page-system .settings-shell{
  gap:8px!important;
}

/* <<< runtime/legacy/styles/blocks/system/sync/compatibility-foundation/001-base-slice-04-system-08-slice-04-part-01-seg-02-root-micro-03.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-04-shared-cross-surface-09-slice-04-part-02-seg-01-root-fine-01-unit-01.css */

/* Legacy ordered base slice 04 part 02; split from 001-base-slice-04-root.css. Keep import order stable. */
.main.page-system .settings-section-title {
  margin: 8px 0 0 !important;
  padding: 0 !important;
  color: var(--soft) !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.08em !important;
}
.main.page-system .sys-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.main.page-system .sys-card,
.main.page-system .sys-location-card {
  padding: 10px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.065) !important;
  border-radius: 0 !important;
}
.main.page-system .sys-card h3,
.main.page-system .sys-location-card h3 {
  font-size: 0.86rem !important;
}
.main.page-system .sys-kv {
  padding: 6px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.045) !important;
}
.main.page-system .office-form {
  gap: 8px !important;
}
.main.page-system > .panel,
.main.page-notifications > .panel {
  padding: 0 !important;
}
.main.page-notifications .tabs,
.main.page-system .tabs {
  margin-left: 0 !important;
}
.main.page-employees .panel,
.main.page-emp .panel {
  padding: 0 !important;
}
.main.page-org .org-summary {
  gap: 8px !important;
}
.main.page-org .mind-panel,
.main.page-org .mind-side {
  padding: 0 !important;
}
.main.page-org .tree-h .box {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 0 !important;
  box-shadow: none !important;
}
.main.page-records .att-report-shell {
  gap: 8px !important;
}
.main.page-records .att-report-grid {
  gap: 10px !important;
}
.main.page-records .att-kpis,
.main.page-records .att-charts {
  gap: 8px !important;
}
.main.page-records .att-kpi,
.main.page-records .chart-box,
.main.page-records .att-bar-row,
.main.page-records .att-watch-manage-row,
.main.page-records .att-day-dot {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.main.page-records .chart-box,
.main.page-records .att-day-dot {
  background: rgba(255, 255, 255, 0.025) !important;
}
.main.page-records .att-rule-shell {
  gap: 14px !important;
}
.main.page-records .att-rule-top {
  padding: 10px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.065) !important;
  border-radius: 0 !important;
}
.main.page-records .att-rule-section-head {
  margin-bottom: 6px !important;
  align-items: center !important;
}
.main.page-records .att-rule-section-head h3 {
  font-size: var(--mc-type-compact-heading, 0.92rem) !important;
}
.main.page-records .att-rule-section-head p {
  font-size: 0.72rem !important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-04-shared-cross-surface-09-slice-04-part-02-seg-01-root-fine-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/attendance/rules/compatibility-foundation/001-base-slice-04-attendance-10-slice-04-part-02-seg-01-root-fine-01-unit-02.css */

.main.page-records .att-rule-table{
  border-radius:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
.main.page-records .att-rule-table table{
  min-width:720px!important;
}
.main.page-records .att-rule-summary{
  gap:8px!important;
}
.main.page-records .att-rule-card,
.main.page-records .att-setting-panel{
  background:rgba(255,255,255,.026)!important;
  border-color:rgba(255,255,255,.065)!important;
  box-shadow:none!important;
}
.main.page-records .att-rule-section.compact{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.main.page-records .att-rule-card{
  padding:10px 11px!important;
}
.main.page-records .att-rule-layout{
  gap:12px!important;
}
.main.page-records .att-setting-row{
  border-color:rgba(255,255,255,.055)!important;
}
.main.page-templates .tpl-list{
  display:grid!important;
  gap:0!important;
}

/* <<< runtime/legacy/styles/blocks/attendance/rules/compatibility-foundation/001-base-slice-04-attendance-10-slice-04-part-02-seg-01-root-fine-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-04-shared-cross-surface-11-slice-04-part-02-seg-01-root-fine-02-unit-01.css */

.main.page-templates .tpl-card{
  grid-template-columns:minmax(0,1fr) auto!important;
  padding:11px 0!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  border-radius:0!important;
}
.main.page-templates .tpl-card:hover{
  background:rgba(255,255,255,.035)!important;
}
.main.page-templates .tpl-card-main b{
  font-size:.9rem!important;
}
.main.page-tpledit .tpl-hero,
.main.page-tpledit .tpl-zone{
  background:transparent!important;
  border-color:rgba(255,255,255,.06)!important;
  box-shadow:none!important;
}
.main.page-tpledit .tpl-node-row,
.main.page-tpledit .tpl-field-row{
  background:rgba(255,255,255,.03)!important;
  border:0!important;
}
.main.page-system .role-page{
  grid-template-columns:200px minmax(0,1fr)!important;
  gap:14px!important;
}
.main.page-system .role-side{
  padding:0!important;
}
.main.page-system .role-side-head{
  margin-bottom:8px!important;
}
.main.page-system .role-side .desc{
  display:none!important;
}
.main.page-system .role-list-item{
  margin-top:4px!important;
  padding:8px 9px!important;
  min-height:36px!important;
  background:rgba(255,255,255,.03)!important;
  border-radius:9px!important;
}
.main.page-system .role-list-item.active{
  background:rgba(255,255,255,.075)!important;
}
.main.page-system .role-main>.panel{
  padding:0 0 10px!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
}
.main.page-system .perm-grp{
  margin:0!important;
  padding:0!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
  border-radius:0!important;
}
.main.page-system .perm-grp .ph{
  padding:9px 0 6px!important;
}
.main.page-system .perm-grp .pb{
  padding:0 0 10px!important;
  grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important;
}
.main.page-todo{
  overflow-x:hidden!important;
}
.main.page-todo .page-head{
  margin-bottom:14px!important;
}
.main.page-todo .todo-shell{
  display:grid!important;
  gap:13px!important;
  min-width:0!important;
  overflow:visible!important;
}
.main.page-todo .todo-tabs{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  overflow:visible!important;
}
.main.page-todo .todo-tab-btn{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:34px!important;
  padding:0 12px!important;
  border:.5px solid rgba(244,244,241,.13)!important;
  border-radius:6px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(244,244,241,.72)!important;
  overflow:visible!important;
}
.main.page-todo .todo-tab-btn b{
  font-size:var(--mc-type-emphasized-body,.82rem)!important;
  font-weight:780!important;
  white-space:nowrap!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-04-shared-cross-surface-11-slice-04-part-02-seg-01-root-fine-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/tasks/todo/compatibility-foundation/001-base-slice-04-tasks-12-slice-04-part-02-seg-01-root-fine-02-unit-02.css */

.main.page-todo .todo-tab-btn span{
  min-width:24px!important;
  height:22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:5px!important;
  color:#f4f4f1!important;
  background:rgba(255,255,255,.055)!important;
  font-size:.72rem!important;
  font-weight:820!important;
}
.main.page-todo .todo-tab-btn:hover,
.main.page-todo .todo-tab-btn.active{
  color:#fff!important;
  border-color:rgba(244,244,241,.20)!important;
  background-image:var(--mc-model-button-fill-hover)!important;
}
.main.page-todo .todo-summary-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}

/* <<< runtime/legacy/styles/blocks/tasks/todo/compatibility-foundation/001-base-slice-04-tasks-12-slice-04-part-02-seg-01-root-fine-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/tasks/todo/compatibility-foundation/001-base-slice-04-tasks-13-slice-04-part-02-seg-01-root-fine-03.css */

.main.page-todo .todo-summary-card {
  min-height: 78px !important;
  display: grid !important;
  align-content: center !important;
  gap: 6px !important;
}
.main.page-todo .todo-summary-card span {
  color: rgba(244, 244, 241, 0.48) !important;
  font-size: var(--mc-type-caption-meta, 0.68rem) !important;
  font-weight: 760 !important;
}
.main.page-todo .todo-summary-card b {
  color: #fff !important;
  font-size: 1.55rem !important;
  line-height: 1 !important;
  font-weight: 820 !important;
}
.main.page-todo .todo-summary-card small {
  color: rgba(244, 244, 241, 0.44) !important;
  font-size: 0.72rem !important;
  line-height: 1.25 !important;
}
.main.page-todo .todo-filter-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.main.page-todo .todo-filter-fields {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  overflow: visible !important;
}
.main.page-todo .todo-filter-bar .mc-combo-field {
  min-height: 34px !important;
  height: 34px !important;
}
.main.page-todo .todo-filter-bar .mc-combo-input {
  height: 30px !important;
  min-height: 30px !important;
}
.main.page-todo .todo-search-filter {
  width: min(440px, 100%) !important;
  flex: 1 1 300px !important;
}
.main.page-todo .todo-status-filter {
  width: 158px !important;
  flex: 0 0 158px !important;
}

/* <<< runtime/legacy/styles/blocks/tasks/todo/compatibility-foundation/001-base-slice-04-tasks-13-slice-04-part-02-seg-01-root-fine-03.css */


/* >>> runtime/legacy/styles/blocks/tasks/todo/compatibility-foundation/001-base-slice-04-tasks-14-slice-04-part-02-seg-02-root-micro-01-unit-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-04-part-02-root.css. Keep import order stable. */
.main.page-todo .todo-list-section {
  display: grid !important;
  gap: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.main.page-todo .todo-list-head {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 3px 0 9px !important;
  border-bottom: 0.5px solid rgba(244, 244, 241, 0.1) !important;
}
.main.page-todo .todo-list-head div {
  display: grid !important;
  gap: 2px !important;
}
.main.page-todo .todo-list-head b {
  color: #f4f4f1 !important;
  font-size: 0.98rem !important;
  font-weight: 820 !important;
}
.main.page-todo .todo-list-head span,
.main.page-todo .todo-list-head small {
  color: rgba(244, 244, 241, 0.44) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
}
.main.page-todo .todo-task-list {
  display: grid !important;
  gap: 0 !important;
  min-width: 0 !important;
  overflow: visible !important;
}
.main.page-todo .todo-task-row {
  display: grid !important;
  grid-template-columns:
    86px minmax(280px, 1fr) minmax(160px, 0.38fr) minmax(120px, 0.24fr)
    76px minmax(188px, 0.34fr) !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 70px !important;
  padding: 10px 0 !important;
  color: #f4f4f1 !important;
  cursor: pointer !important;
  overflow: visible !important;
}
.main.page-todo .todo-status-rail {
  display: grid !important;
  grid-template-columns: 7px minmax(0, 1fr) !important;
  gap: 7px !important;
  align-items: center !important;
  min-width: 0 !important;
}
.main.page-todo .todo-status-rail i {
  width: 6px !important;
  height: 32px !important;
  border-radius: 99px !important;
  background: rgba(255, 255, 255, 0.22) !important;
}
.main.page-todo .todo-task-row.todo .todo-status-rail i {
  background: #7dd3fc !important;
}
.main.page-todo .todo-task-row.review .todo-status-rail i {
  background: #facc15 !important;
}
.main.page-todo .todo-task-row.done .todo-status-rail i {
  background: #86efac !important;
}
.main.page-todo .todo-task-row.cancel .todo-status-rail i {
  background: rgba(244, 244, 241, 0.35) !important;
}
.main.page-todo .todo-status-rail b {
  color: #f4f4f1 !important;
  font-size: 0.76rem !important;
  font-weight: 820 !important;
  white-space: nowrap !important;
}
.main.page-todo .todo-status-rail small {
  grid-column: 2 !important;
  color: #ff9aad !important;
  font-size: 0.64rem !important;
  font-weight: 780 !important;
}

/* <<< runtime/legacy/styles/blocks/tasks/todo/compatibility-foundation/001-base-slice-04-tasks-14-slice-04-part-02-seg-02-root-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/tasks/todo/compatibility-foundation/001-base-slice-04-tasks-15-slice-04-part-02-seg-02-root-micro-01-unit-02.css */

.main.page-todo .todo-task-main,
.main.page-todo .todo-task-people,
.main.page-todo .todo-task-time,
.main.page-todo .todo-task-proof,
.main.page-todo .todo-task-actions{
  min-width:0!important;
}
.main.page-todo .todo-task-main{
  display:grid!important;
  gap:4px!important;
}
.main.page-todo .todo-task-main strong{
  color:#fff!important;
  font-size:.9rem!important;
  line-height:1.15!important;
  font-weight:820!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.main.page-todo .todo-task-main em,
.main.page-todo .todo-task-main small{
  color:rgba(244,244,241,.50)!important;
  font-size:.72rem!important;
  line-height:1.28!important;
  font-style:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* <<< runtime/legacy/styles/blocks/tasks/todo/compatibility-foundation/001-base-slice-04-tasks-15-slice-04-part-02-seg-02-root-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/tasks/todo/compatibility-foundation/001-base-slice-04-tasks-16-slice-04-part-02-seg-02-root-micro-02-unit-01.css */

.main.page-todo .todo-task-main small {
  color: rgba(134, 239, 172, 0.74) !important;
}
.main.page-todo .todo-task-people,
.main.page-todo .todo-task-time {
  display: grid !important;
  gap: 3px !important;
}
.main.page-todo .todo-task-people {
  grid-template-columns: 34px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 9px !important;
}
.main.page-todo .todo-task-row-avatar {
  width: 34px !important;
  height: 34px !important;
  border-radius: var(--mc-radius-control, 8px) !important;
  font-size: var(--mc-type-emphasized-body, 0.82rem) !important;
  box-shadow: none !important;
}
.main.page-todo .todo-task-people-text {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}
.main.page-todo .todo-task-people b,
.main.page-todo .todo-task-time b {
  color: #f7f7f7 !important;
  font-size: 0.78rem !important;
  font-weight: 790 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.main.page-todo .todo-task-people small,
.main.page-todo .todo-task-time small {
  color: rgba(244, 244, 241, 0.42) !important;
  font-size: var(--mc-type-caption-meta, 0.68rem) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.main.page-todo .todo-task-row.late .todo-task-time b {
  color: #ff9aad !important;
}
.main.page-todo .todo-task-proof {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.main.page-todo .todo-proof-thumb {
  width: 46px !important;
  height: 46px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 0.5px solid rgba(244, 244, 241, 0.14) !important;
  background: rgba(255, 255, 255, 0.035) !important;
}
.main.page-todo .todo-proof-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
.main.page-todo .todo-proof-empty {
  color: rgba(244, 244, 241, 0.38) !important;
  font-size: var(--mc-type-secondary-body, 0.76rem) !important;
  white-space: nowrap !important;
}
.main.page-todo .todo-task-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  overflow: visible !important;
}
.main.page-todo .todo-task-actions .btn {
  min-height: 28px !important;
  padding: 0 8px !important;
  font-size: 0.72rem !important;
}
.main.page-todo .todo-empty-state {
  min-height: 120px !important;
  display: grid !important;
  place-items: center !important;
  color: rgba(244, 244, 241, 0.44) !important;
  font-weight: 760 !important;
}
.main.page-todo .pager {
  margin-top: 10px !important;
}
#modal .todo-task-modal .secondary-rail-body,
#modal .modal.todo-task-modal .m-body {
  overflow: visible !important;
}
#modal .todo-task-modal .todo-task-form {
  display: grid !important;
  gap: 12px !important;
}
#modal .todo-task-modal .todo-task-form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: start !important;
}
#modal .todo-task-modal .todo-task-form-grid .mc-pick-box {
  grid-column: 1/-1 !important;
}

/* <<< runtime/legacy/styles/blocks/tasks/todo/compatibility-foundation/001-base-slice-04-tasks-16-slice-04-part-02-seg-02-root-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/tasks/todo/compatibility-foundation/001-base-slice-04-tasks-17-slice-04-part-02-seg-02-root-micro-02-unit-02.css */

#modal .todo-task-modal .todo-form-check{
  margin-top:0!important;
  padding:8px 0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(244,244,241,.72)!important;
}
#modal .todo-task-modal .todo-proof-summary,
#modal .todo-task-modal .todo-detail-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
#modal .todo-task-modal .todo-proof-summary div,
#modal .todo-task-modal .todo-detail-grid div{
  display:grid!important;
  gap:4px!important;
  padding:0 0 9px!important;
  border-bottom:.5px solid rgba(244,244,241,.08)!important;
  background:transparent!important;
  box-shadow:none!important;
}
#modal .todo-task-modal .todo-proof-summary span,
#modal .todo-task-modal .todo-detail-grid span,
#modal .todo-task-modal .todo-detail-note span,
#modal .todo-task-modal .todo-detail-proof span{
  color:rgba(244,244,241,.42)!important;
  font-size:.68rem!important;
  font-weight:760!important;
}

/* <<< runtime/legacy/styles/blocks/tasks/todo/compatibility-foundation/001-base-slice-04-tasks-17-slice-04-part-02-seg-02-root-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/tasks/todo/compatibility-foundation/001-base-slice-04-tasks-18-slice-04-part-02-seg-02-root-micro-03.css */

#modal .todo-task-modal .todo-proof-summary b,
#modal .todo-task-modal .todo-detail-grid b{
  color:#f7f7f7!important;
  font-size:var(--mc-type-emphasized-body,.82rem)!important;
  font-weight:810!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#modal .todo-task-modal .todo-detail-grid small{
  color:rgba(244,244,241,.44)!important;
  font-size:var(--mc-type-caption-meta,.68rem)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#modal .todo-task-modal .todo-upload-field{
  display:grid!important;
  gap:8px!important;
}
#modal .todo-task-modal .todo-proof-large,
#modal .todo-task-modal .todo-proof-drop{
  display:grid!important;
  place-items:center!important;
  min-height:132px!important;
  border:.5px solid rgba(244,244,241,.13)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.025)!important;
  color:rgba(244,244,241,.48)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#modal .todo-task-modal .todo-proof-large img{
  width:100%!important;
  max-height:220px!important;
  object-fit:contain!important;
  display:block!important;
}
#modal .todo-task-modal .todo-detail-view{
  display:grid!important;
  gap:13px!important;
}
#modal .todo-task-modal .todo-detail-hero{
  display:grid!important;
  gap:7px!important;
  padding:0 0 12px!important;
  border-bottom:.5px solid rgba(244,244,241,.09)!important;
  background:transparent!important;
  box-shadow:none!important;
}
#modal .todo-task-modal .todo-detail-hero span{
  color:#7dd3fc!important;
  font-size:var(--mc-type-emphasized-body,.82rem)!important;
  font-weight:820!important;
}
#modal .todo-task-modal .todo-detail-view.review .todo-detail-hero span{color:#facc15!important}
#modal .todo-task-modal .todo-detail-view.done .todo-detail-hero span{color:#86efac!important}
#modal .todo-task-modal .todo-detail-view.cancel .todo-detail-hero span{color:rgba(244,244,241,.48)!important}
#modal .todo-task-modal .todo-detail-view.late .todo-detail-hero span{color:#ff9aad!important}
#modal .todo-task-modal .todo-detail-hero h3{
  margin:0!important;
  color:#fff!important;
  font-size:1.05rem!important;
  line-height:1.18!important;
}

/* <<< runtime/legacy/styles/blocks/tasks/todo/compatibility-foundation/001-base-slice-04-tasks-18-slice-04-part-02-seg-02-root-micro-03.css */


/* >>> runtime/legacy/styles/blocks/tasks/todo/compatibility-foundation/001-base-slice-04-tasks-19-slice-04-part-03-seg-01-root-unit-01.css */

/* Legacy ordered base slice 04 part 03; split from 001-base-slice-04-root.css. Keep import order stable. */
#modal .todo-task-modal .todo-detail-hero p,
#modal .todo-task-modal .todo-detail-note p{
  margin:0!important;
  color:rgba(244,244,241,.56)!important;
  font-size:var(--mc-type-body-control,.82rem)!important;
  line-height:1.55!important;
}
#modal .todo-task-modal .todo-detail-note{
  display:grid!important;
  gap:6px!important;
  padding:9px 0!important;
  border-top:.5px solid rgba(244,244,241,.08)!important;
  border-bottom:.5px solid rgba(244,244,241,.08)!important;
}
#modal .todo-task-modal .todo-detail-proof{
  display:grid!important;
  gap:7px!important;
}
#modal .todo-task-modal .todo-detail-proof img{
  width:100%!important;
  max-height:300px!important;
  object-fit:contain!important;
  border:.5px solid rgba(244,244,241,.14)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.025)!important;
  box-shadow:none!important;
}
@media(max-width:1180px){
  .main.page-todo .todo-task-row{
    grid-template-columns:78px minmax(260px,1fr) minmax(150px,.45fr) minmax(124px,.32fr)!important;
  }
  .main.page-todo .todo-task-proof{
    display:none!important;
  }
  .main.page-todo .todo-task-actions{
    grid-column:1/-1!important;
    justify-content:flex-start!important;
    padding-left:90px!important;
  }
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  .main.page-todo .todo-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .main.page-todo .todo-status-filter,
  .main.page-todo .todo-search-filter{
    width:100%!important;
    flex:1 1 100%!important;
  }
  .main.page-todo .todo-task-row{
    grid-template-columns:1fr!important;
    gap:6px!important;
    padding:11px 0!important;
  }
  .main.page-todo .todo-status-rail{
    grid-template-columns:7px minmax(0,1fr) auto!important;
  }
  .main.page-todo .todo-status-rail small{
    grid-column:3!important;
  }
  .main.page-todo .todo-task-actions{
    grid-column:auto!important;
    padding-left:0!important;
  }
  #modal .todo-task-modal .todo-task-form-grid,
  #modal .todo-task-modal .todo-proof-summary,
  #modal .todo-task-modal .todo-detail-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  .main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo)>.page-head,
  .main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo)>.tabs,
  .main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo)>.toolbar,
  .main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo)>.panel,
  .main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .settings-shell,
  .main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .att-report-shell,
  .main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .role-page{
    max-width:100%!important;
  }
  .main.page-system .sys-grid,
  .main.page-records .att-rule-summary,
  .main.page-records .att-rule-layout,
  .main.page-records .att-setting-grid,
  .main.page-system .role-page{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:1280px){
  .main.page-records .att-rule-layout{
    grid-template-columns:1fr!important;
  }
}
html[data-theme=light],
html[data-theme=dark],
html:not([data-theme=dark]){
  color-scheme:dark!important;
}

/* <<< runtime/legacy/styles/blocks/tasks/todo/compatibility-foundation/001-base-slice-04-tasks-19-slice-04-part-03-seg-01-root-unit-01.css */


/* >>> runtime/legacy/styles/blocks/foundations/root/compatibility-effects/001-base-slice-04-foundation-root-20-slice-04-part-03-seg-01-root-unit-02.css */

html[data-theme=light] body,
html[data-theme=dark] body,
html:not([data-theme=dark]) body,
html[data-theme=light] #root,
html[data-theme=dark] #root,
html:not([data-theme=dark]) #root,
html[data-theme=light] .app,
html[data-theme=dark] .app,
html:not([data-theme=dark]) .app{
  color:var(--text)!important;
  background:
    radial-gradient(circle at 14% 2%,rgba(96,165,250,.10),transparent 25%),
    radial-gradient(circle at 84% 12%,rgba(45,212,191,.065),transparent 28%),
    radial-gradient(circle at 54% 96%,rgba(168,85,247,.05),transparent 34%),
    linear-gradient(135deg,#07080c 0%,#10131a 44%,#1b1f28 100%)!important;
}
html[data-theme=light] .main,
html[data-theme=dark] .main,
html:not([data-theme=dark]) .main,
html[data-theme=light] .layout,
html[data-theme=dark] .layout,
html:not([data-theme=dark]) .layout{
  color:var(--text)!important;
  background:transparent!important;
}

/* <<< runtime/legacy/styles/blocks/foundations/root/compatibility-effects/001-base-slice-04-foundation-root-20-slice-04-part-03-seg-01-root-unit-02.css */


/* >>> runtime/legacy/styles/blocks/system/sync/compatibility-foundation/001-base-slice-04-system-21-slice-04-part-03-seg-02-root-nano-01.css */

/* Legacy ordered CSS segment; extracted from 001-base-slice-04-part-03-root.css. Keep import order stable. */


@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
:root{
    --admin-content-max:100%;
  }
  .main{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    padding:14px 18px 24px!important;
    font-size:15.75px!important;
  }
  .layout.side-collapsed .main{
    padding-left:18px!important;
    max-width:none!important;
  }
  .main>.page-head,
  .main>.tabs,
  .main>.toolbar,
  .main>.panel,
  .main>.grid,
  .main>.cards,
  .main .settings-shell,
  .main .sys-grid,
  .main .att-report-shell,
  .main .att-rule-shell,
  .main .role-page,
  .main .mind-layout,
  .main .org-layout,
  .main .rule-grid,
  .main .comms-layout,
  .main .tpl-list,
  .main .tpl-editor,
  .main .oa-launch-panel,
  .main .workbench-clean,
  .main .workbench-lower,
  .main .workbench-grid{
    width:100%!important;
    max-width:var(--admin-content-max)!important;
    margin-left:0!important;
    margin-right:auto!important;
  }
  .main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo)>.page-head,
  .main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo)>.tabs,
  .main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo)>.toolbar,
  .main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo)>.panel,
  .main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .settings-shell,
  .main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .att-report-shell,
  .main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .att-rule-shell,
  .main:is(.page-system,.page-system,.page-notifications,.page-employees,.page-emp,.page-org,.page-records,.page-records,.page-oa,.page-oadetail,.page-templates,.page-tpledit,.page-system,.page-todo) .role-page{
    width:100%!important;
    max-width:var(--admin-content-max)!important;
    margin-left:0!important;
    margin-right:auto!important;
  }
  .main .desc,
  .main .muted{
    font-size:.8rem!important;
  }
  .main .btn{
    min-height:32px!important;
    padding:7px 12px!important;
  }
  .main .btn.sm{
    min-height:28px!important;
    padding:5px 9px!important;
  }
  .main .tabs{
    width:max-content!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .main .tabs button{
    min-height:32px!important;
    padding:7px 12px!important;
    font-size:.8rem!important;
  }
  .main .toolbar{
    justify-content:flex-start!important;
  }
  .main .toolbar input,
  .main .toolbar select,
  .main .input,
  .main .field input,
  .main .field select,
  .main .field textarea{
    min-height:34px!important;
    font-size:.82rem!important;
  }
  .main .table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
  }
  .main table{
    width:100%!important;
  }
  .main table th,
  .main table td{
    padding:8px 10px!important;
  }
  .main.page-employees .panel,
  .main.page-emp .panel,
  .main.page-system>.panel,
  .main.page-notifications>.panel,
  .main.page-oa>.panel{
    width:100%!important;
  }
}

/* <<< runtime/legacy/styles/blocks/system/sync/compatibility-foundation/001-base-slice-04-system-21-slice-04-part-03-seg-02-root-nano-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-04-shared-cross-surface-22-slice-04-part-03-seg-02-root-nano-02-unit-01.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
.main.page-employees>.panel{
    display:grid!important;
    grid-template-columns:240px minmax(0,1fr)!important;
    gap:16px!important;
    align-items:start!important;
  }
  .main.page-system .role-page{
    grid-template-columns:220px minmax(0,1fr)!important;
  }
  .main.page-system .role-main{
    min-width:0!important;
  }
  .main.page-system .perm-grp .pb{
    grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;
  }
  .main.page-system .settings-shell{
    max-width:min(1320px,100%)!important;
  }
  .main.page-system .sys-grid{
    grid-template-columns:repeat(2,minmax(260px,1fr))!important;
  }
  .main.page-records .att-report-grid{
    grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr)!important;
  }
  html body .main:not(.page-networkDiag):not(.page-workbench)>.page-head,
  html body .main:not(.page-networkDiag):not(.page-workbench)>.tabs,
  html body .main:not(.page-networkDiag):not(.page-workbench)>.toolbar,
  html body .main:not(.page-networkDiag):not(.page-workbench)>.panel,
  html body .main:not(.page-networkDiag):not(.page-workbench)>.grid,
  html body .main:not(.page-networkDiag):not(.page-workbench)>.cards,
  html body .main:not(.page-networkDiag):not(.page-workbench)>.att-report-shell,
  html body .main:not(.page-networkDiag):not(.page-workbench)>.att-rule-shell,
  html body .main:not(.page-networkDiag):not(.page-workbench)>.settings-shell,
  html body .main:not(.page-networkDiag):not(.page-workbench)>.role-page,
  html body .main:not(.page-networkDiag):not(.page-workbench)>.tpl-list,
  html body .main:not(.page-networkDiag):not(.page-workbench)>.tpl-editor,
  html body .main:not(.page-networkDiag):not(.page-workbench)>.oa-launch-panel{
    width:100%!important;
    max-width:var(--admin-content-max)!important;
    margin-left:0!important;
    margin-right:auto!important;
  }
  html body .main.page-employees>.panel,
  html body .main.page-emp>.panel,
  html body .main.page-system>.panel,
  html body .main.page-notifications>.panel,
  html body .main.page-oa>.panel{
    width:100%!important;
    max-width:var(--admin-content-max)!important;
    margin-left:0!important;
    margin-right:auto!important;
  }
  html body .layout.side-collapsed .main:not(.page-networkDiag):not(.page-workbench)>.page-head,
  html body .layout.side-collapsed .main:not(.page-networkDiag):not(.page-workbench)>.tabs,
  html body .layout.side-collapsed .main:not(.page-networkDiag):not(.page-workbench)>.toolbar,
  html body .layout.side-collapsed .main:not(.page-networkDiag):not(.page-workbench)>.panel,
  html body .layout.side-collapsed .main:not(.page-networkDiag):not(.page-workbench)>.grid,
  html body .layout.side-collapsed .main:not(.page-networkDiag):not(.page-workbench)>.cards,
  html body .layout.side-collapsed .main:not(.page-networkDiag):not(.page-workbench)>.att-report-shell,
  html body .layout.side-collapsed .main:not(.page-networkDiag):not(.page-workbench)>.att-rule-shell,
  html body .layout.side-collapsed .main:not(.page-networkDiag):not(.page-workbench)>.settings-shell,
  html body .layout.side-collapsed .main:not(.page-networkDiag):not(.page-workbench)>.role-page,
  html body .layout.side-collapsed .main:not(.page-networkDiag):not(.page-workbench)>.tpl-list,
  html body .layout.side-collapsed .main:not(.page-networkDiag):not(.page-workbench)>.tpl-editor,
  html body .layout.side-collapsed .main:not(.page-networkDiag):not(.page-workbench)>.oa-launch-panel{
    width:100%!important;
    max-width:var(--admin-content-max)!important;
    margin-left:0!important;
    margin-right:auto!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-04-shared-cross-surface-22-slice-04-part-03-seg-02-root-nano-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/theme-foundation-wave/001-base-slice-04-mobile-compatibility-23-slice-04-part-03-seg-02-root-nano-02-unit-02.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body .main.page-employees>div[style*="display:flex"]{
    width:100%!important;
    max-width:var(--admin-content-max)!important;
    margin-left:0!important;
    margin-right:auto!important;
    gap:16px!important;
  }
  html body .main.page-employees>div[style*="display:flex"]>.panel[style*="width:240px"],
  html body .main.page-employees div[style*="display:flex"]>.panel[style*="width:240px"]{
    flex:0 0 240px!important;
    width:240px!important;
    min-width:240px!important;
    max-width:240px!important;
  }
  html body .main.page-employees>div[style*="display:flex"]>div[style*="flex:1"],
  html body .main.page-employees div[style*="display:flex"]>div[style*="flex:1"]{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
  }
  html body .main.page-employees>div[style*="display:flex"]>div[style*="flex:1"]>.panel,
  html body .main.page-employees div[style*="display:flex"]>div[style*="flex:1"]>.panel{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  html body .main.page-employees div[style*="flex:1"] .table-wrap{
    width:100%!important;
    max-width:100%!important;
  }
}
@media(min-width:1600px){
  .main{
    font-size:16px!important;
    padding-right:22px!important;
  }
  .main.page-system .settings-shell{
    max-width:min(1440px,100%)!important;
  }
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  .main{
    font-size:14px!important;
  }
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/theme-foundation-wave/001-base-slice-04-mobile-compatibility-23-slice-04-part-03-seg-02-root-nano-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-foundation/001-base-slice-04-left-navigation-24-slice-04-part-03-seg-02-root-nano-03-malformed-retained.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  .side,
  .layout.side-collapsed .side{
    position:sticky!important;
    top:60px!important;
    align-self:flex-start!important;
    max-height:calc(100dvh - 68px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }
  .side-collapse-nav,
  .side.collapsed .side-collapse-nav{
    width:100%!important;
    min-width:0!important;
    height:30px!important;
    min-height:30px!important;
    margin:0 0 5px!important;
    padding:0 7px!important;
    justify-content:flex-end!important;
    cursor:pointer!important;
  }
  .side.collapsed .side-collapse-nav{
    justify-content:center!important;
  }
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  .side,
  .layout.side-collapsed .side{
    position:fixed!important;
    top:62px!important;
    max-height:calc(100dvh - 74px)!important;
  }
}

html[data-theme=light],

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-foundation/001-base-slice-04-left-navigation-24-slice-04-part-03-seg-02-root-nano-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/foundations/root/compatibility-effects/001-base-slice-04-foundation-root-25-slice-04-part-03-seg-03-root-malformed-retained.css */

/* Legacy ordered CSS segment; extracted from 001-base-slice-04-part-03-root.css. Keep import order stable. */
html:not([data-theme=dark]){
  color-scheme:light!important;
  --brand:#2563eb!important;
  --brand-dark:#1d4ed8!important;
  --brand-soft:rgba(37,99,235,.10)!important;
  --accent:#0f766e!important;
  --on-brand:#ffffff!important;
  --bg:#f4f6fb!important;
  --bg-subtle:#eef3f9!important;
  --chip:#eef2f7!important;
  --panel:#ffffff!important;
  --text:#111827!important;
  --soft:#64748b!important;
  --line:#dbe3ef!important;
  --grad:linear-gradient(135deg,#2563eb,#0f766e)!important;
  --grad-soft:linear-gradient(135deg,rgba(37,99,235,.10),rgba(15,118,110,.08))!important;
}
html[data-theme=light] body,
html:not([data-theme=dark]) body,

/* <<< runtime/legacy/styles/blocks/foundations/root/compatibility-effects/001-base-slice-04-foundation-root-25-slice-04-part-03-seg-03-root-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/foundations/root/compatibility/001-base-slice-04-enterprise-entry.css */

/* Enterprise compatibility entry. Ordered owner files preserve the original slice-04 cascade and malformed legacy files. */

/* <<< runtime/legacy/styles/blocks/foundations/root/compatibility/001-base-slice-04-enterprise-entry.css */


/* >>> runtime/legacy/styles/index-parts/index-part-01.css */

/* Legacy CSS entry part 1/7. Keep import order stable. */

/* <<< runtime/legacy/styles/index-parts/index-part-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-05-shared-cross-surface-01-slice-05-part-01-seg-01-html-data-theme-light-ro-micro-01-unit-01.css */

/* Legacy ordered base slice 05 part 01; split from 001-base-slice-05-html-data-theme-light-ro.css. Keep import order stable. */
html[data-theme=light] #root,
html:not([data-theme=dark]) #root,
html[data-theme=light] .app,
html:not([data-theme=dark]) .app{
  color:var(--text)!important;
  background:
    radial-gradient(circle at 16% 4%,rgba(37,99,235,.12),transparent 27%),
    radial-gradient(circle at 84% 10%,rgba(45,212,191,.10),transparent 30%),
    linear-gradient(135deg,#f7f9fd 0%,#eef3f9 52%,#f8fafc 100%)!important;
}
html[data-theme=light] .topbar,
html:not([data-theme=dark]) .topbar,
html[data-theme=light] .side,
html:not([data-theme=dark]) .side,
html[data-theme=light] .panel,
html:not([data-theme=dark]) .panel,
html[data-theme=light] .modal,
html:not([data-theme=dark]) .modal,
html[data-theme=light] .notif-drop,
html:not([data-theme=dark]) .notif-drop{
  color:var(--text)!important;
  background:rgba(255,255,255,.82)!important;
  border-color:rgba(148,163,184,.28)!important;
  box-shadow:0 20px 70px -56px rgba(15,23,42,.34),inset 0 1px 0 rgba(255,255,255,.62)!important;
}
html[data-theme=light] input,
html:not([data-theme=dark]) input,
html[data-theme=light] select,
html:not([data-theme=dark]) select,
html[data-theme=light] textarea,
html:not([data-theme=dark]) textarea{
  color:var(--text)!important;
  background:#ffffff!important;
  border-color:var(--line)!important;
}
.auth.auth-v2,
html[data-theme=dark] .auth.auth-v2{
  --auth-x:50%;
  --auth-y:42%;
  background:
    radial-gradient(circle at var(--auth-x) var(--auth-y),rgba(255,255,255,.20),transparent 22%),
    radial-gradient(circle at calc(var(--auth-x) + 14%) calc(var(--auth-y) + 18%),rgba(56,189,248,.16),transparent 34%),
    radial-gradient(circle at calc(var(--auth-x) - 22%) calc(var(--auth-y) + 30%),rgba(99,102,241,.14),transparent 38%),
    linear-gradient(135deg,#07080c 0%,#10131a 44%,#1b1f28 100%)!important;
}
html[data-theme=light] .auth.auth-v2,
html:not([data-theme=dark]) .auth.auth-v2{
  color:#111827!important;
  background:
    radial-gradient(circle at var(--auth-x) var(--auth-y),rgba(37,99,235,.20),transparent 23%),
    radial-gradient(circle at calc(var(--auth-x) + 16%) calc(var(--auth-y) + 22%),rgba(20,184,166,.14),transparent 34%),
    radial-gradient(circle at calc(var(--auth-x) - 24%) calc(var(--auth-y) + 32%),rgba(99,102,241,.12),transparent 38%),
    linear-gradient(135deg,#f8fafc 0%,#edf2fb 48%,#f6f8fc 100%)!important;
}
html[data-theme=light] .auth-panel.auth-panel-v2,
html:not([data-theme=dark]) .auth-panel.auth-panel-v2{
  color:#111827!important;
  background:rgba(255,255,255,.68)!important;
  border-color:rgba(148,163,184,.34)!important;
  box-shadow:0 30px 90px -54px rgba(15,23,42,.32),inset 0 1px 0 rgba(255,255,255,.72)!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html,body,#root,.app,.layout{min-height:100dvh!important}
  body{overflow-x:hidden!important;overscroll-behavior:none}
  .app{width:100vw!important;min-height:100dvh!important}
  .topbar{height:calc(52px + env(safe-area-inset-top))!important;padding-top:env(safe-area-inset-top)!important}
  .layout{min-height:calc(100dvh - 52px)!important;padding-left:max(8px,env(safe-area-inset-left))!important;padding-right:max(8px,env(safe-area-inset-right))!important}
  .main{min-height:calc(100dvh - 60px)!important;padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
  .panel{border-radius:14px!important}
  .auth.auth-v2{min-height:100dvh!important}
}
.side .grp-sep,
.side.collapsed .grp-sep{
  display:block!important;
  height:3px!important;
  margin:17px 12px 13px!important;
  border:0!important;
  border-radius:999px!important;
  background:
    linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--brand) 34%,var(--line)) 15%,color-mix(in srgb,var(--brand) 70%,var(--accent)) 46%,color-mix(in srgb,var(--accent) 46%,var(--line)) 78%,transparent 100%)!important;
  position:relative!important;
  overflow:visible!important;
  box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 0 8px color-mix(in srgb,var(--brand) 18%,transparent)!important;
  opacity:.88!important;
}
.side .grp-sep::after{
  content:none!important;
  display:none!important;
}
.side .grp.grp-admin{
  margin-top:3px!important;
  padding-top:7px!important;
  color:var(--brand)!important;
  font-weight:800!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-05-shared-cross-surface-01-slice-05-part-01-seg-01-html-data-theme-light-ro-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-05-shared-cross-surface-02-slice-05-part-01-seg-01-html-data-theme-light-ro-micro-01-unit-02.css */

.side .grp.grp-admin::before{
  display:inline-block!important;
  content:""!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,var(--brand),var(--accent))!important;
  box-shadow:0 0 12px color-mix(in srgb,var(--brand) 46%,transparent)!important;
  opacity:1!important;
}
.side.collapsed .grp{
  display:none!important;
}
.side.collapsed .grp-sep{
  width:30px!important;
  height:3px!important;
  margin:13px auto 11px!important;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--brand) 76%,var(--line)),color-mix(in srgb,var(--accent) 62%,var(--line)),transparent)!important;
}
.side.collapsed .grp-sep::after{
  content:none!important;
  display:none!important;
}
.notif-drop .nd-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 12px!important;
}
.notif-drop .nd-head-title{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-05-shared-cross-surface-02-slice-05-part-01-seg-01-html-data-theme-light-ro-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/compatibility-foundation/001-base-slice-05-notifications-03-slice-05-part-01-seg-01-html-data-theme-light-ro-micro-02-unit-01.css */

.notif-drop .nd-head-title .nd-bell{
  width:30px!important;
  height:30px!important;
  border-radius:10px!important;
  flex:0 0 30px!important;
}
.notif-drop .nd-head-title>div{
  min-width:0!important;
  display:flex!important;
  align-items:baseline!important;
  gap:8px!important;
  white-space:nowrap!important;
}
.notif-drop .nd-head-title b{
  display:inline!important;
  font-size:.86rem!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.notif-drop .nd-head-title>div>span{
  display:inline!important;
  margin:0!important;
  font-size:.68rem!important;
  color:var(--soft)!important;
  white-space:nowrap!important;
}
.notif-drop .nd-head-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  min-width:0!important;
  white-space:nowrap!important;
}
.notif-drop .nd-head-actions .btn,
.notif-drop .nd-filter-toggle,
.notif-drop .nd-unread-pill{
  height:28px!important;
  padding:4px 8px!important;
  font-size:.68rem!important;
  line-height:1!important;
}

/* <<< runtime/legacy/styles/blocks/notifications/drawer/compatibility-foundation/001-base-slice-05-notifications-03-slice-05-part-01-seg-01-html-data-theme-light-ro-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-05-shared-cross-surface-04-slice-05-part-01-seg-01-html-data-theme-light-ro-micro-02-unit-02.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  .side-backdrop{
    top:0!important;
    background:rgba(15,23,42,.36)!important;
    -webkit-backdrop-filter:blur(8px) saturate(1.08)!important;
-webkit-backdrop-filter:blur(8px) saturate(1.08)!important;backdrop-filter:blur(8px) saturate(1.08)!important;
  }
  .side,
  .layout.side-collapsed .side{
    position:fixed!important;
    left:50%!important;
    top:calc(50% + env(safe-area-inset-top)/2)!important;
    right:auto!important;
    bottom:auto!important;
    width:min(310px,calc(100vw - 42px))!important;
    max-width:calc(100vw - 42px)!important;
    max-height:min(74dvh,620px)!important;
    padding:12px!important;
    border-radius:22px!important;
    transform:translate(-50%,-44%) scale(.96)!important;
    opacity:0!important;
    pointer-events:none!important;
    z-index:70!important;
    box-shadow:0 28px 90px -44px rgba(15,23,42,.72),inset 0 1px 0 rgba(255,255,255,.18)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
  .side.open,
  .layout.side-collapsed .side.open{
    transform:translate(-50%,-50%) scale(1)!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .side.collapsed{
    width:min(310px,calc(100vw - 42px))!important;
  }
  .side.collapsed .grp{
    display:block!important;
  }
  .side.collapsed .grp-sep{
    width:auto!important;
    height:1px!important;
    margin:14px 10px 12px!important;
  }
  .side.collapsed .nav{
    width:auto!important;
    height:auto!important;
    min-height:42px!important;
    margin:2px 0!important;
    padding:11px 12px!important;
    justify-content:flex-start!important;
  }
  .side.collapsed .nav .nav-label{
    display:inline!important;
  }
  .side.collapsed .nav .ic{
    display:grid!important;
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;
  }
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  body:not(.employee-mobile-workbench) .main.page-workbench .workbench-notif-slot,
  body:not(.employee-mobile-workbench) .main.page-workbench .wb-notif{
    display:none!important;
  }
  body:not(.employee-mobile-workbench) .main.page-workbench .workbench-triple,
  body:not(.employee-mobile-workbench) .main.page-workbench .workbench-clean{
    grid-template-rows:minmax(0,1fr) minmax(0,.84fr)!important;
  }
  body.admin-mobile-workbench .main.page-workbench .workbench-triple,
  body.admin-mobile-workbench .main.page-workbench .workbench-clean{
    grid-template-rows:minmax(0,1fr)!important;
    grid-template-columns:1fr!important;
  }
}
:root{
  --mc-topbar-h:46px;
  --mc-head-h:72px;
  --mc-sticky-glass:color-mix(in srgb,var(--glass-panel-strong) 82%,transparent);
  --mc-sticky-line:color-mix(in srgb,var(--glass-line) 72%,transparent);
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-05-shared-cross-surface-04-slice-05-part-01-seg-01-html-data-theme-light-ro-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/workbench/compatibility-foundation/001-base-slice-05-workbench-05-slice-05-part-01-seg-01-html-data-theme-light-ro-micro-03.css */

.main .tabs,
.main .toolbar,
.main .view-toolbar{
  -webkit-backdrop-filter:blur(18px) saturate(1.12)!important;
-webkit-backdrop-filter:blur(18px) saturate(1.12)!important;backdrop-filter:blur(18px) saturate(1.12)!important;
  background:var(--mc-sticky-glass)!important;
  border:1px solid var(--mc-sticky-line)!important;
  box-shadow:0 18px 48px -36px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.main .tabs,
.main .toolbar,
.main .view-toolbar{
  position:sticky!important;
  top:var(--mc-head-h)!important;
  z-index:61!important;
  border-radius:14px!important;
  margin-top:0!important;
  margin-bottom:8px!important;
}
.main:not(.page-workbench) .panel:has(> .tabs),
.main:not(.page-workbench) .panel:has(> .toolbar),
.main:not(.page-workbench) .panel:has(> .view-toolbar){
  position:sticky!important;
  top:var(--mc-head-h)!important;
  z-index:61!important;
  background:var(--mc-sticky-glass)!important;
  border:1px solid var(--mc-sticky-line)!important;
  border-radius:14px!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12)!important;
-webkit-backdrop-filter:blur(18px) saturate(1.12)!important;backdrop-filter:blur(18px) saturate(1.12)!important;
  box-shadow:0 18px 48px -36px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.main:not(.page-workbench) .panel:has(> .tabs)> .tabs,
.main:not(.page-workbench) .panel:has(> .toolbar)> .toolbar,
.main:not(.page-workbench) .panel:has(> .view-toolbar)> .view-toolbar{
  position:static!important;
  top:auto!important;
  margin-bottom:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  .topbar{
    height:var(--mc-topbar-h)!important;
    min-height:var(--mc-topbar-h)!important;
    margin-top:0!important;
  }
  .layout{
    padding-top:0!important;
  }
  .main{
    padding-top:0!important;
    overflow:auto!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shell/workbench/compatibility-foundation/001-base-slice-05-workbench-05-slice-05-part-01-seg-01-html-data-theme-light-ro-micro-03.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-05-shared-cross-surface-06-slice-05-part-01-seg-02-html-data-theme-light-ro-micro-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-05-part-01-html-data-theme-light-ro.css. Keep import order stable. */
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  :root{
    --mc-topbar-h:calc(var(--mc-mobile-topbar-h) + env(safe-area-inset-top));
    --mc-head-h:72px;
  }
  .layout{
    padding-top:0!important;
  }
  .main:not(.page-workbench)>.page-head{
    position:sticky!important;
    top:0!important;
    z-index:62!important;
    padding:5px 10px!important;
    margin:0 0 6px!important;
    border-radius:14px!important;
  }
  .main:not(.page-workbench) .tabs,
  .main:not(.page-workbench) .toolbar,
  .main:not(.page-workbench) .view-toolbar{
    position:sticky!important;
    top:var(--mc-head-h)!important;
    z-index:61!important;
    border-radius:13px!important;
  }
  body.employee-mobile-workbench .main.page-workbench{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-bottom:calc(112px + env(safe-area-inset-bottom))!important;
    min-height:calc(100dvh - var(--mc-topbar-h))!important;
  }
  body.employee-mobile-workbench .main.page-workbench .employee-workbench-compact.employee-punch-only,
  body.employee-mobile-workbench .main.page-workbench .work-punch-stage{
    overflow:visible!important;
    padding-bottom:22px!important;
  }
  body.employee-mobile-workbench .main.page-workbench .work-punch-stage .punch-orb{
    margin-bottom:18px!important;
  }
  .side-backdrop{
    display:none!important;
    pointer-events:none!important;
  }
  .side,
  .layout.side-collapsed .side,
  .side.collapsed{
    position:fixed!important;
    left:0!important;
    right:auto!important;
    top:calc(var(--mc-topbar-h) + 4px)!important;
    bottom:auto!important;
    width:min(54vw,210px)!important;
    min-width:136px!important;
    max-width:210px!important;
    padding:10px 8px 14px!important;
    border-left:0!important;
    border-radius:0 18px 18px 0!important;
    transform:translateX(calc(-100% - 10px))!important;
    opacity:1!important;
    pointer-events:auto!important;
    z-index:82!important;
    height:auto!important;
    max-height:calc(100dvh - var(--mc-topbar-h) - 18px - env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    background:color-mix(in srgb,var(--glass-panel-strong) 86%,transparent)!important;
    border-color:var(--mc-sticky-line)!important;
    box-shadow:18px 22px 58px -38px rgba(0,0,0,.76),inset 0 1px 0 rgba(255,255,255,.12)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.12)!important;
-webkit-backdrop-filter:blur(18px) saturate(1.12)!important;backdrop-filter:blur(18px) saturate(1.12)!important;
  }
  .side.open,
  .layout.side-collapsed .side.open,
  .side.open.collapsed{
    transform:translateX(0)!important;
  }
  .side .nav{
    min-height:36px!important;
    padding:8px 9px!important;
  }
  .side .nav .nav-label{
    max-width:150px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-05-shared-cross-surface-06-slice-05-part-01-seg-02-html-data-theme-light-ro-micro-01.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/compatibility-foundation/001-base-slice-05-notifications-07-slice-05-part-01-seg-02-html-data-theme-light-ro-micro-02-unit-01.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html,
  body,
  #root,
  .app{
    height:100dvh!important;
    min-height:100dvh!important;
    overflow:hidden!important;
  }
  .app{
    display:flex!important;
    flex-direction:column!important;
  }
  .layout{
    flex:1 1 auto!important;
    min-height:0!important;
    height:calc(100dvh - var(--mc-topbar-h))!important;
    overflow:hidden!important;
    align-items:stretch!important;
  }
  .side,
  .layout.side-collapsed .side{
    top:0!important;
    max-height:100%!important;
    height:100%!important;
  }
  .main{
    flex:1 1 auto!important;
    min-height:0!important;
    height:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    scrollbar-gutter:stable!important;
    padding-top:8px!important;
  }
  @supports (scrollbar-gutter: stable){.main{scrollbar-gutter:stable!important}}
  .main .tabs,
  .main .toolbar,
  .main .view-toolbar,
  .main.page-records .att-rule-summary,
  .main.page-system>.panel>div:first-child{
    position:sticky!important;
    top:74px!important;
    z-index:82!important;
    background:var(--mc-sticky-glass)!important;
    border:1px solid var(--mc-sticky-line)!important;
    border-radius:14px!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.12)!important;
-webkit-backdrop-filter:blur(18px) saturate(1.12)!important;backdrop-filter:blur(18px) saturate(1.12)!important;
    box-shadow:0 18px 48px -38px rgba(0,0,0,.64),inset 0 1px 0 rgba(255,255,255,.10)!important;
  }
  .main.page-records .att-rule-summary{
    padding:7px!important;
    margin:0 0 8px!important;
  }
  .main.page-system>.panel>div:first-child{
    padding:8px 10px!important;
    margin:0 0 8px!important;
  }
}
.main .nd-page-head,
.nd-page-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
}
.nd-page-head p{
  max-width:none!important;
}
.nd-headline{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  max-width:100%!important;
  color:var(--soft)!important;
  font-size:.75rem!important;
  white-space:nowrap!important;
}
.nd-toolbar{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  height:40px!important;
  padding:3px!important;
  border-radius:999px!important;
  border:1px solid color-mix(in srgb,var(--mc-sticky-line) 84%,transparent)!important;
  background:color-mix(in srgb,var(--panel) 44%,transparent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.nd-toolbar .top-ico{
  width:17px!important;
  height:17px!important;
  stroke-width:2.25!important;
}

/* <<< runtime/legacy/styles/blocks/notifications/drawer/compatibility-foundation/001-base-slice-05-notifications-07-slice-05-part-01-seg-02-html-data-theme-light-ro-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/compatibility-foundation/001-base-slice-05-notifications-08-slice-05-part-01-seg-02-html-data-theme-light-ro-micro-02-unit-02.css */

.nd-action,
.nd-action.btn,
.nd-action.btn.sm{
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  color:var(--soft)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.nd-action:hover,
.nd-action.btn:hover{
  color:var(--text)!important;
  background:color-mix(in srgb,var(--brand) 14%,transparent)!important;
  transform:none!important;
}
.nd-action.primary,
.nd-action.btn.primary{
  color:var(--brand)!important;
  background:color-mix(in srgb,var(--brand) 17%,transparent)!important;
}

/* <<< runtime/legacy/styles/blocks/notifications/drawer/compatibility-foundation/001-base-slice-05-notifications-08-slice-05-part-01-seg-02-html-data-theme-light-ro-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/compatibility-foundation/001-base-slice-05-notifications-09-slice-05-part-01-seg-02-html-data-theme-light-ro-micro-03.css */

.nd-count{
  min-width:48px!important;
  height:32px!important;
  padding:0 11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  border:1px solid color-mix(in srgb,var(--line) 62%,transparent)!important;
  background:color-mix(in srgb,var(--bg-subtle) 68%,transparent)!important;
  color:var(--text)!important;
  font-family:var(--mono)!important;
  font-size:var(--mc-type-emphasized-body,.82rem)!important;
  font-weight:850!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums!important;
  text-align:center!important;
}
.main.page-networkDiag .nd-source{
  display:none!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  .nd-page-head{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .nd-page-head .head-actions{
    width:100%!important;
    justify-content:flex-start!important;
  }
  .nd-toolbar{
    width:auto!important;
    max-width:100%!important;
  }
}

.tpl-builder{display:grid;gap:12px}
.tpl-builder-top{position:sticky;top:var(--mc-head-h,58px);z-index:62;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border-radius:18px;background:color-mix(in srgb,var(--panel) 76%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.12);backdrop-filter:blur(18px) saturate(1.12);box-shadow:0 18px 54px -44px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.10)}
.tpl-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.tpl-step{border:0;background:transparent;color:var(--soft);display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:center;text-align:left;border-radius:14px;padding:8px;min-width:0}
.tpl-step i{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:color-mix(in srgb,var(--bg-subtle) 74%,transparent);color:var(--soft);font-style:normal;font-weight:900}
.tpl-step b{display:block;color:var(--text);font-size:var(--mc-type-emphasized-body,.82rem);line-height:1.1}
.tpl-step small{display:block;font-size:.66rem;color:var(--soft);line-height:1.1;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tpl-step.active{background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--brand)}
.tpl-step.active i{background:var(--brand);color:#fff}
.tpl-builder-actions{display:flex;gap:8px;align-items:center}
.tpl-glass{background:color-mix(in srgb,var(--panel) 78%,transparent)!important;border:0!important;border-radius:18px!important;padding:14px!important;box-shadow:0 20px 58px -48px rgba(0,0,0,.78),inset 0 1px 0 rgba(255,255,255,.08)!important;-webkit-backdrop-filter:blur(14px) saturate(1.08);backdrop-filter:blur(14px) saturate(1.08);min-width:0}
.tpl-section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px}
.tpl-section-title b{font-size:.96rem}
.tpl-section-title span{font-size:.72rem;color:var(--soft);text-align:right}
.tpl-base-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:12px}
.tpl-toggle-row,.tpl-setting-list{display:flex;flex-wrap:wrap;gap:8px}
.tpl-metrics{display:grid;gap:8px}
.tpl-metric{border-radius:14px;background:color-mix(in srgb,var(--bg-subtle) 72%,transparent);padding:11px 12px}
.tpl-metric span{display:block;color:var(--soft);font-size:.7rem}
.tpl-metric b{display:block;font-size:var(--mc-type-metric-display,1.05rem);margin-top:2px}
.tpl-metric small{display:block;color:var(--soft);font-size:.68rem;margin-top:2px}
.tpl-metric.ok b{color:var(--ok)}
.tpl-design-grid{display:grid;grid-template-columns:190px minmax(430px,1fr) 290px;gap:12px;align-items:start}
.tpl-flow-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px;align-items:start}
.tpl-palette{gap:6px!important}
.tpl-palette-btn{display:grid!important;grid-template-columns:28px minmax(0,1fr) auto!important;align-items:center!important;background:transparent!important;border:0!important;border-radius:12px!important;padding:8px!important}
.tpl-palette-btn i{width:28px;height:28px;border-radius:10px;background:color-mix(in srgb,var(--brand) 13%,transparent);display:grid;place-items:center;font-style:normal;font-weight:900;color:var(--brand)}
.tpl-palette-btn b{font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tpl-palette-btn span{font-size:.64rem}
.tpl-field-list{display:grid;gap:7px}
.tpl-field-row.active{background:color-mix(in srgb,var(--brand) 12%,var(--panel));box-shadow:inset 3px 0 0 var(--brand)}
.tpl-field-row .req{color:var(--danger);font-weight:900}
.tpl-form-stage{display:grid;grid-template-columns:minmax(220px,.88fr) minmax(250px,340px);gap:14px;align-items:start}
.tpl-phone{width:min(320px,100%);margin:auto;border-radius:34px;padding:16px 10px 12px;background:linear-gradient(145deg,#f8fafc,#cbd5e1);box-shadow:0 24px 60px -34px rgba(0,0,0,.9)}
html[data-theme=dark] .tpl-phone{background:linear-gradient(145deg,#2a2f39,#101217)}
.tpl-phone-notch{width:92px;height:18px;border-radius:0 0 14px 14px;background:#0b0b0f;margin:0 auto 8px}
.tpl-phone-screen{min-height:430px;border-radius:24px;background:color-mix(in srgb,var(--panel) 96%,transparent);padding:14px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 55%,transparent)}
.tpl-phone-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}
.tpl-phone-head b{font-size:.96rem}
.tpl-phone-head span{font-size:.68rem;color:var(--soft)}
.tpl-phone-field{padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent)}
.tpl-phone-field label{display:flex;justify-content:space-between;color:var(--soft);font-size:.72rem;margin-bottom:5px}
.tpl-phone-field em{color:var(--danger);font-style:normal}
.tpl-phone-input,.tpl-phone-textarea,.tpl-phone-upload,.tpl-phone-sign{border-radius:12px;background:color-mix(in srgb,var(--bg-subtle) 78%,transparent);padding:8px 10px;color:var(--text);font-size:.78rem;min-height:34px}
.tpl-phone-textarea{min-height:66px}
.tpl-phone-options{display:grid;gap:5px;font-size:.75rem}
.tpl-phone-options span{border-radius:999px;background:color-mix(in srgb,var(--bg-subtle) 78%,transparent);padding:6px 9px}
.tpl-phone-upload{display:flex;justify-content:space-between;align-items:center;color:var(--soft)}
.tpl-phone-sign{min-height:70px;color:var(--soft);display:grid;place-items:center;border:1px dashed color-mix(in srgb,var(--line) 85%,transparent)}
.tpl-phone-empty{height:340px;display:grid;place-items:center;text-align:center;color:var(--soft);font-size:var(--mc-type-secondary-body,.76rem);padding:24px}
.tpl-flow-main{min-height:520px}
.tpl-flow-canvas{position:relative;display:grid;justify-items:center;gap:10px;padding:18px 10px;min-height:480px;overflow:auto}
.tpl-flow-line{position:absolute;top:22px;bottom:22px;left:50%;width:2px;background:linear-gradient(var(--brand),color-mix(in srgb,var(--brand) 22%,transparent));opacity:.45}
.tpl-flow-card{position:relative;z-index:1;width:min(420px,92%);border-radius:16px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 18px 46px -40px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.08);padding:10px}
.tpl-flow-card-head{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center}

/* <<< runtime/legacy/styles/blocks/notifications/drawer/compatibility-foundation/001-base-slice-05-notifications-09-slice-05-part-01-seg-02-html-data-theme-light-ro-micro-03.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-05-shared-cross-surface-10-slice-05-part-01-seg-02-html-data-theme-light-ro-micro-04.css */

.tpl-flow-card-head i{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:var(--brand);color:#fff;font-style:normal;font-weight:900;font-size:var(--mc-type-emphasized-body,.82rem)}
.tpl-flow-card.start .tpl-flow-card-head i,.tpl-flow-card.end .tpl-flow-card-head i{background:var(--ok)}
.tpl-flow-card-head input{width:100%;border:0!important;background:transparent!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;padding:4px 0!important;font-weight:850}
.tpl-flow-card-head b{display:block;font-size:.88rem}
.tpl-flow-card-head small{display:block;color:var(--soft);font-size:.7rem;margin-top:2px}
.tpl-flow-card-head em{display:flex;gap:2px;font-style:normal}
.tpl-flow-card .x,.tpl-field-row .x{width:22px;height:22px;border-radius:999px;border:0;background:color-mix(in srgb,var(--bg-subtle) 80%,transparent);color:var(--soft);font-weight:900;display:grid;place-items:center;padding:0}
.tpl-flow-card .x:hover,.tpl-field-row .x:hover{background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--brand)}
.tpl-flow-card-extra{margin-top:8px;padding-left:44px;display:grid;gap:6px}
.tpl-flow-plus{position:relative;z-index:2;width:28px;height:28px;border-radius:999px;border:0;background:var(--brand);color:#fff;font-weight:900;box-shadow:0 10px 26px -14px var(--brand)}
.tpl-advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:1180px){.tpl-design-grid,.tpl-flow-grid,.tpl-base-grid,.tpl-advanced-grid{grid-template-columns:1fr}.tpl-builder-top{position:static}.tpl-form-stage{grid-template-columns:1fr}.tpl-phone{max-width:340px}.tpl-props{position:static!important}}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){.tpl-builder-top{grid-template-columns:1fr;padding:8px;border-radius:16px}.tpl-steps{grid-template-columns:1fr 1fr}.tpl-step{grid-template-columns:26px minmax(0,1fr);padding:7px}.tpl-step i{width:26px;height:26px}.tpl-step small{display:none}.tpl-builder-actions{display:grid;grid-template-columns:1fr 1fr}.tpl-builder-actions .btn{justify-content:center}.tpl-design-grid,.tpl-flow-grid{gap:10px}.tpl-glass{padding:12px!important;border-radius:16px!important}.tpl-phone-screen{min-height:360px}.tpl-flow-main{min-height:420px}.tpl-flow-card{width:100%}.tpl-section-title{align-items:flex-start}.tpl-section-title span{text-align:left}}

.drag-handle{display:inline-grid;place-items:center;min-width:18px;color:color-mix(in srgb,var(--soft) 82%,transparent);font-weight:800;letter-spacing:0;cursor:grab;-webkit-user-select:none;user-select:none}
.is-dragging{opacity:.45!important;transform:scale(.99)!important}
.tree-row.is-dragging{opacity:1!important;position:relative;z-index:30;transform:scale(1.025)!important;outline:1px solid color-mix(in srgb,var(--brand) 58%,transparent)!important;background:color-mix(in srgb,var(--brand) 11%,var(--panel))!important;box-shadow:0 18px 42px -28px var(--brand),0 0 0 1px color-mix(in srgb,var(--brand) 18%,transparent)!important}
.sort-shift-up{transform:translateY(calc(-1 * var(--org-sort-step,36px)))}
.sort-shift-down{transform:translateY(var(--org-sort-step,36px))}
.sortable-item,.sortable-row,.sortable-tree-item,.sortable-section,.sortable-tab{transition:transform .16s ease,background .16s ease,box-shadow .16s ease,opacity .16s ease}
.sortable-row .drag-handle{margin-right:6px;vertical-align:middle}
.sortable-section{border-radius:18px}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-05-shared-cross-surface-10-slice-05-part-01-seg-02-html-data-theme-light-ro-micro-04.css */


/* >>> runtime/legacy/styles/blocks/shared/controls/compatibility-foundation/001-base-slice-05-controls-11-slice-05-part-02-seg-01-html-data-theme-light-ro-fine-01.css */

/* Legacy ordered base slice 05 part 02; split from 001-base-slice-05-html-data-theme-light-ro.css. Keep import order stable. */
.org-root-editor{display:grid;gap:6px;padding:10px;border:1px solid color-mix(in srgb,var(--brand) 16%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--panel) 72%,transparent)}
.org-root-editor label{font-size:.72rem;color:var(--soft);font-weight:700}
.org-root-editor>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}
.org-root-editor input{height:34px;border-radius:10px;border:var(--mc-border-line);background:color-mix(in srgb,var(--panel) 82%,transparent);color:var(--text);padding:0 10px}
.tree-branch{position:relative}
.tree-children{position:relative;margin-left:18px!important;padding-left:15px!important;border-left:0!important}
.tree-children::before{content:"";position:absolute;left:6px;top:-2px;bottom:17px;width:2px;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 44%,var(--line)),color-mix(in srgb,var(--brand) 20%,transparent))}
.tree-children>.tree-branch::before{content:"";position:absolute;left:-7px;top:50%;width:7px;border-top:2px solid color-mix(in srgb,var(--brand) 44%,var(--line));border-radius:0 999px 999px 0;transform:translateY(-50%)}
.tree-children>.tree-branch:last-child::after{display:none!important}
.org-manager-layout .tree-children{
  margin-left:14px!important;
  padding-left:4px!important;
  border-left:1px dashed color-mix(in srgb,var(--brand) 42%,var(--line))!important;
}
.org-manager-layout .tree-children::before{display:none!important}
.org-manager-layout .tree-children>.tree-branch::before{display:none!important}
.org-manager-layout .tree-children>div>.tree-row::before{
  left:-7px!important;
  width:7px!important;
  border-top:2px solid color-mix(in srgb,var(--brand) 44%,var(--line))!important;
  border-top-width:2px!important;
  height:auto!important;
  background:transparent!important;
  border-radius:0 999px 999px 0!important;
  transform:translateY(-50%)!important;
}
.org-manager-layout .tree-row.sortable-tree-item{border-radius:10px}
.org-drag-handle{width:18px;min-width:18px;height:24px;border:0;border-radius:8px;background:transparent;color:color-mix(in srgb,var(--soft) 78%,transparent);display:grid;place-items:center;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:background .14s ease,color .14s ease,transform .14s ease}
.org-drag-handle::before{content:"";width:14px;height:20px;background-image:radial-gradient(circle,currentColor 1.55px,transparent 1.75px);background-size:7px 7px;background-position:0 1px;opacity:.9}
.org-drag-handle:hover{background:color-mix(in srgb,var(--brand) 10%,transparent);color:var(--brand);transform:scale(1.05)}
.org-drag-handle:active{cursor:grabbing;transform:scale(1.12)}
.tree-row.has-sort-handle{gap:6px}
.org-root-dragging .employee-org-panel .tree-children,.org-root-dragging .org-manager-layout .tree-children{display:none!important}
.tree-branch.drag-collapse>.tree-children{display:none!important}
.sortable-tree-item{gap:5px;will-change:transform}
.field-designer-panel{padding:14px!important}
.field-designer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.field-designer-head b{display:block;font-size:1rem}
.field-designer-head span{display:block;color:var(--soft);font-size:.78rem;margin-top:2px}
.field-designer-grid{display:grid;gap:10px}
.field-group-card{border:0;border-radius:12px;background:transparent;padding:6px 0 8px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.field-group-card:last-child{border-bottom:0}
.field-group-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;margin-bottom:8px}
.field-group-head b{display:block}.field-group-head small,.field-config-main small{display:block;color:var(--soft);font-size:.72rem;margin-top:2px}
.field-row-list{display:grid;gap:7px}
.field-config-row{display:grid;grid-template-columns:auto minmax(150px,1fr) minmax(230px,auto) auto;align-items:center;gap:10px;padding:7px 4px;border:0;border-radius:10px;background:transparent}
.field-config-row:hover{background:color-mix(in srgb,var(--brand) 7%,transparent)}
.field-config-main b{display:block;font-size:.9rem}
.field-config-main small{display:inline-flex;align-items:center;gap:5px}
.field-config-type{color:var(--soft);font-size:.72rem}
.field-location-checks{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.field-location-chip{appearance:none;-webkit-appearance:none;border:0;outline:0;background:transparent;box-shadow:none;display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:3px 5px;border-radius:8px;color:var(--soft);font-size:.72rem;font-weight:760;line-height:1;cursor:pointer}
.field-location-chip::before{content:"";width:13px;height:13px;border-radius:50%;border:1.4px solid color-mix(in srgb,var(--soft) 64%,transparent);box-sizing:border-box}
.field-location-chip.on{color:var(--text)}
.field-location-chip.on::before{content:"✓";display:inline-grid;place-items:center;background:#22c55e;border-color:#22c55e;color:#06110a;font-size:.58rem;font-weight:950;line-height:1}
.field-location-chip:is(:hover,:focus-visible){background:color-mix(in srgb,var(--brand) 8%,transparent);color:var(--text)}
.field-config-tags{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.field-config-tags .tag{font-size:.66rem;padding:2px 6px}
.field-config-actions{display:flex;gap:5px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.field-empty{padding:10px;color:var(--soft);font-size:var(--mc-type-body-control,.82rem);border:1px dashed var(--line);border-radius:12px}
.field-editor-shell{display:grid;gap:14px}
.field-editor-block{border-bottom:1px solid color-mix(in srgb,var(--line) 68%,transparent);padding-bottom:12px}
.field-editor-block:last-child{border-bottom:0;padding-bottom:0}
.field-editor-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-end;margin-bottom:10px}
.field-editor-title b{font-size:.92rem}
.field-editor-title span{color:var(--soft);font-size:.72rem}
.field-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.field-check-card{display:flex!important;align-items:center;gap:8px;min-height:34px;padding:6px 0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.field-check-card strong{display:block;font-size:.8rem;line-height:1.15}
.field-check-card small{display:block;color:var(--soft);font-size:var(--mc-type-caption-meta,.68rem);margin-top:2px;line-height:1.15}
.field-key-inline{font-family:var(--mono);font-size:.72rem;color:var(--soft)}
.att-rule-sort-layout{grid-template-columns:minmax(0,1fr)!important}
.att-rule-section-head h3{display:flex;align-items:center;gap:7px}
@media(max-width:820px){.org-manager-layout{flex-direction:column}.org-manager-layout>.panel{width:100%;min-width:0!important}.field-designer-head{align-items:flex-start}.field-designer-grid{gap:8px}.field-group-head{grid-template-columns:auto minmax(0,1fr)}.field-group-head .field-config-actions{grid-column:1/3;justify-content:flex-start}.field-config-row{grid-template-columns:auto minmax(0,1fr);align-items:flex-start}.field-location-checks,.field-config-tags,.field-config-actions{grid-column:2;justify-content:flex-start}.field-check-grid{grid-template-columns:1fr}}

.page-shell-card{background:var(--panel);border:0;border-radius:12px;padding:14px 16px;margin-bottom:14px;box-shadow:none}
.page-shell-card>.page-head{margin:0!important;padding:0!important}
.page-shell-card .page-head h1{font-size:1.24rem}.page-shell-card .page-head p{font-size:var(--mc-type-body-control,.82rem)}
.view-toolbar{background:transparent!important;border:0!important;box-shadow:none!important}
.att-rule-nav button,.view-toolbar button{border:0!important;background:transparent!important;box-shadow:none!important}
.att-rule-nav button.active{background:var(--brand-soft)!important;color:var(--brand)!important}
.employee-admin-shell,.att-rule-unified,.workbench-unified,.settings-compact-shell{background:var(--panel);border:0;border-radius:12px;padding:14px;box-shadow:none}
.att-rule-topline,.workbench-unified-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.att-rule-topline h1,.workbench-unified-head h1 h1{font-size:var(--mc-type-page-heading,1.22rem);margin:0}
.att-rule-topline p,.workbench-unified-head p p{color:var(--soft);font-size:var(--mc-type-body-control,.82rem);margin-top:3px}
.att-rule-actions-inline,.workbench-unified-actions,.settings-actions-inline{display:flex;gap:7px;flex-wrap:wrap;align-items:center}

/* <<< runtime/legacy/styles/blocks/shared/controls/compatibility-foundation/001-base-slice-05-controls-11-slice-05-part-02-seg-01-html-data-theme-light-ro-fine-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-05-shared-cross-surface-12-slice-05-part-02-seg-01-html-data-theme-light-ro-fine-02.css */

.att-rule-actions-inline .btn,.settings-actions-inline .btn{background:transparent!important;border:0!important;padding:7px 9px}
.att-rule-actions-inline .btn.primary,.settings-actions-inline .btn.primary{background:var(--brand)!important;color:#fff!important}
.field-designer-panel{padding:0!important;background:transparent!important}
.field-designer-head{padding:0 0 10px!important;margin:0!important;border:0!important}
.field-designer-head>div span{display:none!important}
.field-group-card{padding:10px 0!important;border-bottom:1px solid color-mix(in srgb,var(--line) 64%,transparent)!important;border-radius:0!important;background:transparent!important}
.field-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px;align-items:stretch}
.field-type-card{border:0;background:color-mix(in srgb,var(--bg-subtle) 84%,transparent);border-radius:10px;padding:9px 8px;text-align:center;color:var(--text);display:grid;grid-template-columns:1fr;grid-template-rows:28px minmax(0,1fr);gap:6px;align-items:center;justify-items:center;min-height:76px;height:76px;overflow:hidden;transition:.15s}
.field-type-card:hover{background:color-mix(in srgb,var(--brand) 8%,var(--panel))}
.field-type-card.active{background:var(--brand-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 24%,transparent)}
.field-type-card i{font-style:normal;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 10%,transparent);color:var(--brand);font-weight:850;font-size:.78rem;line-height:1}
.field-type-card b{display:block;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:760;line-height:1.1}
.field-config-row{grid-template-columns:auto minmax(160px,1fr) minmax(220px,auto) auto!important}
.org-pick-overlay{background:transparent!important;align-items:flex-start!important;padding-top:74px!important}
.org-pick-modal{background:color-mix(in srgb,var(--panel) 82%,transparent)!important;color:var(--text)!important;border:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important;box-shadow:0 20px 54px -30px rgba(0,0,0,.44)!important;-webkit-backdrop-filter:blur(22px) saturate(1.25)!important;backdrop-filter:blur(22px) saturate(1.25)!important}
.org-pick-modal .m-head,.org-pick-modal .m-body,.org-pick-modal .m-foot{background:transparent!important;color:var(--text)!important}
.org-pick-modal .m-head h3,.org-pick-modal b,.org-pick-modal span,.org-pick-modal label,.org-pick-modal button{color:var(--text)}
.org-pick-modal .muted,.org-pick-modal small,.org-pick-modal .org-pick-main span{color:var(--soft)!important}
html:not([data-theme=dark]) .glass-select-list,html:not([data-theme=dark]) .org-pick-modal,html:not([data-theme=dark]) .nd-hover-card{background:rgba(255,255,255,.84)!important;color:#111827!important}
html:not([data-theme=dark]) .glass-select-list *,html:not([data-theme=dark]) .org-pick-modal *{color:inherit}
html:not([data-theme=dark]) .glass-select-list .muted,html:not([data-theme=dark]) .org-pick-modal .muted,html:not([data-theme=dark]) .org-pick-modal small{color:#64748b!important}
button.glass-select-list,.btn.glass-select-list{background:color-mix(in srgb,var(--panel) 72%,transparent)!important;border:1px solid color-mix(in srgb,var(--line) 62%,transparent)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
select{background:color-mix(in srgb,var(--panel) 86%,transparent);color:var(--text)}
select option{background:#fff;color:#111827}
html[data-theme=dark] select option{background:#111827;color:#f8fafc}
.main.page-employees .employee-list-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:12px;align-items:start}
.main.page-employees .employee-list-shell.org-editing{grid-template-columns:260px minmax(0,1fr)}
.main.page-employees .employee-list-shell>.panel{margin:0!important}
.main.page-employees .employee-table-panel{padding:14px!important}
.main.page-employees .employee-table-panel .toolbar{margin-bottom:10px!important}
.main.page-employees .employee-table-panel .toolbar select,.main.page-employees .employee-table-panel .toolbar input{background:var(--chip)!important;border:0!important}
.emp-org-inline-editor{margin:0!important;padding:12px!important;align-self:flex-start;border:0!important;border-radius:14px!important;background:color-mix(in srgb,var(--panel) 54%,transparent)!important;box-shadow:none!important;-webkit-backdrop-filter:blur(22px) saturate(1.14)!important;backdrop-filter:blur(22px) saturate(1.14)!important}
.emp-org-inline-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.emp-org-inline-head h3{margin:0;font-size:var(--mc-type-compact-heading,.92rem);line-height:1.1}.emp-org-inline-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.emp-org-inline-editor .field{margin-bottom:9px}.emp-org-inline-editor .input,.emp-org-inline-editor input{background:color-mix(in srgb,var(--chip) 88%,transparent)!important;border:0!important}.emp-org-inline-selected{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--soft);min-width:0;margin-bottom:9px}.emp-org-inline-selected b{color:var(--text);font-size:.9rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emp-org-inline-editor .btn.text{background:transparent!important;border:0!important;box-shadow:none!important;padding-left:0;padding-right:0}.emp-org-inline-editor .btn.icon-only{width:34px;height:34px;justify-content:center;padding:0;border-radius:10px}.emp-org-inline-manager{font-size:var(--mc-type-secondary-body,.76rem);color:var(--soft);margin:-3px 0 8px}.emp-org-inline-new{display:grid;gap:8px;margin-top:8px}.emp-org-save-line{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;align-items:center}.emp-org-manager-btn{width:100%;justify-content:space-between}.emp-org-add-btn{background:rgba(255,255,255,.055)!important;border:0!important}.emp-org-root-readonly{display:grid;gap:3px;margin:4px 0 10px;padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.04)}.emp-org-root-readonly span,.emp-org-root-readonly small{color:var(--soft);font-size:.72rem}.emp-org-root-readonly b{font-size:.92rem;color:var(--text)}.org-manager-side-head,.org-manager-edit-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.org-manager-side-head h3,.org-manager-edit-head h3{margin:0;font-size:.98rem}.org-manager-root-label{margin:0 0 10px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04);font-size:.84rem;font-weight:720;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-manager-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.org-manager-actions .btn.text{background:transparent!important;border:0!important;box-shadow:none!important}
.att-rule-nav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.att-rule-nav button{padding:8px 10px;border-radius:9px;color:var(--soft);font-weight:750}
.att-rule-summary.slim{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}
.att-rule-content .att-rule-section.compact,.att-rule-content .att-setting-panel{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
.settings-compact-shell .sys-grid{gap:10px!important}
.settings-save-bar{align-items:center!important;gap:8px!important}.settings-save-one{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.14)!important;color:var(--text)!important;box-shadow:none!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.settings-save-one:hover{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.22)!important;color:var(--text)!important}
.workbench-unified .view-toolbar{justify-content:flex-end;margin:0!important}
.workbench-unified .hud-cards{margin-bottom:12px}
.workbench-unified .workbench-clean{margin-top:0!important}
.main.page-contacts .comms-layout{box-shadow:none!important;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:color-mix(in srgb,var(--panel) 92%,transparent)!important}
.main.page-contacts .contacts-panel,.main.page-contacts .chat-panel{background:transparent!important}
.main.page-contacts .contact-list{padding:4px!important}
.main.page-contacts .contact-item{border-radius:10px!important;margin:2px 0!important}
.main.page-contacts .chat-head{background:color-mix(in srgb,var(--panel) 88%,transparent)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.nd-hover-card{display:none;position:fixed;z-index:1200;max-width:min(420px,calc(100vw - 28px));padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:rgba(17,24,39,.72);color:#fff;box-shadow:0 24px 70px -34px rgba(0,0,0,.65);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);font-size:11px}
.nd-hover-card.show{display:block}.nd-hover-card b{display:block;font-size:12px;margin-bottom:5px;color:inherit}.nd-hover-card div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:7px;padding:2px 0}.nd-hover-card span{color:color-mix(in srgb,currentColor 72%,transparent)}.nd-live-line{grid-template-columns:18px 46px minmax(76px,auto)!important}.nd-live-line i{width:13px!important;height:13px!important;justify-self:center}
.nd-report-speed-head{cursor:default}.nd-report-dash .nd-report-metric{cursor:default}
@media(max-width:900px){.main.page-employees .employee-list-shell,.main.page-employees .employee-list-shell.org-editing{grid-template-columns:1fr}.att-rule-summary.slim{grid-template-columns:repeat(2,minmax(0,1fr))}.field-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.topbar,
html[data-theme=dark] .topbar,
html[data-theme=light] .topbar,
html:not([data-theme=dark]) .topbar,
.admin-mobile-clean .topbar,
body.employee-mobile-workbench .topbar{
  border:0!important;
  border-top:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.topbar::before,
.topbar::after,
.topbar .left small{
  border:0!important;
}

.live-room-shell{display:grid;gap:12px}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-05-shared-cross-surface-12-slice-05-part-02-seg-01-html-data-theme-light-ro-fine-02.css */


/* >>> runtime/legacy/styles/blocks/live-room/canvas/compatibility-foundation/001-base-slice-05-live-room-13-slice-05-part-02-seg-01-html-data-theme-light-ro-fine-03.css */

.live-room-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;background:var(--panel);border-radius:12px;padding:14px}
.live-room-head h1{font-size:var(--mc-type-page-heading,1.22rem);margin:0}.live-room-head p{margin-top:3px;color:var(--soft);font-size:var(--mc-type-body-control,.82rem)}
.live-room-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.live-room-actions .btn{border:0;background:transparent}.live-room-actions .btn.primary{background:var(--brand)!important;color:#fff!important}
.live-room-toolbar{display:grid;grid-template-columns:1fr;gap:10px;align-items:start}
.live-building-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:7px;background:var(--panel);border-radius:12px;padding:10px}
.live-building-tab{border:0;background:transparent;color:var(--text);border-radius:10px;padding:10px;display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;cursor:pointer}
.live-building-tab:hover,.live-building-tab.active{background:var(--brand-soft);color:var(--brand)}
.live-building-tab b{font-size:.86rem}.live-building-tab span{display:block;color:var(--soft);font-size:var(--mc-type-caption-meta,.68rem);margin-top:2px}
.live-room-stage-wrap{position:relative;min-height:520px;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 24% 16%,color-mix(in srgb,var(--brand) 14%,transparent),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--panel) 88%,transparent),color-mix(in srgb,var(--bg) 82%,transparent));border:1px solid color-mix(in srgb,var(--line) 62%,transparent)}
.live-room-stage{position:absolute;inset:0}.live-room-stage canvas{display:block;width:100%!important;height:100%!important;cursor:grab;touch-action:none}.live-room-stage canvas.dragging{cursor:grabbing}
.live-room-stage-loader{position:absolute;inset:0;display:grid;place-items:center;color:var(--soft);font-weight:760;background:color-mix(in srgb,var(--panel) 48%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.live-room-overlay{position:absolute;left:14px;right:14px;top:14px;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;pointer-events:none}
.live-room-crumbs{pointer-events:auto;background:color-mix(in srgb,var(--panel) 78%,transparent);border:1px solid color-mix(in srgb,var(--line) 62%,transparent);border-radius:12px;padding:8px 10px;display:flex;gap:7px;align-items:center;flex-wrap:wrap;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.live-room-crumbs button{border:0;background:transparent;color:var(--text);font-weight:800;border-radius:8px;padding:5px 7px;cursor:pointer}.live-room-crumbs button.active{background:var(--brand-soft);color:var(--brand)}
.live-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--soft);box-shadow:0 0 0 3px color-mix(in srgb,currentColor 14%,transparent)}.live-dot.on{background:#00ff00}.live-dot.busy{background:#ffff00}.live-dot.off{background:#ff0000}.live-dot.idle{background:#9a9a9a}
.live-room-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:12px;align-items:start}
.live-room-side{display:grid;gap:10px}
.live-room-side .panel{margin:0}
.live-room-zoom-panel{display:grid;gap:8px}.live-room-zoom-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.live-room-zoom-head h3{margin:0}.live-room-zoom-head span{font-size:var(--mc-type-caption-meta,.68rem);color:var(--soft);font-family:var(--mono)}
.live-room-zoom-row{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;gap:8px;align-items:center;color:var(--soft);font-size:var(--mc-type-body-control,.82rem);font-weight:800}.live-room-zoom-row input[type=range],.live-number-slider input[type=range]{accent-color:var(--brand);width:100%}
.live-room-zoom-actions{display:grid;grid-template-columns:1fr;gap:6px}.live-room-zoom-actions .btn{width:100%;justify-content:center}
.live-room-default-view-control{display:grid;gap:10px}.live-room-view-control-body{display:grid;gap:9px}.live-room-control-label{display:flex;justify-content:space-between;gap:8px;align-items:center;color:var(--soft);font-size:var(--mc-type-body-control,.82rem);font-weight:850}.live-room-control-label b{color:var(--brand);font-family:var(--mono);font-size:var(--mc-type-emphasized-body,.82rem);white-space:nowrap}
.live-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.live-stat{background:color-mix(in srgb,var(--bg-subtle) 82%,transparent);border-radius:10px;padding:10px}.live-stat b{display:block;font-size:var(--mc-type-metric-display,1.05rem)}.live-stat span{display:block;color:var(--soft);font-size:var(--mc-type-caption-meta,.68rem);margin-top:2px}
.live-bar-list{display:grid;gap:8px}.live-bar-row{display:grid;gap:5px}.live-bar-top{display:flex;justify-content:space-between;gap:8px;font-size:var(--mc-type-secondary-body,.76rem);color:var(--soft)}.live-bar-track{height:8px;border-radius:999px;background:color-mix(in srgb,var(--line) 48%,transparent);overflow:hidden}.live-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#16a34a,var(--brand))}
.live-floor-list,.live-room-list,.live-device-list{display:grid;gap:6px}.live-device-list{max-height:220px;overflow:auto;padding-right:2px}.live-floor-row,.live-room-mini,.live-device-row{border:0;background:transparent;color:var(--text);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border-radius:10px;padding:8px;cursor:pointer;text-align:left}
.live-floor-row:hover,.live-floor-row.active,.live-room-mini:hover,.live-room-mini.active,.live-device-row:hover{background:var(--brand-soft);color:var(--brand)}
.live-floor-row small,.live-room-mini small,.live-device-row small{display:block;color:var(--soft);font-size:.7rem;margin-top:2px}
.live-room-switcher{display:grid;gap:8px;max-height:340px;overflow:auto;padding-right:2px}
.live-room-floor-strip{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;align-items:stretch}
.live-room-floor-strip>button{border:0;background:color-mix(in srgb,var(--bg-subtle) 86%,transparent);border-radius:10px;color:var(--text);font-size:.75rem;font-weight:850;cursor:pointer}
.live-room-bar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:5px}
.live-room-bar{position:relative;min-height:30px;border:0;border-radius:9px;background:color-mix(in srgb,var(--bg-subtle) 84%,transparent);color:var(--text);font-size:var(--mc-type-body-control,.82rem);font-weight:850;cursor:pointer;overflow:hidden}
.live-room-bar::before{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--live-room-level,58%);background:var(--live-room-color,#9a9a9a);opacity:.86}
.live-room-bar span{position:relative;z-index:1;text-shadow:0 1px 8px color-mix(in srgb,var(--panel) 84%,transparent)}
.live-room-bar:hover,.live-room-bar.active{box-shadow:inset 0 0 0 2px var(--brand);position:relative;z-index:var(--mc-model-lift-z,80);transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))}
.live-room-bar.active span{color:var(--brand)}
.live-device-row{cursor:default}.live-device-row .live-device-tools{display:flex;gap:5px}
.live-device-type{display:inline-flex;align-items:center;gap:5px;font-size:var(--mc-type-secondary-body,.76rem);color:var(--soft);font-weight:750}.live-device-type i{font-style:normal;width:22px;height:22px;border-radius:7px;background:color-mix(in srgb,var(--brand) 10%,transparent);display:grid;place-items:center;color:var(--brand)}
.live-room-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.live-room-form-grid .field.full{grid-column:1/-1}
.live-number-slider{display:grid;grid-template-columns:82px minmax(0,1fr);gap:8px;align-items:center}.live-number-slider input[type=number]{padding:8px 10px}.live-slider-label{display:flex!important;justify-content:space-between;gap:8px;align-items:center}.live-slider-label b{font-family:var(--mono);color:var(--brand);font-size:var(--mc-type-emphasized-body,.82rem)}
.live-device-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0}.live-device-palette button{border:0;border-radius:10px;background:color-mix(in srgb,var(--bg-subtle) 88%,transparent);padding:8px 7px;color:var(--text);display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px;align-items:center;text-align:left;cursor:pointer;min-width:0}.live-device-palette button:hover{background:var(--brand-soft);color:var(--brand)}.live-device-palette i{font-style:normal;width:23px;height:23px;border-radius:8px;background:color-mix(in srgb,var(--brand) 12%,transparent);display:grid;place-items:center;color:var(--brand);flex:0 0 auto}.live-device-palette b{font-size:.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-edit-panel{background:color-mix(in srgb,var(--panel) 92%,transparent);border-radius:14px;padding:14px;display:grid;gap:12px}
.live-edit-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.live-edit-top h3{margin:0;font-size:1rem}.live-edit-top small{display:block;color:var(--soft);font-size:var(--mc-type-caption-meta,.68rem);margin-top:2px}
.live-edit-control{display:grid;gap:7px}.live-edit-label{display:flex;justify-content:space-between;gap:8px;color:var(--soft);font-size:var(--mc-type-body-control,.82rem);font-weight:850}.live-edit-label b{color:var(--brand);font-family:var(--mono);font-size:var(--mc-type-emphasized-body,.82rem)}
.live-edit-range{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:center}.live-edit-range input[type=range]{width:100%;accent-color:var(--brand)}
.live-edit-floors{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.live-edit-floors::-webkit-scrollbar{display:none}.live-edit-floors button{flex:0 0 auto;border:0;background:transparent;color:var(--soft);border-radius:999px;padding:6px 9px;font-size:var(--mc-type-body-control,.82rem);font-weight:850;cursor:pointer}.live-edit-floors button.active{background:var(--brand-soft);color:var(--brand)}
.live-edit-room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:5px;max-height:160px;overflow:auto}.live-edit-room-dot{height:24px;border:0;border-radius:8px;background:color-mix(in srgb,var(--bg-subtle) 82%,transparent);color:var(--text);font-size:.64rem;font-weight:850;cursor:pointer}.live-edit-room-dot:hover{background:var(--brand-soft);color:var(--brand)}
.live-floor-manage{display:grid;gap:12px}.live-floor-manage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.live-floor-manage-head h3{margin:0;font-size:1rem}.live-floor-manage-head small{display:block;margin-top:3px;color:var(--soft);font-size:var(--mc-type-caption-meta,.68rem)}.live-floor-manage-head b{font-family:var(--mono);color:var(--brand);font-size:.82rem}
.live-floor-control-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.live-floor-control-row .live-edit-control{padding:9px;border:1px solid color-mix(in srgb,var(--line) 48%,transparent);border-radius:11px;background:color-mix(in srgb,var(--panel) 42%,transparent)}
.live-new-floor-preview-panel{border-color:rgba(126,240,164,.18)!important;background:linear-gradient(135deg,rgba(126,240,164,.075),rgba(73,216,226,.035)),color-mix(in srgb,var(--panel) 84%,transparent)!important}
.live-new-floor-control-row{grid-template-columns:repeat(3,minmax(0,1fr))}
.live-edit-floor-action.preview{background:rgba(126,240,164,.055)}

/* <<< runtime/legacy/styles/blocks/live-room/canvas/compatibility-foundation/001-base-slice-05-live-room-13-slice-05-part-02-seg-01-html-data-theme-light-ro-fine-03.css */


/* >>> runtime/legacy/styles/blocks/live-room/canvas/compatibility-foundation/001-base-slice-05-live-room-14-slice-05-part-02-seg-01-html-data-theme-light-ro-fine-04.css */

.live-edit-floor-action.preview .live-edit-floor-main{color:#7ef0a4}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){.live-new-floor-control-row{grid-template-columns:1fr}}
.live-room-room-edit{display:grid;gap:10px}.live-room-edit-section{display:grid;gap:8px;padding-top:2px}.live-room-room-edit .live-room-form-grid{gap:9px}.live-room-room-edit .mc-combo-field-wrap{margin:0}.live-room-room-edit .live-floor-control-row{grid-template-columns:repeat(2,minmax(0,1fr))}.live-room-room-edit .live-floor-control-row .live-edit-control:last-child:nth-child(odd){grid-column:1/-1}
.live-room-status-compact{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid color-mix(in srgb,var(--line) 48%,transparent);padding:2px 2px 10px}
.live-room-no-badge{display:inline-grid;place-items:center;min-width:64px;height:34px;padding:0 12px;border-radius:var(--mc-button-radius,8px);background:var(--mc-model-button-fill-active);color:#f8f8f5;font-family:var(--mono);font-size:1rem;font-weight:920;line-height:1;white-space:nowrap}
.live-room-auto-status{min-height:38px;display:grid;gap:3px;align-content:center;border-bottom:1px solid color-mix(in srgb,var(--line) 58%,transparent);padding:3px 2px 7px}
.live-room-status-compact .live-room-auto-status{border-bottom:0;padding:0;min-height:34px}
.live-room-auto-status span{display:inline-flex;align-items:center;gap:7px;font-size:.88rem;font-weight:860;color:var(--text)}
.live-room-auto-status i{width:9px;height:9px;border-radius:50%;background:#9a9a9a;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 14%,transparent)}
.live-room-auto-status.on i{background:#00ff00}.live-room-auto-status.busy i{background:#ffff00}.live-room-auto-status.off i{background:#ff0000}.live-room-auto-status.idle i{background:#9a9a9a}
.live-room-auto-status small{color:var(--soft);font-size:.68rem;font-weight:740;line-height:1.25}
.live-room-sync-panel{display:grid;gap:8px}
.live-room-sync-people{display:grid;gap:7px}
.live-room-sync-person{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;min-height:44px;padding:6px 2px;border-bottom:1px solid color-mix(in srgb,var(--line) 38%,transparent)}
.live-room-sync-person:last-child{border-bottom:0}
.live-room-sync-avatar{width:34px;height:34px;border-radius:8px;background:color-mix(in srgb,var(--brand) 13%,transparent);display:grid;place-items:center;overflow:hidden;color:var(--brand);font-weight:900}
.live-room-sync-avatar img{width:100%;height:100%;object-fit:cover}
.live-room-sync-main{min-width:0;display:grid;gap:2px}
.live-room-sync-main b{font-size:var(--mc-type-emphasized-body,.82rem);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-room-sync-main small,.live-room-sync-main em{font-style:normal;color:var(--soft);font-size:.66rem;line-height:1.18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-room-sync-main em{color:color-mix(in srgb,var(--brand) 74%,var(--soft))}
.live-room-sync-empty{padding:8px 2px;color:var(--soft);font-size:var(--mc-type-secondary-body,.76rem);line-height:1.45}
.live-room-history-panel{display:grid;gap:10px}
.live-room-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.live-room-history-head h3{margin:0;font-size:.95rem}.live-room-history-head small{display:block;margin-top:3px;color:var(--soft);font-size:var(--mc-type-caption-meta,.68rem)}.live-room-history-head>b{font-size:.78rem;color:var(--brand)}
.live-room-history-list{display:grid;gap:0;max-height:min(580px,calc(100dvh - 235px));overflow:auto;padding-right:2px;border-top:1px solid color-mix(in srgb,var(--line) 45%,transparent)}
.live-room-history-row{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 38%,transparent)}
.live-room-history-row:hover{background:color-mix(in srgb,var(--brand) 5%,transparent)}
.live-room-history-dot{width:7px;height:7px;border-radius:50%;background:var(--soft);box-shadow:0 0 0 4px color-mix(in srgb,var(--soft) 10%,transparent)}
.live-room-history-row.current .live-room-history-dot,.live-room-history-row.enter .live-room-history-dot{background:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent)}
.live-room-history-row.leave .live-room-history-dot{background:#ff8aa0;box-shadow:0 0 0 4px rgba(255,138,160,.12)}
.live-room-history-main{min-width:0;display:grid;gap:5px}
.live-room-history-line{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center}
.live-room-history-avatar{width:34px;height:34px;border-radius:8px;overflow:hidden;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 13%,transparent);color:var(--brand);font-weight:900}
.live-room-history-avatar img{width:100%;height:100%;object-fit:cover}.live-room-history-person{min-width:0;display:grid;gap:2px}.live-room-history-person b{font-size:.78rem;line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-room-history-person small{color:var(--soft);font-size:.62rem;line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-room-history-line em{font-style:normal;color:var(--brand);font-size:.68rem;font-weight:820;white-space:nowrap}.live-room-history-meta{display:flex;gap:8px;min-width:0;color:var(--soft);font-size:.64rem}.live-room-history-meta span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-room-history-row time{color:var(--soft);font-size:.62rem;white-space:nowrap}
.live-room-emp-detail-card{display:grid;gap:12px}
.live-room-emp-detail-head{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border-radius:var(--mc-button-radius,8px);background:color-mix(in srgb,var(--panel) 64%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.live-room-emp-detail-avatar{width:62px;height:62px;border-radius:var(--mc-button-radius,8px);overflow:hidden;display:grid;place-items:center;background:var(--mc-model-button-fill-active);color:#fff;font-size:1.5rem;font-weight:920}
.live-room-emp-detail-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.live-room-emp-detail-main{display:grid;gap:3px;min-width:0}.live-room-emp-detail-main b{font-size:1.02rem;line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-room-emp-detail-main span{color:var(--soft);font-size:var(--mc-type-secondary-body,.76rem);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-room-emp-detail-rows{display:grid;gap:7px}
.live-room-emp-detail-row{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px;align-items:start;padding:8px 9px;border-radius:var(--mc-button-radius,8px);background:color-mix(in srgb,var(--panel) 48%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.live-room-emp-detail-row span{color:var(--soft);font-size:var(--mc-type-caption-meta,.68rem);font-weight:780;line-height:1.28}.live-room-emp-detail-row b{color:var(--text);font-size:.78rem;font-weight:850;line-height:1.32;word-break:break-word}
.live-edit-muted{color:var(--soft);font-size:.72rem;line-height:1.45}.live-edit-actions{display:flex;gap:7px;flex-wrap:wrap}.live-edit-actions .btn{flex:1;justify-content:center}
.live-room-net-led{width:15px;height:15px;border-radius:50%;display:inline-block;background:#9a9a9a;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 16%,transparent)}
.live-room-net-led.on{background:#00ff00}.live-room-net-led.off{background:#ff0000}.live-room-net-led.busy{background:#ffff00}.live-room-net-led.idle{background:#9a9a9a}
.live-room-empty{padding:18px;text-align:center;color:var(--soft);font-size:.86rem}
@media(max-width:1080px){.live-room-layout{grid-template-columns:1fr}.live-building-list{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.live-room-stage-wrap{min-height:460px}}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){.live-room-head{padding:12px}.live-room-stage-wrap{min-height:430px;border-radius:12px}.live-room-overlay{left:8px;right:8px;top:8px}.live-stat-grid,.live-room-form-grid{grid-template-columns:1fr}.live-device-palette{grid-template-columns:1fr 1fr}.live-room-side{gap:8px}}

.live-room-toolbar{gap:12px!important}
.live-building-list{display:none!important}

:root{
  --mc-frame-bg:linear-gradient(180deg,color-mix(in srgb,var(--panel) 98%,#fff 24%) 0%,color-mix(in srgb,var(--panel) 88%,var(--bg-subtle) 42%) 100%);
  --mc-frame-line:color-mix(in srgb,var(--line) 72%,#fff 20%);
  --mc-frame-shadow:0 18px 48px -40px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.34);
}
html[data-theme=dark]{
  --mc-frame-bg:linear-gradient(180deg,color-mix(in srgb,var(--panel) 88%,#fff 6%) 0%,color-mix(in srgb,var(--panel) 76%,#000 28%) 100%);
  --mc-frame-line:color-mix(in srgb,var(--line) 82%,#fff 8%);
  --mc-frame-shadow:0 22px 58px -44px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.08);
}
.main.page-employees .employee-org-panel,
.main.page-employees .employee-table-panel,
.emp-org-inline-editor,
.main.page-contacts .comms-layout{
  background:var(--mc-frame-bg)!important;
  border:1px solid var(--mc-frame-line)!important;
  box-shadow:var(--mc-frame-shadow)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12)!important;
  backdrop-filter:blur(18px) saturate(1.12)!important;
}

/* <<< runtime/legacy/styles/blocks/live-room/canvas/compatibility-foundation/001-base-slice-05-live-room-14-slice-05-part-02-seg-01-html-data-theme-light-ro-fine-04.css */


/* >>> runtime/legacy/styles/blocks/employees/detail/compatibility-foundation/001-base-slice-05-employees-15-slice-05-part-02-seg-01-html-data-theme-light-ro-fine-05.css */

.main.page-employees .employee-org-panel{
  width:240px;
  flex-shrink:0;
  align-self:flex-start;
  margin:0!important;
  padding:12px!important;
  border-radius:14px!important;
}
.main.page-employees .employee-table-panel{border-radius:14px!important}
.emp-org-inline-editor{
  position:relative;
  border-radius:14px!important;
  overflow:visible!important;
}
.emp-org-inline-editor::before{
  content:"";
  position:absolute;
  left:-13px;
  top:24px;
  width:13px;
  height:54px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--mc-frame-line) 74%,transparent),color-mix(in srgb,var(--panel) 78%,transparent));
  box-shadow:-18px 0 26px -18px rgba(0,0,0,.7);
  border-top:1px solid var(--mc-frame-line);
  border-bottom:1px solid var(--mc-frame-line);
  pointer-events:none;
}
.emp-org-inline-editor::after{
  content:"";
  position:absolute;
  left:-8px;
  top:40px;
  width:18px;
  height:18px;
  transform:rotate(45deg);
  background:var(--mc-frame-bg);
  border-left:1px solid var(--mc-frame-line);
  border-bottom:1px solid var(--mc-frame-line);
  box-shadow:-10px 9px 22px -20px rgba(0,0,0,.8);
  pointer-events:none;
}
@media(max-width:900px){
  .emp-org-inline-editor::before,.emp-org-inline-editor::after{display:none}
}
html body .main.page-employees .employee-list-shell .employee-org-panel,
html body .main.page-employees .employee-list-shell .employee-table-panel,
html body .main.page-employees .employee-list-shell .emp-org-inline-editor{
  background:var(--mc-frame-bg)!important;
  border:1px solid var(--mc-frame-line)!important;
  box-shadow:var(--mc-frame-shadow)!important;
}

/* <<< runtime/legacy/styles/blocks/employees/detail/compatibility-foundation/001-base-slice-05-employees-15-slice-05-part-02-seg-01-html-data-theme-light-ro-fine-05.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-foundation/001-base-slice-05-topbar-16-slice-05-part-02-seg-02-html-data-theme-light-ro-micro-01-unit-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-05-part-02-html-data-theme-light-ro.css. Keep import order stable. */
html body .main.page-employees .employee-list-shell .emp-org-inline-editor{
  -webkit-backdrop-filter:blur(20px) saturate(1.14)!important;
  backdrop-filter:blur(20px) saturate(1.14)!important;
}
html body .org-pick-modal,
html body .modal.org-pick-modal{
  background:var(--mc-frame-bg)!important;
  border:1px solid var(--mc-frame-line)!important;
  box-shadow:var(--mc-frame-shadow)!important;
}
:root{
  --brand:#1f4ed8;
  --brand-dark:#0f172a;
  --brand-soft:rgba(31,78,216,.105);
  --accent:#0f766e;
  --bg:#eaf0f7;
  --bg-subtle:#f4f7fb;
  --chip:#edf3fa;
  --panel:#f9fbff;
  --text:#111827;
  --soft:#64748b;
  --line:#d8e2ee;
  --ok:#14803d;
  --warn:#b45309;
  --danger:#b91c1c;
  --radius:14px;
  --shadow:0 18px 48px -34px rgba(20,35,58,.45),0 1px 0 rgba(255,255,255,.72) inset;
  --mc-page-bg:linear-gradient(135deg,#e8eef6 0%,#f9fbff 48%,#e9f0f8 100%);
  --mc-frame-bg:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(239,245,252,.86) 100%);
  --mc-frame-bg-strong:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(231,239,248,.92) 100%);
  --mc-frame-line:rgba(154,171,194,.42);
  --mc-frame-shadow:0 22px 58px -42px rgba(15,23,42,.68),0 1px 0 rgba(255,255,255,.86) inset;
  --mc-field-bg:linear-gradient(180deg,rgba(255,255,255,.78),rgba(237,244,251,.72));
  --mc-hover-bg:linear-gradient(180deg,rgba(255,255,255,.9),rgba(226,236,248,.82));
  --mc-active-bg:linear-gradient(180deg,rgba(37,99,235,.14),rgba(15,118,110,.08));
}
html[data-theme=dark]{
  --brand:#e5e7eb;
  --brand-dark:#f8fafc;
  --brand-soft:rgba(255,255,255,.105);
  --accent:#5eead4;
  --bg:#0c0f14;
  --bg-subtle:#10141b;
  --chip:#171c24;
  --panel:#121720;
  --text:#f3f6fb;
  --soft:#9aa8bb;
  --line:#273241;
  --ok:#4ade80;
  --warn:#fbbf24;
  --danger:#f87171;
  --shadow:0 20px 54px -38px rgba(0,0,0,.88),0 1px 0 rgba(255,255,255,.08) inset;
  --mc-page-bg:linear-gradient(135deg,#080b10 0%,#111722 48%,#0b0f15 100%);
  --mc-frame-bg:linear-gradient(180deg,rgba(28,35,47,.86) 0%,rgba(15,20,29,.82) 100%);
  --mc-frame-bg-strong:linear-gradient(180deg,rgba(38,47,62,.92) 0%,rgba(14,18,27,.9) 100%);
  --mc-frame-line:rgba(148,163,184,.22);
  --mc-frame-shadow:0 24px 62px -42px rgba(0,0,0,.96),0 1px 0 rgba(255,255,255,.08) inset;
  --mc-field-bg:linear-gradient(180deg,rgba(31,38,50,.76),rgba(17,23,33,.72));
  --mc-hover-bg:linear-gradient(180deg,rgba(44,54,69,.9),rgba(24,31,43,.86));
  --mc-active-bg:linear-gradient(180deg,rgba(255,255,255,.13),rgba(94,234,212,.075));
}
html,body{background:var(--mc-page-bg)!important;color:var(--text)!important}
body{font-size:14px;text-rendering:optimizeLegibility}
.app{background:transparent!important}
.layout{gap:10px!important;padding:10px 10px 12px!important;align-items:flex-start!important}
.main{padding:14px 16px 90px!important;background:transparent!important}
.topbar{
  height:54px!important;
  margin:0!important;
  padding:0 14px!important;
  background:var(--mc-frame-bg-strong)!important;
  border-bottom:1px solid var(--mc-frame-line)!important;
  box-shadow:0 12px 34px -30px rgba(15,23,42,.58),0 1px 0 rgba(255,255,255,.78) inset!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.18)!important;
  backdrop-filter:blur(22px) saturate(1.18)!important;
}
.topbar .brand-short,
.topbar .brand-name{letter-spacing:0!important;color:var(--text)!important}
.topbar .left{color:var(--text)!important}
.topbar .left small{border-left:1px solid var(--mc-frame-line)!important;color:var(--soft)!important}
.topbar .g-chip,
.topbar .uchip,
.topbar .icon-btn,
.side-fold-btn{
  background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.18))!important;
  border:1px solid var(--mc-frame-line)!important;
  box-shadow:0 8px 22px -18px rgba(15,23,42,.55),0 1px 0 rgba(255,255,255,.58) inset!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-foundation/001-base-slice-05-topbar-16-slice-05-part-02-seg-02-html-data-theme-light-ro-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-05-shared-cross-surface-17-slice-05-part-02-seg-02-html-data-theme-light-ro-micro-01-unit-02.css */

html[data-theme=dark] .topbar .g-chip,
html[data-theme=dark] .topbar .uchip,
html[data-theme=dark] .topbar .icon-btn,
html[data-theme=dark] .side-fold-btn{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important}
.topbar .icon-btn:hover,
.side-fold-btn:hover{background:var(--mc-hover-bg)!important;color:var(--brand-dark)!important;position:relative!important;z-index:var(--mc-model-lift-z,80)!important;transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important}
.side{
  margin:0!important;
  padding:10px!important;
  border:1px solid var(--mc-frame-line)!important;
  border-radius:18px!important;
  background:var(--mc-frame-bg)!important;
  box-shadow:var(--mc-frame-shadow)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.14)!important;
  backdrop-filter:blur(22px) saturate(1.14)!important;
}
.side .grp{padding:12px 10px 6px!important;color:var(--soft)!important;letter-spacing:.08em!important;font-size:var(--mc-type-caption-meta,.68rem)!important}
.nav{
  min-height:36px!important;
  border-radius:11px!important;
  padding:8px 10px!important;
  color:color-mix(in srgb,var(--text) 88%,var(--soft))!important;
  border:1px solid rgba(244,244,241,.16)!important;
}
.tabs button.active,
.role-list-item.active,
.org-pick-row.active{
  background:var(--mc-active-bg)!important;
  color:var(--text)!important;
  border-color:color-mix(in srgb,var(--brand) 24%,var(--mc-frame-line))!important;
  box-shadow:0 12px 28px -22px rgba(31,78,216,.55),0 1px 0 rgba(255,255,255,.42) inset!important;
}.tree-row.active::before,.tabs button.active::before{display:none!important;content:none!important}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-05-shared-cross-surface-17-slice-05-part-02-seg-02-html-data-theme-light-ro-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-05-shared-cross-surface-18-slice-05-part-02-seg-02-html-data-theme-light-ro-micro-02-unit-01.css */

.panel,
.stat,
.modal,
.notif-drop,
.profile-menu,
.app-lang-menu,
.history-filter-menu,
.nd-filter-menu,
.work-layout-card,
.contact-item,
.sys-item,
.chat-msg,
.flow-body,
.tree-h .box,
.canvas,
.perm-grp,
.select-summary,
.table-wrap,
.live-room-stage-wrap,
.live-room-side .panel,
.live-room-head,
.main.page-networkDiag .nd-page-head,
.main.page-employees .employee-org-panel,
.main.page-employees .employee-table-panel,
.emp-org-inline-editor,
.main.page-contacts .comms-layout{
  background:var(--mc-frame-bg)!important;
  border:1px solid var(--mc-frame-line)!important;
  box-shadow:var(--mc-frame-shadow)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.13)!important;
  backdrop-filter:blur(20px) saturate(1.13)!important;
}
.panel,
.stat,
.modal,
.table-wrap,
.live-room-stage-wrap,
.main.page-contacts .comms-layout{border-radius:16px!important}
.panel{padding:16px!important;margin-bottom:12px!important}
.panel h3,
.page-head h1,
.live-room-head h1{letter-spacing:0!important;color:var(--text)!important}
.page-head p,
.panel .desc,
.muted{color:var(--soft)!important}
.main.page-networkDiag .nd-page-head,
.live-room-head{
  background:var(--mc-frame-bg-strong)!important;
  border-radius:16px!important;
}
.btn,
.icon-btn,
.x,
.tabs button,
.role-list-item{
  border:1px solid var(--mc-frame-line)!important;
  background:var(--mc-field-bg)!important;
  color:var(--text)!important;
  border-radius:11px!important;
  box-shadow:0 9px 24px -22px rgba(15,23,42,.62),0 1px 0 rgba(255,255,255,.52) inset!important;
}
.btn:hover,
.tabs button:hover,
.role-list-item:hover{
  background:var(--mc-hover-bg)!important;
  color:var(--text)!important;
  position:relative!important;
  z-index:var(--mc-model-lift-z,80)!important;
  transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important;
}
.btn.primary{
  background:linear-gradient(180deg,#2457db 0%,#1e40af 100%)!important;
  color:#fff!important;
  border-color:rgba(37,99,235,.44)!important;
  box-shadow:0 16px 34px -22px rgba(37,99,235,.85),0 1px 0 rgba(255,255,255,.34) inset!important;
}
html[data-theme=dark] .btn.primary{
  background:linear-gradient(180deg,#f8fafc 0%,#cbd5e1 100%)!important;
  color:#0f172a!important;
  border-color:rgba(255,255,255,.28)!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-05-shared-cross-surface-18-slice-05-part-02-seg-02-html-data-theme-light-ro-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/controls/compatibility-foundation/001-base-slice-05-controls-19-slice-05-part-02-seg-02-html-data-theme-light-ro-micro-02-unit-02.css */

.btn.danger{background:linear-gradient(180deg,rgba(185,28,28,.11),rgba(185,28,28,.06))!important;color:var(--danger)!important;border-color:color-mix(in srgb,var(--danger) 28%,var(--mc-frame-line))!important}
.tag{border:1px solid color-mix(in srgb,currentColor 18%,transparent)!important;border-radius:999px!important}
.tag.ok{background:rgba(20,128,61,.12)!important;color:var(--ok)!important}
.tag.warn{background:rgba(180,83,9,.12)!important;color:var(--warn)!important}
.tag.danger{background:rgba(185,28,28,.11)!important;color:var(--danger)!important}
.tag.info{background:rgba(31,78,216,.1)!important;color:var(--brand)!important}
.tag.gray{background:rgba(100,116,139,.1)!important;color:var(--soft)!important}
.input,
.field input,
.field select,
.field textarea,
.toolbar input,
.toolbar select,
.pager-controls select,
select,
textarea{
  background:var(--mc-field-bg)!important;
  border:1px solid var(--mc-frame-line)!important;
  color:var(--text)!important;
  border-radius:11px!important;
  box-shadow:0 1px 0 rgba(255,255,255,.45) inset!important;
}
.input:focus,
.field input:focus,
.field select:focus,
.field textarea:focus,
.toolbar input:focus,
.toolbar select:focus{
  border-color:color-mix(in srgb,var(--brand) 44%,var(--mc-frame-line))!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.12),0 1px 0 rgba(255,255,255,.55) inset!important;
}
.field label{color:var(--soft)!important;font-weight:650!important}
table{border-collapse:separate!important;border-spacing:0!important}
thead th{
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(235,242,250,.58))!important;
  border-bottom:1px solid var(--mc-frame-line)!important;
  color:color-mix(in srgb,var(--text) 64%,var(--soft))!important;
}
html[data-theme=dark] thead th{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important}
tbody td{border-bottom:1px solid color-mix(in srgb,var(--mc-frame-line) 72%,transparent)!important}

/* <<< runtime/legacy/styles/blocks/shared/controls/compatibility-foundation/001-base-slice-05-controls-19-slice-05-part-02-seg-02-html-data-theme-light-ro-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-05-shared-cross-surface-20-slice-05-part-02-seg-02-html-data-theme-light-ro-micro-03.css */

.modal .m-head,
.modal .m-foot,
.notif-drop .nd-head,
.chat-head{
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(241,246,252,.62))!important;
  border-color:var(--mc-frame-line)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.14)!important;
  backdrop-filter:blur(18px) saturate(1.14)!important;
}
html[data-theme=dark] .modal .m-head,
html[data-theme=dark] .modal .m-foot,
html[data-theme=dark] .notif-drop .nd-head,
html[data-theme=dark] .chat-head{background:linear-gradient(180deg,rgba(31,38,50,.82),rgba(17,23,33,.74))!important}
.overlay{background:rgba(7,13,24,.38)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.modal{overflow:hidden!important}
.modal .m-body{overflow:auto!important}
.auth-panel,
.auth-card{
  background:var(--mc-frame-bg)!important;
  border-color:var(--mc-frame-line)!important;
}
.auth-card{border:1px solid var(--mc-frame-line)!important;border-radius:18px!important;padding:22px!important;box-shadow:var(--mc-frame-shadow)!important}
.auth-brand{background:linear-gradient(150deg,#07111f 0%,#22314a 58%,#6b7f9d 100%)!important}
.workbench-grid,
.cards,
.row2,
.row3{gap:12px!important}
.stat{padding:14px 16px!important}
.stat .value{letter-spacing:0!important}
.live-room-stage-wrap{background:linear-gradient(180deg,rgba(14,20,31,.92),rgba(20,28,42,.86))!important}
.live-room-overlay .btn,
.live-room-actions .btn{box-shadow:none!important}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  .layout{padding:8px!important;gap:8px!important}
  .main{padding:8px 8px calc(88px + env(safe-area-inset-bottom))!important}
  .topbar{height:52px!important;padding:0 8px!important}
  .side{top:60px!important;margin:0!important;border-radius:0 18px 18px 0!important}
  .panel{padding:13px!important}
  .modal,.modal.lg{border-radius:18px 18px 0 0!important}
}
html[data-theme=light] body,
html:not([data-theme=dark]) body,
html[data-theme=light] #root,
html:not([data-theme=dark]) #root,
html[data-theme=light] .app,
html:not([data-theme=dark]) .app{
  background:var(--mc-page-bg)!important;
  color:var(--text)!important;
}
html[data-theme=light] body .topbar,
html:not([data-theme=dark]) body .topbar,
html[data-theme=dark] body .topbar{
  background:var(--mc-frame-bg-strong)!important;
  border:1px solid var(--mc-frame-line)!important;
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  border-radius:0!important;
  box-shadow:0 12px 34px -30px rgba(15,23,42,.58),0 1px 0 rgba(255,255,255,.68) inset!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-05-shared-cross-surface-20-slice-05-part-02-seg-02-html-data-theme-light-ro-micro-03.css */


/* >>> runtime/legacy/styles/blocks/employees/detail/compatibility-foundation/001-base-slice-05-employees-21-slice-05-part-03-seg-01-html-data-theme-light-ro-nano-01.css */

/* Legacy ordered base slice 05 part 03; split from 001-base-slice-05-html-data-theme-light-ro.css. Keep import order stable. */
html[data-theme=light] body .side,
html:not([data-theme=dark]) body .side,
html[data-theme=dark] body .side,
html[data-theme=light] body .panel,
html:not([data-theme=dark]) body .panel,
html[data-theme=dark] body .panel,
html[data-theme=light] body .modal,
html:not([data-theme=dark]) body .modal,
html[data-theme=dark] body .modal,
html[data-theme=light] body .stat,
html:not([data-theme=dark]) body .stat,
html[data-theme=dark] body .stat,
html[data-theme=light] body .table-wrap,
html:not([data-theme=dark]) body .table-wrap,
html[data-theme=dark] body .table-wrap,
html[data-theme=light] body .main.page-networkDiag .nd-page-head,
html:not([data-theme=dark]) body .main.page-networkDiag .nd-page-head,
html[data-theme=dark] body .main.page-networkDiag .nd-page-head,
html[data-theme=light] body .live-room-head,
html:not([data-theme=dark]) body .live-room-head,
html[data-theme=dark] body .live-room-head,
html[data-theme=light] body .main.page-employees .employee-org-panel,
html:not([data-theme=dark]) body .main.page-employees .employee-org-panel,
html[data-theme=dark] body .main.page-employees .employee-org-panel,
html[data-theme=light] body .main.page-employees .employee-table-panel,
html:not([data-theme=dark]) body .main.page-employees .employee-table-panel,
html[data-theme=dark] body .main.page-employees .employee-table-panel,
html[data-theme=light] body .emp-org-inline-editor,
html:not([data-theme=dark]) body .emp-org-inline-editor,
html[data-theme=dark] body .emp-org-inline-editor,
html[data-theme=light] body .main.page-contacts .comms-layout,
html:not([data-theme=dark]) body .main.page-contacts .comms-layout,
html[data-theme=dark] body .main.page-contacts .comms-layout{
  background:var(--mc-frame-bg)!important;
  border:1px solid var(--mc-frame-line)!important;
  box-shadow:var(--mc-frame-shadow)!important;
}
html[data-theme=light] body .main.page-networkDiag .nd-page-head,
html:not([data-theme=dark]) body .main.page-networkDiag .nd-page-head,
html[data-theme=dark] body .main.page-networkDiag .nd-page-head,
html[data-theme=light] body .live-room-head,
html:not([data-theme=dark]) body .live-room-head,
html[data-theme=dark] body .live-room-head{
  background:var(--mc-frame-bg-strong)!important;
}
html[data-theme=light] body input,
html:not([data-theme=dark]) body input,
html[data-theme=dark] body input,
html[data-theme=light] body select,
html:not([data-theme=dark]) body select,
html[data-theme=dark] body select,
html[data-theme=light] body textarea,
html:not([data-theme=dark]) body textarea,
html[data-theme=dark] body textarea,
html[data-theme=light] body .input,
html:not([data-theme=dark]) body .input,
html[data-theme=dark] body .input{
  background:var(--mc-field-bg)!important;
  border:1px solid var(--mc-frame-line)!important;
  color:var(--text)!important;
}
:root{
  --mc-page-bg:linear-gradient(135deg,#edf3fa 0%,#f8fbff 46%,#e9f1f8 100%);
  --mc-frame-bg:linear-gradient(180deg,rgba(255,255,255,.64) 0%,rgba(246,250,255,.30) 100%);
  --mc-frame-bg-strong:linear-gradient(180deg,rgba(255,255,255,.78) 0%,rgba(238,246,255,.40) 100%);
  --mc-frame-line:rgba(126,148,177,.16);
  --mc-frame-shadow:0 22px 70px -62px rgba(15,23,42,.42),inset 0 1px 0 rgba(255,255,255,.58);
  --mc-field-bg:linear-gradient(180deg,rgba(255,255,255,.52),rgba(242,247,253,.28));
  --mc-hover-bg:linear-gradient(180deg,rgba(255,255,255,.68),rgba(230,240,252,.36));
  --mc-active-bg:linear-gradient(180deg,rgba(37,99,235,.105),rgba(15,118,110,.055));
}
html[data-theme=dark]{
  --mc-page-bg:linear-gradient(135deg,#090d13 0%,#111822 48%,#0a0e14 100%);
  --mc-frame-bg:linear-gradient(180deg,rgba(34,42,55,.54) 0%,rgba(13,18,27,.34) 100%);
  --mc-frame-bg-strong:linear-gradient(180deg,rgba(45,55,72,.64) 0%,rgba(16,22,32,.42) 100%);
  --mc-frame-line:rgba(188,204,224,.13);
  --mc-frame-shadow:0 24px 78px -62px rgba(0,0,0,.82),inset 0 1px 0 rgba(255,255,255,.07);
  --mc-field-bg:linear-gradient(180deg,rgba(37,45,58,.46),rgba(16,22,31,.30));
  --mc-hover-bg:linear-gradient(180deg,rgba(52,63,80,.58),rgba(23,30,42,.42));
  --mc-active-bg:linear-gradient(180deg,rgba(255,255,255,.105),rgba(94,234,212,.055));
}
html body .topbar{
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(238,246,255,.34))!important;
  border-bottom-color:rgba(126,148,177,.16)!important;
  box-shadow:0 14px 42px -40px rgba(15,23,42,.45),inset 0 1px 0 rgba(255,255,255,.58)!important;
}
html[data-theme=dark] body .topbar{
  background:linear-gradient(180deg,rgba(39,48,63,.58),rgba(13,18,27,.36))!important;
  border-bottom-color:rgba(188,204,224,.12)!important;
}
html body .side,
html body .panel,
html body .stat,
html body .modal,
html body .table-wrap,
html body .main.page-networkDiag .nd-page-head,
html body .live-room-head,
html body .main.page-employees .employee-org-panel,
html body .main.page-employees .employee-table-panel,
html body .emp-org-inline-editor,
html body .main.page-contacts .comms-layout,
html body .work-layout-card,
html body .contact-item,
html body .sys-item,
html body .chat-msg,
html body .flow-body{
  border-color:var(--mc-frame-line)!important;
  box-shadow:var(--mc-frame-shadow)!important;
  -webkit-backdrop-filter:blur(28px) saturate(1.22)!important;
  backdrop-filter:blur(28px) saturate(1.22)!important;
}
html body .panel,
html body .stat,
html body .table-wrap,
html body .main.page-employees .employee-org-panel,
html body .main.page-employees .employee-table-panel,
html body .emp-org-inline-editor{
  background:var(--mc-frame-bg)!important;
}

/* <<< runtime/legacy/styles/blocks/employees/detail/compatibility-foundation/001-base-slice-05-employees-21-slice-05-part-03-seg-01-html-data-theme-light-ro-nano-01.css */


/* >>> runtime/legacy/styles/blocks/shared/controls/compatibility-foundation/001-base-slice-05-controls-22-slice-05-part-03-seg-01-html-data-theme-light-ro-nano-02.css */

html body .main.page-networkDiag .nd-page-head,
html body .live-room-head{
  background:var(--mc-frame-bg-strong)!important;
  box-shadow:0 20px 66px -60px rgba(15,23,42,.46),inset 0 1px 0 rgba(255,255,255,.62)!important;
}
html body .side{
  background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(244,249,255,.24))!important;
  border-color:rgba(126,148,177,.14)!important;
  box-shadow:0 20px 66px -62px rgba(15,23,42,.40),inset 0 1px 0 rgba(255,255,255,.55)!important;
}
html[data-theme=dark] body .side{
  background:linear-gradient(180deg,rgba(35,43,56,.46),rgba(13,18,27,.30))!important;
}
html body .nav,
html body .tabs button,
html body .btn:not(.primary):not(.danger):not(.punch-action),
html body .icon-btn,
html body .x,
html body .role-list-item{
  border-color:rgba(96,165,250,.72)!important;
  box-shadow:none!important;
  background:transparent!important;
}
html body .tabs button:hover,
html body .btn:not(.primary):not(.danger):not(.punch-action):hover,
html body .icon-btn:hover,
html body .role-list-item:hover{
  background:rgba(255,255,255,.30)!important;
  border-color:rgba(126,148,177,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.36)!important;
}
html[data-theme=dark] body .tabs button:hover,
html[data-theme=dark] body .btn:not(.primary):not(.danger):not(.punch-action):hover,
html[data-theme=dark] body .icon-btn:hover,
html[data-theme=dark] body .role-list-item:hover{
  background:rgba(255,255,255,.055)!important;
}
html body 
html body .tabs button.active,
html body .role-list-item.active,
html body .org-pick-row.active{
  border-color:rgba(96,165,250,.72)!important;
  background:linear-gradient(90deg,rgba(37,99,235,.14),rgba(255,255,255,.08))!important;
  box-shadow:inset 3px 0 0 rgba(37,99,235,.55),inset 0 1px 0 rgba(255,255,255,.32)!important;
}
html[data-theme=dark] body 
html[data-theme=dark] body .tabs button.active,
html[data-theme=dark] body .role-list-item.active,
html[data-theme=dark] body .org-pick-row.active{
  background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.025))!important;
  box-shadow:inset 3px 0 0 rgba(94,234,212,.42),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
html body .field input,
html body .field select,
html body .field textarea,
html body .input,
html body .toolbar input,
html body .toolbar select,
html body .pager-controls select{
  border-color:rgba(126,148,177,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38)!important;
}
html body thead th{
  background:rgba(255,255,255,.24)!important;
}
html[data-theme=dark] body thead th{background:rgba(255,255,255,.035)!important}
html body .workbench-grid>.wb-widget>.panel,
html body .work-hero.work-top,
html body .wb-widget .panel{
  border-color:rgba(126,148,177,.10)!important;
  box-shadow:0 18px 64px -62px rgba(15,23,42,.34),inset 0 1px 0 rgba(255,255,255,.44)!important;
}
html body .live-room-actions .btn,
html body .head-actions .btn:not(.primary){
  background:rgba(255,255,255,.26)!important;
  border-color:rgba(126,148,177,.12)!important;
}
html[data-theme=dark] body .live-room-actions .btn,
html[data-theme=dark] body .head-actions .btn:not(.primary){
  background:rgba(255,255,255,.045)!important;
}
body::after{
  content:"";
  position:fixed;
  inset:54px 0 0;
  pointer-events:none;
  z-index:0;
  opacity:.42;
  background:
    linear-gradient(118deg,transparent 0 18%,rgba(255,255,255,.30) 31%,transparent 45%),
    linear-gradient(180deg,rgba(255,255,255,.28),transparent 20%);
  mix-blend-mode:soft-light;
}
html[data-theme=dark] body::after{
  opacity:.20;
  background:
    linear-gradient(118deg,transparent 0 18%,rgba(255,255,255,.22) 32%,transparent 47%),
    linear-gradient(180deg,rgba(255,255,255,.10),transparent 24%);
}
html body .workbench-unified{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* <<< runtime/legacy/styles/blocks/shared/controls/compatibility-foundation/001-base-slice-05-controls-22-slice-05-part-03-seg-01-html-data-theme-light-ro-nano-02.css */


/* >>> runtime/legacy/styles/blocks/shell/workbench/compatibility-foundation/001-base-slice-05-workbench-23-slice-05-part-03-seg-01-html-data-theme-light-ro-nano-03.css */

html body .workbench-unified>.page-head,
html body .workbench-unified>.hud-cards,
html body .workbench-unified>.ann-banner,
html body .workbench-unified>.workbench-clean{
  position:relative;
  z-index:1;
}
html body .workbench-unified .panel{
  background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(246,250,255,.20))!important;
}
html[data-theme=dark] body .workbench-unified .panel{
  background:linear-gradient(180deg,rgba(34,42,55,.42),rgba(13,18,27,.24))!important;
}

:root,
html[data-theme=light],
html:not([data-theme=dark]),
html[data-theme=dark]{
  --brand:#9eb6ff;
  --brand-dark:#f8fbff;
  --brand-soft:rgba(158,182,255,.13);
  --accent:#5eead4;
  --bg:#020304;
  --bg-subtle:#05080d;
  --chip:rgba(255,255,255,.055);
  --panel:#071019;
  --text:#eef5ff;
  --soft:#91a2bb;
  --line:rgba(188,204,224,.12);
  --ok:#4ade80;
  --warn:#fbbf24;
  --danger:#fb7185;
  --shadow:none;
  --mc-page-bg:
    radial-gradient(ellipse at 18% 14%,rgba(37,99,235,.30) 0%,rgba(37,99,235,.16) 18%,transparent 42%),
    radial-gradient(ellipse at 82% 10%,rgba(20,184,166,.24) 0%,rgba(20,184,166,.11) 20%,transparent 44%),
    radial-gradient(ellipse at 64% 78%,rgba(99,102,241,.20) 0%,rgba(99,102,241,.09) 24%,transparent 50%),
    radial-gradient(ellipse at 12% 88%,rgba(14,165,233,.16) 0%,rgba(14,165,233,.07) 22%,transparent 48%),
    linear-gradient(135deg,#020304 0%,#05080d 45%,#000 100%);
  --mc-frame-bg:linear-gradient(180deg,rgba(17,25,38,.46) 0%,rgba(5,10,17,.28) 100%);
  --mc-frame-bg-strong:linear-gradient(180deg,rgba(24,34,50,.54) 0%,rgba(7,12,20,.34) 100%);
  --mc-frame-line:rgba(205,221,245,.10);
  --mc-frame-shadow:0 22px 64px -60px rgba(0,0,0,.78),inset 0 1px 0 rgba(255,255,255,.055);
  --mc-field-bg:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  --mc-hover-bg:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.045));
  --mc-active-bg:linear-gradient(90deg,rgba(158,182,255,.16),rgba(94,234,212,.055));
}
html,
body,
#root,
.app{
  background:#020304!important;
  color:var(--text)!important;
}

/* <<< runtime/legacy/styles/blocks/shell/workbench/compatibility-foundation/001-base-slice-05-workbench-23-slice-05-part-03-seg-01-html-data-theme-light-ro-nano-03.css */


/* >>> runtime/legacy/styles/blocks/employees/detail/compatibility-foundation/001-base-slice-05-employees-24-slice-05-part-03-seg-02-html-data-theme-light-ro-unit-01.css */

/* Legacy ordered CSS segment; extracted from 001-base-slice-05-part-03-html-data-theme-light-ro.css. Keep import order stable. */
html body{
  background:
    var(--mc-page-bg),
    #020304!important;
  background-attachment:fixed!important;
}
body::before{
  content:""!important;
  display:block!important;
  position:fixed!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:0!important;
  opacity:.22!important;
  background-image:
    radial-gradient(circle at center,rgba(255,255,255,.42) 0 .52px,transparent .76px),
    radial-gradient(circle at center,rgba(94,234,212,.24) 0 .42px,transparent .72px)!important;
  background-size:26px 26px,38px 38px!important;
  background-position:0 0,13px 17px!important;
  -webkit-mask-image:radial-gradient(ellipse at 52% 42%,rgba(0,0,0,.86),rgba(0,0,0,.38) 54%,transparent 86%)!important;
  mask-image:radial-gradient(ellipse at 52% 42%,rgba(0,0,0,.86),rgba(0,0,0,.38) 54%,transparent 86%)!important;
}
body::after{
  content:""!important;
  display:block!important;
  position:fixed!important;
  inset:54px 0 0!important;
  pointer-events:none!important;
  z-index:0!important;
  opacity:.40!important;
  background:
    linear-gradient(118deg,transparent 0 18%,rgba(255,255,255,.11) 31%,transparent 47%),
    radial-gradient(ellipse at 42% 22%,rgba(255,255,255,.10),transparent 42%),
    radial-gradient(ellipse at 74% 78%,rgba(94,234,212,.10),transparent 45%)!important;
  filter:blur(.15px)!important;
  mix-blend-mode:screen!important;
}
html body .topbar{
  background:linear-gradient(180deg,rgba(11,18,29,.62),rgba(3,7,12,.36))!important;
  border-bottom-color:rgba(205,221,245,.09)!important;
  box-shadow:0 16px 48px -46px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
html body .side,
html body .panel,
html body .stat,
html body .modal,
html body .table-wrap,
html body .main.page-networkDiag .nd-page-head,
html body .live-room-head,
html body .main.page-employees .employee-org-panel,
html body .main.page-employees .employee-table-panel,
html body .emp-org-inline-editor,
html body .main.page-contacts .comms-layout,
html body .work-layout-card,
html body .contact-item,
html body .sys-item,
html body .chat-msg,
html body .flow-body{
  color:var(--text)!important;
  background:var(--mc-frame-bg)!important;
  border-color:var(--mc-frame-line)!important;
  box-shadow:var(--mc-frame-shadow)!important;
  -webkit-backdrop-filter:blur(30px) saturate(1.22)!important;
  backdrop-filter:blur(30px) saturate(1.22)!important;
}
html body .main.page-networkDiag .nd-page-head,
html body .live-room-head{
  background:var(--mc-frame-bg-strong)!important;
}
html body .side{
  background:linear-gradient(180deg,rgba(13,22,34,.44),rgba(3,7,12,.28))!important;
}
html body .workbench-unified,
html body .employee-admin-shell,
html body .att-rule-unified,
html body .settings-compact-shell{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .workbench-unified .panel{
  background:linear-gradient(180deg,rgba(17,25,38,.38),rgba(5,10,17,.20))!important;
}
html body .nav,
html body .tabs button,
html body .btn:not(.primary):not(.danger):not(.punch-action),
html body .icon-btn,
html body .x,
html body .role-list-item{
  color:var(--text)!important;
}
html body .tabs button:hover,
html body .btn:not(.primary):not(.danger):not(.punch-action):hover,
html body .icon-btn:hover,
html body .role-list-item:hover{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(205,221,245,.08)!important;
}

/* <<< runtime/legacy/styles/blocks/employees/detail/compatibility-foundation/001-base-slice-05-employees-24-slice-05-part-03-seg-02-html-data-theme-light-ro-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/controls/compatibility-foundation/001-base-slice-05-controls-25-slice-05-part-03-seg-02-html-data-theme-light-ro-unit-02-malformed-retained.css */

html body 
html body .tabs button.active,
html body .role-list-item.active,
html body .org-pick-row.active{
  background:var(--mc-active-bg)!important;
  color:#f8fbff!important;
  box-shadow:inset 3px 0 0 rgba(158,182,255,.48),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
html body .field input,
html body .field select,
html body .field textarea,
html body .input,
html body .toolbar input,
html body .toolbar select,
html body .pager-controls select,
html body .select-summary{
  background:var(--mc-field-bg)!important;
  color:var(--text)!important;
  border-color:rgba(205,221,245,.10)!important;
}
html body thead th{
  background:rgba(255,255,255,.045)!important;
  color:#c8d4e7!important;
  border-bottom-color:rgba(205,221,245,.10)!important;
}
html body tbody td{
  color:var(--text)!important;
  border-bottom-color:rgba(205,221,245,.075)!important;
}
html body .muted,
html body .page-head p,
html body .panel .desc,
html body small,
html body .contact-meta,

/* <<< runtime/legacy/styles/blocks/shared/controls/compatibility-foundation/001-base-slice-05-controls-25-slice-05-part-03-seg-02-html-data-theme-light-ro-unit-02-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/themes/light/compatibility/001-base-slice-05-enterprise-entry.css */

/* Enterprise compatibility entry. Ordered owner files preserve the original slice-05 cascade and malformed legacy files. */

/* <<< runtime/legacy/styles/blocks/themes/light/compatibility/001-base-slice-05-enterprise-entry.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-06-shared-cross-surface-01-slice-06-part-01-seg-01-html-body-contact-previe-fine-01-unit-01.css */

/* Legacy ordered base slice 06 part 01; split from 001-base-slice-06-html-body-contact-previe.css. Keep import order stable. */
html body .contact-preview{
  color:var(--soft)!important;
}
html body .topbar .g-chip,
html body .topbar .uchip,
html body .topbar .icon-btn,
html body .side-fold-btn{
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(205,221,245,.08)!important;
}
html body .live-room-actions .btn,
html body .head-actions .btn:not(.primary){
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(205,221,245,.09)!important;
}
html body .btn.primary{
  background:linear-gradient(180deg,#dbeafe 0%,#8fb0ff 100%)!important;
  color:#06101f!important;
  border-color:rgba(219,234,254,.22)!important;
  box-shadow:0 18px 44px -34px rgba(142,176,255,.8),inset 0 1px 0 rgba(255,255,255,.45)!important;
}
html body .tag.gray{background:rgba(255,255,255,.065)!important;color:#b7c4d8!important}
html body .tag.info{background:rgba(158,182,255,.12)!important;color:#bfd0ff!important}

html body .topbar,
html body .side,
html body .main,
html body .panel,
html body .stat,
html body .modal,
html body .table-wrap,
html body .main.page-networkDiag .nd-page-head,
html body .live-room-head,
html body .main.page-employees .employee-org-panel,
html body .main.page-employees .employee-table-panel,
html body .emp-org-inline-editor{
  color:var(--text)!important;
}
html body .topbar :where(.brand-short,.brand-name,.left,.right,.uchip,.name,.role,small,span,button),
html body .side :where(.grp,.nav,.nav-label,.ic,span,b,small),
html body .main :where(h1,h2,h3,h4,p,b,label,span,small,button,td,th,.value,.label,.desc,.muted,.empty),
html body .modal :where(h1,h2,h3,h4,p,b,label,span,small,button,td,th,.muted,.empty){
  color:var(--text)!important;
}
html body .muted,
html body .page-head p,
html body .panel .desc,
html body .field label,
html body .contact-meta,
html body .contact-preview,
html body .live-room-head p,
html body .main.page-networkDiag .nd-page-head p{
  color:var(--soft)!important;
}
html body .side .grp,
html body .side .grp *{
  color:#7f95b4!important;
}
html body .topbar .brand-short,
html body .topbar .brand-name{
  color:#f8fbff!important;
}
html body table td,
html body table th{
  color:#dce7f7!important;
}
html body .tag.gray{background:rgba(255,255,255,.065)!important;color:#b8c6da!important}
html body .hud-card,
html body .hud-card *{
  color:#fff!important;
}
html body .btn.primary,
html body .btn.primary *{
  color:#06101f!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-06-shared-cross-surface-01-slice-06-part-01-seg-01-html-body-contact-previe-fine-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/themes/shared/compatibility-preview/001-base-slice-06-theme-02-slice-06-part-01-seg-01-html-body-contact-previe-fine-01-unit-02.css */

:root,
html,
html[data-theme=light],
html[data-theme=dark],
html:not([data-theme=dark]),
body{
  --brand:#9eb6ff!important;
  --brand-dark:#f8fbff!important;
  --brand-soft:rgba(158,182,255,.13)!important;
  --accent:#5eead4!important;
  --bg:#000!important;
  --bg-subtle:#030509!important;
  --chip:rgba(255,255,255,.055)!important;
  --panel:rgba(5,10,17,.56)!important;
  --text:#eef5ff!important;
  --soft:#91a2bb!important;
  --line:rgba(205,221,245,.10)!important;
  --shadow:none!important;
  --mc-page-bg:
    radial-gradient(ellipse 820px 520px at 18% 12%,rgba(25,74,185,.22),rgba(25,74,185,.095) 34%,transparent 68%),
    radial-gradient(ellipse 760px 460px at 86% 8%,rgba(23,190,166,.18),rgba(23,190,166,.075) 35%,transparent 70%),
    radial-gradient(ellipse 860px 560px at 58% 86%,rgba(83,96,245,.16),rgba(83,96,245,.06) 38%,transparent 74%),
    radial-gradient(ellipse 620px 420px at 6% 76%,rgba(14,165,233,.12),rgba(14,165,233,.045) 38%,transparent 72%),
    linear-gradient(135deg,#000 0%,#020407 44%,#000 100%)!important;
  --mc-frame-bg:linear-gradient(180deg,rgba(15,23,36,.38) 0%,rgba(3,7,13,.23) 100%)!important;
  --mc-frame-bg-strong:linear-gradient(180deg,rgba(22,31,46,.46) 0%,rgba(5,10,18,.28) 100%)!important;
  --mc-frame-line:rgba(213,228,249,.075)!important;
  --mc-frame-shadow:0 18px 58px -58px rgba(0,0,0,.86),inset 0 1px 0 rgba(255,255,255,.04)!important;
  --mc-field-bg:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;
  --mc-hover-bg:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.032))!important;
  --mc-active-bg:linear-gradient(90deg,rgba(158,182,255,.15),rgba(94,234,212,.045))!important;
}
html,
body,
#root,
.app{
  background:#000!important;
  color:#eef5ff!important;
}
html body{
  background-color:#000!important;
  background-image:
    radial-gradient(ellipse 820px 520px at 18% 12%,rgba(25,74,185,.22),rgba(25,74,185,.095) 34%,transparent 68%),
    radial-gradient(ellipse 760px 460px at 86% 8%,rgba(23,190,166,.18),rgba(23,190,166,.075) 35%,transparent 70%),
    radial-gradient(ellipse 860px 560px at 58% 86%,rgba(83,96,245,.16),rgba(83,96,245,.06) 38%,transparent 74%),
    radial-gradient(ellipse 620px 420px at 6% 76%,rgba(14,165,233,.12),rgba(14,165,233,.045) 38%,transparent 72%),
    linear-gradient(135deg,#000 0%,#020407 44%,#000 100%)!important;
  background-attachment:fixed!important;
}
html[data-theme=dark] body,
html[data-theme=light] body,
html:not([data-theme=dark]) body{
  background-color:#000!important;
  background-image:
    radial-gradient(ellipse 820px 520px at 18% 12%,rgba(25,74,185,.22),rgba(25,74,185,.095) 34%,transparent 68%),
    radial-gradient(ellipse 760px 460px at 86% 8%,rgba(23,190,166,.18),rgba(23,190,166,.075) 35%,transparent 70%),
    radial-gradient(ellipse 860px 560px at 58% 86%,rgba(83,96,245,.16),rgba(83,96,245,.06) 38%,transparent 74%),
    radial-gradient(ellipse 620px 420px at 6% 76%,rgba(14,165,233,.12),rgba(14,165,233,.045) 38%,transparent 72%),
    linear-gradient(135deg,#000 0%,#020407 44%,#000 100%)!important;
  background-attachment:fixed!important;
  color:#eef5ff!important;
}

/* <<< runtime/legacy/styles/blocks/themes/shared/compatibility-preview/001-base-slice-06-theme-02-slice-06-part-01-seg-01-html-body-contact-previe-fine-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-06-shared-cross-surface-03-slice-06-part-01-seg-01-html-body-contact-previe-fine-02-unit-01.css */

html[data-theme=dark] #root,
html[data-theme=light] #root,
html:not([data-theme=dark]) #root,
html[data-theme=dark] .app,
html[data-theme=light] .app,
html:not([data-theme=dark]) .app{
  background:transparent!important;
  color:#eef5ff!important;
}
body::before{
  opacity:.18!important;
  background-image:
    radial-gradient(circle at center,rgba(238,245,255,.34) 0 .46px,transparent .72px),
    radial-gradient(circle at center,rgba(94,234,212,.18) 0 .38px,transparent .68px),
    radial-gradient(circle at center,rgba(158,182,255,.15) 0 .34px,transparent .64px)!important;
  background-size:30px 30px,46px 46px,68px 68px!important;
  background-position:0 0,17px 21px,9px 37px!important;
  -webkit-mask-image:radial-gradient(ellipse at 52% 42%,rgba(0,0,0,.82),rgba(0,0,0,.42) 54%,transparent 88%)!important;
  mask-image:radial-gradient(ellipse at 52% 42%,rgba(0,0,0,.82),rgba(0,0,0,.42) 54%,transparent 88%)!important;
}
body::after{
  opacity:.10!important;
  background:
    radial-gradient(ellipse 720px 320px at 70% 0%,rgba(255,255,255,.18),transparent 62%),
    linear-gradient(118deg,transparent 0 24%,rgba(255,255,255,.12) 38%,transparent 54%)!important;
  mix-blend-mode:screen!important;
}
html body :where(.topbar,.side,.main,.panel,.stat,.modal,.table-wrap,.employee-org-panel,.employee-table-panel,.live-room-head,.nd-page-head,.workbench-unified,.workbench-clean,.employee-workbench-compact,.wb-widget>.panel,.work-hero,.hud-card,.tabs,.toolbar,.settings-shell,.att-report-shell,.att-rule-shell,.role-page,.org-layout>.panel,.comms-layout,.notif-drop,.glass-select-list,.org-pick-modal,.emp-org-inline-editor,.live-room-side,.live-room-canvas-card){
  background:var(--mc-frame-bg)!important;
  border-color:var(--mc-frame-line)!important;
  box-shadow:var(--mc-frame-shadow)!important;
  color:#eef5ff!important;
}
html body :where(.topbar,.side,.live-room-head,.main.page-networkDiag .nd-page-head){
  background:var(--mc-frame-bg-strong)!important;
}
html body :where(.workbench-unified){
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html body :where(h1,h2,h3,h4,h5,h6,b,strong,label,legend,dt,.brand-short,.brand-name,.value,.name,.title,.sc-value,.ai-val,.org-mini-name,.mind-name,.tpl-card-main b,.nd-graph-head b,.nd-system-info b,.nd-overview-fill b,.nd-service-row span,.nd-script-row b,.live-room-head h1,.live-building-tab,.live-floor-row,.live-room-mini,.live-device-row){
  color:#f4f8ff!important;
}
html body :where(p,span,button,a,td,th,li,summary,.nav,.nav-label,.ic,.role,.empty,.desc,.label,.contact-preview,.contact-meta,.nd-cell-sub,.nd-foot,.nd-graph-head,.field-location-chip,.org-pick-main b,.tpl-step b){
  color:#e6effd!important;
}
html body :where(.muted,small,.page-head p,.panel .desc,.field label,.live-room-head p,.main.page-networkDiag .nd-page-head p,.role-list-item small,.org-pick-main span,.nd-service-row b,.nd-script-row span,.nd-system-info span,.nd-overview-fill span,.nd-flow-block strong,.nd-flow-block b,.nd-state-item,.app-lang-menu small){
  color:#91a2bb!important;
}
html body :where(input,select,textarea,.input,.field input,.field select,.field textarea,.toolbar input,.toolbar select,.pager-controls select,.select-summary){
  background:var(--mc-field-bg)!important;
  color:#eef5ff!important;
  border-color:rgba(205,221,245,.085)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html body :where(input,textarea)::placeholder{
  color:#71829d!important;
}
html body :where(.btn,.icon-btn,.topbar .g-chip,.topbar .uchip,.side-fold-btn,.app-lang-menu button,.type-chip,.role-list-item,.org-pick-row,.live-building-tab,.live-floor-row,.live-room-mini,.live-device-row,.live-device-palette button,.live-edit-room-dot,.live-room-bar){
  background:rgba(255,255,255,.04)!important;
  border-color:rgba(205,221,245,.075)!important;
  box-shadow:none!important;
  color:#e8f1ff!important;
}
html body .side .grp,
html body .side .grp *{
  color:#7085a4!important;
}
html body thead th,
html body table th,
html body .nd-table th{
  background:rgba(255,255,255,.035)!important;
  color:#c8d4e7!important;
  border-bottom-color:rgba(205,221,245,.085)!important;
}
html body tbody td,
html body table td,
html body .nd-table td{
  background:transparent!important;
  color:#e3ecfb!important;
  border-bottom-color:rgba(205,221,245,.06)!important;
}
html body :where(.page-head,.toolbar,.tabs,.panel,.stat,.table-wrap,.main.page-networkDiag .nd-page-head,.live-room-head,.main.page-employees .employee-org-panel,.main.page-employees .employee-table-panel,.emp-org-inline-editor,.org-pick-modal,.notif-drop,.glass-select-list){
  border:1px solid rgba(213,228,249,.075)!important;
  box-shadow:0 14px 46px -48px rgba(0,0,0,.88),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html body .btn.primary,
html body .btn.primary *{
  color:#07111f!important;
  background:linear-gradient(180deg,#dce8ff 0%,#92b4ff 100%)!important;
}
html body .btn.danger,
html body .btn.danger *{
  color:#ff9aad!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-06-shared-cross-surface-03-slice-06-part-01-seg-01-html-body-contact-previe-fine-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/compatibility-preview/001-base-slice-06-notifications-04-slice-06-part-01-seg-01-html-body-contact-previe-fine-02-unit-02.css */

html body .tag.ok{background:rgba(74,222,128,.14)!important;color:#7df0a4!important}
html body .tag.warn{background:rgba(251,191,36,.14)!important;color:#f8d36a!important}
html body .tag.danger{background:rgba(251,113,133,.13)!important;color:#ff9aad!important}
html body .tag.info{background:rgba(158,182,255,.13)!important;color:#cbd8ff!important}
html body .tag.gray{background:rgba(255,255,255,.055)!important;color:#b8c6da!important}
html body :where(.nd-state-item.ok span,.nd-combo-table .nd-latline.ok){color:#047857!important}
html body :where(.nd-state-item.bad span,.nd-combo-table .nd-latline.bad){color:#991b1b!important}
html body :where(.nd-combo-table .nd-latline.warn){color:#facc15!important}
html body .main.page-networkDiag :where(.nd-report-panel,.nd-report-section,.nd-card,.nd-table-section,.nd-report-room,.nd-report-speed,.nd-report table,.nd-report tbody tr){
  background:linear-gradient(180deg,rgba(14,22,34,.40),rgba(4,8,14,.24))!important;
  border-color:rgba(213,228,249,.075)!important;
  box-shadow:0 14px 46px -50px rgba(0,0,0,.88),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html body .main.page-networkDiag :where(.nd-report-panel h2,.nd-report-panel h3,.nd-report-panel b,.nd-report-room-loc b,.nd-report-speed-head b,.nd-report code){
  color:#f4f8ff!important;
}
html body .main.page-networkDiag :where(.nd-report-panel small,.nd-report-sub,.nd-report-foot,.nd-report-room-loc small,.nd-report-speed-head span,.nd-report-wan-total span,.nd-report table small){
  color:#91a2bb!important;
}
html body .main.page-networkDiag .nd-report table th{
  background:rgba(255,255,255,.035)!important;
  color:#c8d4e7!important;
  border-bottom-color:rgba(205,221,245,.085)!important;
}
html body .main.page-networkDiag .nd-report table td{
  background:transparent!important;
  color:#e3ecfb!important;
  border-bottom-color:rgba(205,221,245,.06)!important;
}

/* <<< runtime/legacy/styles/blocks/notifications/drawer/compatibility-preview/001-base-slice-06-notifications-04-slice-06-part-01-seg-01-html-body-contact-previe-fine-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-preview/001-base-slice-06-topbar-05-slice-06-part-01-seg-01-html-body-contact-previe-fine-03-malformed-retained.css */

:root,
html,
html[data-theme=light],
html[data-theme=dark],
html:not([data-theme=dark]),
body{
  --brand:#82aaff!important;
  --brand-dark:#e8f0ff!important;
  --brand-soft:rgba(82,134,255,.12)!important;
  --accent:#4f8cff!important;
  --bg:#000103!important;
  --bg-subtle:#02050b!important;
  --chip:rgba(174,201,255,.045)!important;
  --panel:rgba(4,8,16,.48)!important;
  --text:#edf4ff!important;
  --soft:#8497b7!important;
  --line:rgba(154,184,238,.078)!important;
  --mc-frame-bg:linear-gradient(180deg,rgba(7,13,25,.34),rgba(1,4,10,.20))!important;
  --mc-frame-bg-strong:linear-gradient(180deg,rgba(9,17,33,.42),rgba(2,6,14,.28))!important;
  --mc-frame-line:rgba(154,184,238,.066)!important;
  --mc-frame-shadow:0 18px 58px -62px rgba(0,0,0,.9),inset 0 1px 0 rgba(210,228,255,.026)!important;
  --mc-field-bg:linear-gradient(180deg,rgba(174,201,255,.048),rgba(174,201,255,.018))!important;
  --mc-hover-bg:linear-gradient(180deg,rgba(116,166,255,.105),rgba(116,166,255,.035))!important;
  --mc-active-bg:linear-gradient(90deg,rgba(84,138,255,.19),rgba(84,138,255,.045))!important;
}
html body,
html[data-theme=dark] body,
html[data-theme=light] body,
html:not([data-theme=dark]) body{
  background-color:#000103!important;
  background-image:
    radial-gradient(ellipse 900px 520px at 82% 6%,rgba(21,64,160,.16),rgba(10,35,100,.055) 38%,transparent 72%),
    radial-gradient(ellipse 820px 560px at 46% 92%,rgba(22,45,132,.13),rgba(9,20,72,.045) 40%,transparent 76%),
    radial-gradient(ellipse 680px 460px at 3% 70%,rgba(8,43,104,.095),rgba(5,19,55,.032) 38%,transparent 74%),
    linear-gradient(135deg,#000103 0%,#02050b 46%,#000 100%)!important;
  background-attachment:fixed!important;
}
body::before{
  opacity:.075!important;
  background-image:
    radial-gradient(circle at center,rgba(132,171,255,.24) 0 .34px,transparent .72px),
    radial-gradient(circle at center,rgba(222,235,255,.14) 0 .28px,transparent .68px)!important;
  background-size:44px 44px,72px 72px!important;
  background-position:0 0,21px 31px!important;
  -webkit-mask-image:radial-gradient(ellipse at 56% 44%,rgba(0,0,0,.62),rgba(0,0,0,.24) 48%,transparent 84%)!important;
  mask-image:radial-gradient(ellipse at 56% 44%,rgba(0,0,0,.62),rgba(0,0,0,.24) 48%,transparent 84%)!important;
}
body::after{
  opacity:.038!important;
  background:
    radial-gradient(ellipse 780px 260px at 78% 0%,rgba(122,168,255,.20),transparent 68%),
    linear-gradient(118deg,transparent 0 30%,rgba(180,210,255,.10) 46%,transparent 62%)!important;
  mix-blend-mode:screen!important;
}
html body .topbar{
  background:linear-gradient(180deg,rgba(0,3,9,.74),rgba(0,3,9,.44))!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.05)!important;
  backdrop-filter:blur(18px) saturate(1.05)!important;
}
html body .topbar::after{
  display:none!important;
  content:none!important;
}
html body .topbar .uchip,
html body .profile-wrap .uchip{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  outline:0!important;
}
html body .topbar .uchip:hover,

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-preview/001-base-slice-06-topbar-05-slice-06-part-01-seg-01-html-body-contact-previe-fine-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-06-shared-cross-surface-06-slice-06-part-01-seg-02-html-body-contact-previe-mini-01-short-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-06-part-01-html-body-contact-previe.css. Keep import order stable. */
html body .profile-wrap .uchip:hover{
  background:transparent!important;
  box-shadow:none!important;
}
html body .topbar .avatar{
  width:32px!important;
  height:32px!important;
  background:linear-gradient(145deg,#13213d,#345dbe)!important;
  color:#f5f9ff!important;
  border:0!important;
  box-shadow:none!important;
}
html body .topbar .icon-btn,
html body .topbar .side-fold-btn,
html body .topbar .theme-btn,
html body .topbar .logout-btn,
html body .topbar .lang-btn{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#8fa4c6!important;
}
html body .topbar .icon-btn:hover,
html body .topbar .side-fold-btn:hover,
html body .topbar .theme-btn:hover,
html body .topbar .logout-btn:hover,
html body .topbar .lang-btn:hover{
  background:rgba(118,160,255,.085)!important;
  color:#d7e5ff!important;
}
html body .topbar .g-chip,
html body .topbar .top-cloud{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body .layout{
    gap:12px!important;
    padding:0 0 12px 0!important;
    align-items:stretch!important;
    background:transparent!important;
  }
  html body .side,
  html body .layout.side-collapsed .side{
    margin:8px 0 0 12px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    padding:8px 8px 8px 10px!important;
  }
  html body .side .nav,
  html body .side .side-collapse-nav{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html body .side .grp-sep,
  html body .side .grp-sep::after{
    display:none!important;
    content:none!important;
  }
  html body .main{
    position:relative!important;
    min-height:calc(100dvh - 58px - 12px)!important;
    margin:0!important;
    padding:22px 24px 28px!important;
    overflow:auto!important;
    background:
      linear-gradient(180deg,rgba(5,10,20,.50),rgba(1,4,10,.34)),
      radial-gradient(ellipse 720px 420px at 72% 0%,rgba(29,78,216,.10),transparent 70%)!important;
    border:1px solid rgba(132,166,226,.08)!important;
    border-right:0!important;
    border-radius:30px 0 0 30px!important;
    box-shadow:inset 1px 1px 0 rgba(219,233,255,.026),0 28px 90px -78px rgba(0,0,0,.9)!important;
  }
  html body .layout.side-collapsed .main{
    padding-left:24px!important;
  }
}
html body :where(.panel,.stat,.modal,.table-wrap,.main.page-networkDiag .nd-page-head,.live-room-head,.main.page-employees .employee-org-panel,.main.page-employees .employee-table-panel,.emp-org-inline-editor,.org-pick-modal,.notif-drop,.glass-select-list,.work-hero,.hud-card,.tabs,.toolbar,.settings-shell,.att-report-shell,.att-rule-shell,.role-page,.org-layout>.panel,.comms-layout,.live-room-side,.live-room-canvas-card){
  background:linear-gradient(180deg,rgba(8,15,28,.34),rgba(2,6,13,.20))!important;
  border-color:rgba(154,184,238,.058)!important;
  box-shadow:0 16px 50px -58px rgba(0,0,0,.92),inset 0 1px 0 rgba(222,236,255,.024)!important;
}
html body :where(.profile-menu,.profile-menu.glass-select-list,.app-lang-menu,.notif-drop,.org-pick-modal,.glass-select-list){
  background:linear-gradient(180deg,rgba(5,10,20,.94),rgba(1,4,10,.88))!important;
  border:1px solid rgba(132,166,226,.095)!important;
  box-shadow:0 30px 80px -52px rgba(0,0,0,.96),inset 0 1px 0 rgba(222,236,255,.04)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.05)!important;
  backdrop-filter:blur(24px) saturate(1.05)!important;
  color:#edf4ff!important;
}
html body :where(.profile-menu button,.profile-menu.glass-select-list button,.app-lang-menu button){
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#dce8ff!important;
}
html body :where(.profile-menu button:hover,.profile-menu.glass-select-list button:hover,.app-lang-menu button:hover){
  background:rgba(104,151,255,.11)!important;
  color:#fff!important;
}
html body .profile-menu .pm-danger,
html body .profile-menu.glass-select-list .pm-danger{
  color:#ff9aad!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-06-shared-cross-surface-06-slice-06-part-01-seg-02-html-body-contact-previe-mini-01-short-01.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-preview/001-base-slice-06-topbar-07-slice-06-part-01-seg-02-html-body-contact-previe-mini-01-short-02.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .main{
    border-radius:20px 20px 0 0!important;
    margin:0!important;
  }
}
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  .layout{align-items:flex-start!important}
  .side,
  .layout.side-collapsed .side{
    align-self:flex-start!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - var(--mc-topbar-h,46px) - 12px)!important;
    overflow-y:auto!important;
    padding-bottom:8px!important;
  }
}
html body .topbar,
html[data-theme=dark] body .topbar,
html[data-theme=light] body .topbar,
html:not([data-theme=dark]) body .topbar{
  background-color:rgba(0,3,9,.62)!important;
  background-image:linear-gradient(180deg,rgba(0,4,12,.72),rgba(0,3,9,.38))!important;
  border:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  margin:0!important;
  width:100%!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.05)!important;
  backdrop-filter:blur(18px) saturate(1.05)!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-preview/001-base-slice-06-topbar-07-slice-06-part-01-seg-02-html-body-contact-previe-mini-01-short-02.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-preview/001-base-slice-06-topbar-08-slice-06-part-01-seg-02-html-body-contact-previe-mini-02.css */

html body .topbar .uchip,
html[data-theme=dark] body .topbar .uchip,
html body .profile-wrap .uchip,
html[data-theme=dark] body .profile-wrap .uchip{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  outline:0!important;
}
html body .topbar .avatar,
html[data-theme=dark] body .topbar .avatar{
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}
html body .topbar .g-chip,
html body .topbar .icon-btn,
html body .topbar .side-fold-btn,
html body .topbar .theme-btn,
html body .topbar .logout-btn,
html body .topbar .lang-btn,
html[data-theme=dark] body .topbar .g-chip,
html[data-theme=dark] body .topbar .icon-btn,
html[data-theme=dark] body .topbar .side-fold-btn,
html[data-theme=dark] body .topbar .theme-btn,
html[data-theme=dark] body .topbar .logout-btn,
html[data-theme=dark] body .topbar .lang-btn{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body .profile-menu.glass-select-list,
html[data-theme=dark] body .profile-menu.glass-select-list,
html body .profile-menu,
html[data-theme=dark] body .profile-menu{
  background-color:rgba(1,4,10,.94)!important;
  background-image:linear-gradient(180deg,rgba(5,11,23,.96),rgba(0,3,9,.92))!important;
  border:1px solid rgba(132,166,226,.09)!important;
  box-shadow:0 30px 80px -52px rgba(0,0,0,.96),inset 0 1px 0 rgba(222,236,255,.035)!important;
  color:#edf4ff!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-preview/001-base-slice-06-topbar-08-slice-06-part-01-seg-02-html-body-contact-previe-mini-02.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-preview/001-base-slice-06-left-navigation-09-slice-06-part-02-seg-01-html-body-contact-previe-fine-01-short-01-unit-01.css */

/* Legacy ordered base slice 06 part 02; split from 001-base-slice-06-html-body-contact-previe.css. Keep import order stable. */
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body .layout,
  html[data-theme=dark] body .layout{
    gap:12px!important;
    padding:0 0 12px 0!important;
    background:transparent!important;
  }
  html body .side,
  html body .layout.side-collapsed .side,
  html[data-theme=dark] body .side,
  html[data-theme=dark] body .layout.side-collapsed .side{
    margin:8px 0 0 12px!important;
    padding:8px 8px 8px 10px!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html body .main,
  html[data-theme=dark] body .main{
    min-height:calc(100dvh - 58px - 12px)!important;
    margin:0!important;
    padding:22px 24px 28px!important;
    background-color:rgba(1,4,10,.46)!important;
    background-image:
      linear-gradient(180deg,rgba(5,10,20,.50),rgba(1,4,10,.34)),
      radial-gradient(ellipse 720px 420px at 72% 0%,rgba(29,78,216,.10),transparent 70%)!important;
    border:1px solid rgba(132,166,226,.08)!important;
    border-right:0!important;
    border-radius:30px 0 0 30px!important;
    box-shadow:inset 1px 1px 0 rgba(219,233,255,.026),0 28px 90px -78px rgba(0,0,0,.9)!important;
  }
  html body .layout.side-collapsed .main,
  html[data-theme=dark] body .layout.side-collapsed .main{
    padding-left:24px!important;
  }
  html body .side,
  html[data-theme=dark] body .side,
  html body .layout.side-collapsed .side,
  html[data-theme=dark] body .layout.side-collapsed .side{
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html body .side::before,
  html body .side::after,
  html[data-theme=dark] body .side::before,
  html[data-theme=dark] body .side::after{
    display:none!important;
    content:none!important;
  }
  html body .side .side-collapse-nav,
  html[data-theme=dark] body .side .side-collapse-nav{
    display:none!important;
  }
  html body .side .side-grp-head,
  html[data-theme=dark] body .side .side-grp-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding:12px 10px 7px!important;
    margin:0!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    line-height:1!important;
    letter-spacing:.04em!important;
    text-transform:none!important;
  }
  html body .side .side-grp-head span,
  html[data-theme=dark] body .side .side-grp-head span{
    font-size:.84rem!important;
    font-weight:850!important;
  }
  html body .side .grp-daily span,
  html[data-theme=dark] body .side .grp-daily span{
    color:#70b7ff!important;
    font-size:.88rem!important;
  }
  html body .side .grp-admin span,
  html[data-theme=dark] body .side .grp-admin span{
    color:#a78bfa!important;
    font-size:.88rem!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-preview/001-base-slice-06-left-navigation-09-slice-06-part-02-seg-01-html-body-contact-previe-fine-01-short-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-preview/001-base-slice-06-left-navigation-10-slice-06-part-02-seg-01-html-body-contact-previe-fine-01-short-01-unit-02.css */

/* Legacy ordered base slice 06 part 02; split from 001-base-slice-06-html-body-contact-previe.css. Keep import order stable. */
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body .side .side-collapse-inline,
  html[data-theme=dark] body .side .side-collapse-inline{
    width:24px!important;
    height:24px!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 24px!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    border-radius:8px!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    color:#8fb4e8!important;
    cursor:pointer!important;
  }
  html body .side .side-collapse-inline:hover,
  html[data-theme=dark] body .side .side-collapse-inline:hover{
    background:rgba(112,183,255,.10)!important;
    color:#e8f3ff!important;
  }
  html body .side .side-collapse-inline .top-ico,
  html[data-theme=dark] body .side .side-collapse-inline .top-ico{
    width:15px!important;
    height:15px!important;
  }
  html body .side.collapsed .side-grp-head,
  html[data-theme=dark] body .side.collapsed .side-grp-head{
    justify-content:center!important;
    padding:8px 0!important;
  }
  html body .side.collapsed .side-grp-head span,
  html[data-theme=dark] body .side.collapsed .side-grp-head span{
    display:none!important;
  }
  html body .side.collapsed .grp:not(.grp-daily),
  html[data-theme=dark] body .side.collapsed .grp:not(.grp-daily){
    display:none!important;
  }
  html body .main,
  html[data-theme=dark] body .main{
    border-left-color:rgba(132,166,226,.045)!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-preview/001-base-slice-06-left-navigation-10-slice-06-part-02-seg-01-html-body-contact-previe-fine-01-short-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-preview/001-base-slice-06-application-layout-11-slice-06-part-02-seg-01-html-body-contact-previe-fine-01-short-02.css */

html body .app .layout > .side,
html[data-theme=dark] body .app .layout > .side,
html[data-theme=light] body .app .layout > .side,
html:not([data-theme=dark]) body .app .layout > .side,
html body .app .layout.side-collapsed > .side,
html[data-theme=dark] body .app .layout.side-collapsed > .side{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-preview/001-base-slice-06-application-layout-11-slice-06-part-02-seg-01-html-body-contact-previe-fine-01-short-02.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-preview/001-base-slice-06-left-navigation-12-slice-06-part-02-seg-01-html-body-contact-previe-fine-02-short-01.css */

html body .app .layout > .side::before,
html body .app .layout > .side::after,
html[data-theme=dark] body .app .layout > .side::before,
html[data-theme=dark] body .app .layout > .side::after{
  display:none!important;
  content:none!important;
}
html body .app .layout > .side .side-collapse-nav,
html[data-theme=dark] body .app .layout > .side .side-collapse-nav{
  display:none!important;
}
html body .app .layout > .side .side-grp-head,
html[data-theme=dark] body .app .layout > .side .side-grp-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0!important;
  padding:12px 10px 7px!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  line-height:1!important;
  letter-spacing:.04em!important;
  text-transform:none!important;
}
html body .app .layout > .side .side-grp-head span,
html[data-theme=dark] body .app .layout > .side .side-grp-head span{
  font-size:.88rem!important;
  font-weight:850!important;
}
html body .app .layout > .side .grp-daily span,
html[data-theme=dark] body .app .layout > .side .grp-daily span{
  color:#70b7ff!important;
}
html body .app .layout > .side .grp-admin span,
html[data-theme=dark] body .app .layout > .side .grp-admin span{
  color:#a78bfa!important;
}
html body .app .layout > .side .side-collapse-inline,
html[data-theme=dark] body .app .layout > .side .side-collapse-inline{
  width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 24px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:8px!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#8fb4e8!important;
  cursor:pointer!important;
}
html body .app .layout > .side .side-collapse-inline:hover,
html[data-theme=dark] body .app .layout > .side .side-collapse-inline:hover{
  background:rgba(112,183,255,.10)!important;
  color:#e8f3ff!important;
}
html body .app .layout > .side .side-collapse-inline .top-ico,
html[data-theme=dark] body .app .layout > .side .side-collapse-inline .top-ico{
  width:15px!important;
  height:15px!important;
}
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body .app .layout > .side.collapsed .side-grp-head,
  html[data-theme=dark] body .app .layout > .side.collapsed .side-grp-head{
    justify-content:center!important;
    padding:8px 0!important;
  }
  html body .app .layout > .side.collapsed .side-grp-head span,
  html[data-theme=dark] body .app .layout > .side.collapsed .side-grp-head span{
    display:none!important;
  }
  html body .app .layout > .side.collapsed .grp:not(.grp-daily),
  html[data-theme=dark] body .app .layout > .side.collapsed .grp:not(.grp-daily){
    display:none!important;
  }
}
html body .app,
html[data-theme=dark] body .app,
html[data-theme=light] body .app,
html:not([data-theme=dark]) body .app{
  background:#000!important;
  background-image:none!important;
}
html body .topbar,
html[data-theme=dark] body .topbar,
html[data-theme=light] body .topbar,
html:not([data-theme=dark]) body .topbar{
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:inset 0 -1px 0 rgba(163,219,220,.045)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.12)!important;
  backdrop-filter:blur(22px) saturate(1.12)!important;
}

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-preview/001-base-slice-06-left-navigation-12-slice-06-part-02-seg-01-html-body-contact-previe-fine-02-short-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-preview/001-base-slice-06-application-layout-13-slice-06-part-02-seg-01-html-body-contact-previe-fine-02-short-02.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body .app .layout,
  html[data-theme=dark] body .app .layout{
    gap:12px!important;
    background:
      linear-gradient(90deg,rgba(11,20,25,.55) 0,rgba(10,18,23,.46) 208px,transparent 209px),
      transparent!important;
  }
  html body .app .layout > .side,
  html[data-theme=dark] body .app .layout > .side,
  html[data-theme=light] body .app .layout > .side,
  html:not([data-theme=dark]) body .app .layout > .side{
    margin:0 0 0 12px!important;
    padding:14px 8px 8px 10px!important;
    background:
      linear-gradient(180deg,rgba(130,232,210,.08),rgba(79,126,165,.045) 34%,rgba(17,20,26,.16))!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.06)!important;
    backdrop-filter:blur(18px) saturate(1.06)!important;
  }
  html body .main,
  html[data-theme=dark] body .main{
    background-color:rgba(8,10,13,.66)!important;
    background-image:
      linear-gradient(180deg,rgba(18,20,25,.58),rgba(8,10,13,.50)),
      radial-gradient(ellipse 560px 340px at 74% 0%,rgba(120,142,170,.055),transparent 74%)!important;
    border-color:rgba(185,197,215,.055)!important;
    box-shadow:inset 1px 1px 0 rgba(230,238,255,.018),0 28px 90px -78px rgba(0,0,0,.92)!important;
  }
}
html body .app .layout > .side .side-grp-head,
html[data-theme=dark] body .app .layout > .side .side-grp-head{
  justify-content:flex-start!important;
  gap:7px!important;
  min-height:34px!important;
  padding:9px 10px 6px!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-preview/001-base-slice-06-application-layout-13-slice-06-part-02-seg-01-html-body-contact-previe-fine-02-short-02.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-preview/001-base-slice-06-left-navigation-14-slice-06-part-02-seg-01-html-body-contact-previe-fine-03-malformed-retained.css */

html body .app .layout > .side .side-grp-head span,
html[data-theme=dark] body .app .layout > .side .side-grp-head span{
  min-width:4.5em!important;
  text-align:left!important;
  font-size:.88rem!important;
  font-weight:850!important;
  letter-spacing:.02em!important;
}
html body .app .layout > .side .grp-daily span,
html[data-theme=dark] body .app .layout > .side .grp-daily span{
  color:#a8f2df!important;
  text-shadow:0 0 18px rgba(87,222,190,.16)!important;
}
html body .app .layout > .side .grp-admin span,
html[data-theme=dark] body .app .layout > .side .grp-admin span{
  color:#b8bec8!important;
  text-shadow:none!important;
}
html body .app .layout > .side .grp-admin::before,
html[data-theme=dark] body .app .layout > .side .grp-admin::before,
html body .app .layout > .side .grp-daily::before,
html[data-theme=dark] body .app .layout > .side .grp-daily::before{
  display:none!important;
  content:none!important;
}
html body .app .layout > .side .side-collapse-inline,
html[data-theme=dark] body .app .layout > .side .side-collapse-inline{
  order:2!important;
  width:22px!important;
  height:22px!important;
  margin-left:0!important;
  color:#8fd6c9!important;
  background:rgba(153,231,214,.045)!important;
}
html body,
html[data-theme=dark] body,
html[data-theme=light] body,

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-preview/001-base-slice-06-left-navigation-14-slice-06-part-02-seg-01-html-body-contact-previe-fine-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-preview/001-base-slice-06-topbar-15-slice-06-part-02-seg-02-html-body-contact-previe-micro-01-unit-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-06-part-02-html-body-contact-previe.css. Keep import order stable. */
html:not([data-theme=dark]) body{
  --brand:#d5d5d5!important;
  --brand-dark:#f2f2f2!important;
  --brand-soft:rgba(255,255,255,.075)!important;
  --accent:#b7b7b7!important;
  --panel:#0b0c0e!important;
  --bg:#030303!important;
  --bg-subtle:#101113!important;
  --line:rgba(255,255,255,.075)!important;
  --text:#ececec!important;
  --soft:#9d9d9d!important;
  --mc-active-bg:linear-gradient(90deg,rgba(255,255,255,.115),rgba(255,255,255,.058))!important;
}
html body .app,
html[data-theme=dark] body .app,
html[data-theme=light] body .app,
html:not([data-theme=dark]) body .app{
  background:#000!important;
  background-image:none!important;
}
html body .topbar,
html[data-theme=dark] body .topbar,
html[data-theme=light] body .topbar,
html:not([data-theme=dark]) body .topbar{
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.02)!important;
  backdrop-filter:blur(20px) saturate(1.02)!important;
}
html body .topbar::before,
html body .topbar::after,
html[data-theme=dark] body .topbar::before,
html[data-theme=dark] body .topbar::after{
  display:none!important;
  content:none!important;
}
html body .topbar .left small,
html[data-theme=dark] body .topbar .left small,
html[data-theme=light] body .topbar .left small,
html:not([data-theme=dark]) body .topbar .left small{
  border-left:0!important;
  padding-left:0!important;
  margin-left:0!important;
  color:#9b9b9b!important;
}
html body .topbar .left,
html[data-theme=dark] body .topbar .left{
  color:#f1f1f1!important;
}
html body .topbar .left .mark,
html[data-theme=dark] body .topbar .left .mark,
html body .topbar .avatar,
html[data-theme=dark] body .topbar .avatar{
  background:rgba(244,244,241,.045)!important;
  background-image:none!important;
  color:#f5f5f5!important;
  border:0!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-preview/001-base-slice-06-topbar-15-slice-06-part-02-seg-02-html-body-contact-previe-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-preview/001-base-slice-06-application-layout-16-slice-06-part-02-seg-02-html-body-contact-previe-micro-01-unit-02.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body .app .layout,
  html[data-theme=dark] body .app .layout{
    gap:0!important;
    padding:0!important;
    background:
      linear-gradient(180deg,rgba(26,27,29,.82),rgba(14,15,16,.78)) 0 0/220px 100% no-repeat,
      transparent!important;
  }
  html body .app .layout > .side,
  html[data-theme=dark] body .app .layout > .side,
  html[data-theme=light] body .app .layout > .side,
  html:not([data-theme=dark]) body .app .layout > .side{
    margin:0!important;
    padding:14px 10px 10px 22px!important;
    background:linear-gradient(180deg,rgba(26,27,29,.70),rgba(12,13,14,.56))!important;
    border:0!important;
    border-right:0!important;
    border-radius:0 24px 0 0!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:blur(20px) saturate(1.02)!important;
    backdrop-filter:blur(20px) saturate(1.02)!important;
  }
  html body .main,
  html[data-theme=dark] body .main{
    margin:0!important;
    padding:22px 26px 28px!important;
    min-height:calc(100dvh - 54px)!important;
    background-color:#090909!important;
    background-image:linear-gradient(180deg,#101010,#090909 42%,#070707)!important;
    border:0!important;
    border-radius:28px 0 0 0!important;
    box-shadow:none!important;
  }
  html body .layout.side-collapsed .main,
  html[data-theme=dark] body .layout.side-collapsed .main{
    padding-left:26px!important;
  }
}
html body :where(.panel,.stat,.modal,.table-wrap,.main.page-networkDiag .nd-page-head,.live-room-head,.main.page-employees .employee-org-panel,.main.page-employees .employee-table-panel,.emp-org-inline-editor,.org-pick-modal,.notif-drop,.glass-select-list,.work-hero,.hud-card,.tabs,.toolbar,.settings-shell,.att-report-shell,.att-rule-shell,.role-page,.org-layout>.panel,.comms-layout,.live-room-side,.live-room-canvas-card,.role-list-item,.org-pick-row,.contact-item,.chat-list-item),
html[data-theme=dark] body :where(.panel,.stat,.modal,.table-wrap,.main.page-networkDiag .nd-page-head,.live-room-head,.main.page-employees .employee-org-panel,.main.page-employees .employee-table-panel,.emp-org-inline-editor,.org-pick-modal,.notif-drop,.glass-select-list,.work-hero,.hud-card,.tabs,.toolbar,.settings-shell,.att-report-shell,.att-rule-shell,.role-page,.org-layout>.panel,.comms-layout,.live-room-side,.live-room-canvas-card,.role-list-item,.org-pick-row,.contact-item,.chat-list-item){
  background:linear-gradient(180deg,rgba(28,28,30,.46),rgba(14,14,15,.30))!important;
  border-color:rgba(255,255,255,.058)!important;
  box-shadow:0 16px 50px -58px rgba(0,0,0,.96),inset 0 1px 0 rgba(255,255,255,.024)!important;
}
html body .main.page-networkDiag .nd-page-head,
html[data-theme=dark] body .main.page-networkDiag .nd-page-head,
html[data-theme=light] body .main.page-networkDiag .nd-page-head,
html:not([data-theme=dark]) body .main.page-networkDiag .nd-page-head{
  background:linear-gradient(180deg,rgba(28,28,30,.44),rgba(13,13,14,.28))!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:16px!important;
}
html body .role-page .role-list-item.active,
html[data-theme=dark] body .role-page .role-list-item.active,
html body .role-page .role-side .role-list-item.active,
html[data-theme=dark] body .role-page .role-side .role-list-item.active,
html[data-theme=dark] body .main 
html body .main .tabs button.active,
html[data-theme=dark] body .main .tabs button.active,
html body .main .org-pick-row.active,
html[data-theme=dark] body .main .org-pick-row.active{
  background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.055))!important;
  border:0!important;
  border-left:0!important;
  outline:0!important;
  box-shadow:none!important;
  color:#f2f2f2!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-preview/001-base-slice-06-application-layout-16-slice-06-part-02-seg-02-html-body-contact-previe-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-preview/001-base-slice-06-application-layout-17-slice-06-part-02-seg-02-html-body-contact-previe-micro-02-unit-01.css */

html body .role-page .role-list-item.active::before,
html body .role-page .role-list-item.active::after,
html body .main .tree-row.active::before,
html body .main .tree-row.active::after,
html body .main .tabs button.active::before,
html body .main .tabs button.active::after,
html body .main .org-pick-row.active::before,
html body .main .org-pick-row.active::after,
html[data-theme=dark] body .role-page .role-list-item.active::before,
html[data-theme=dark] body .role-page .role-list-item.active::after,
html[data-theme=dark] body .main .tree-row.active::before,
html[data-theme=dark] body .main .tree-row.active::after,
html[data-theme=dark] body .main .tabs button.active::before,
html[data-theme=dark] body .main .tabs button.active::after,
html[data-theme=dark] body .main .org-pick-row.active::before,
html[data-theme=dark] body .main .org-pick-row.active::after{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  box-shadow:none!important;
}
html body .topbar,
html[data-theme=dark] body .topbar,
html[data-theme=light] body .topbar,
html:not([data-theme=dark]) body .topbar{
  background:#0a0a0b!important;
  background-image:none!important;
  overflow:visible!important;
}
html body .topbar::before,
html[data-theme=dark] body .topbar::before,
html[data-theme=light] body .topbar::before,
html:not([data-theme=dark]) body .topbar::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:220px!important;
  height:54px!important;
  background:linear-gradient(180deg,rgba(26,27,29,.78),rgba(18,19,20,.70))!important;
  border-radius:0 26px 0 0!important;
  box-shadow:none!important;
  pointer-events:none!important;
  z-index:0!important;
}
html body .topbar::after,
html[data-theme=dark] body .topbar::after,
html[data-theme=light] body .topbar::after,
html:not([data-theme=dark]) body .topbar::after{
  display:none!important;
  content:none!important;
}
html body .topbar > *,
html[data-theme=dark] body .topbar > *{
  position:relative!important;
  z-index:1!important;
}
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body .app .layout,
  html[data-theme=dark] body .app .layout{
    background:
      linear-gradient(180deg,rgba(18,19,20,.70),rgba(12,13,14,.58)) 0 0/220px 100% no-repeat,
      transparent!important;
  }
  html body .app .layout > .side,
  html[data-theme=dark] body .app .layout > .side,
  html[data-theme=light] body .app .layout > .side,
  html:not([data-theme=dark]) body .app .layout > .side{
    background:linear-gradient(180deg,rgba(18,19,20,.70),rgba(12,13,14,.58))!important;
    border-radius:0!important;
  }
  html body .main,
  html[data-theme=dark] body .main{
    border-radius:28px 0 0 0!important;
  }
}
html body .main > .page-head,
html[data-theme=dark] body .main > .page-head,
html[data-theme=light] body .main > .page-head,
html:not([data-theme=dark]) body .main > .page-head,
html body .main.page-networkDiag .nd-page-head,
html[data-theme=dark] body .main.page-networkDiag .nd-page-head,
html[data-theme=light] body .main.page-networkDiag .nd-page-head,
html:not([data-theme=dark]) body .main.page-networkDiag .nd-page-head{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  border-radius:0!important;
  padding:8px 10px 14px!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-preview/001-base-slice-06-application-layout-17-slice-06-part-02-seg-02-html-body-contact-previe-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-preview/001-base-slice-06-topbar-18-slice-06-part-02-seg-02-html-body-contact-previe-micro-02-unit-02.css */

html body,
html[data-theme=dark] body,
html[data-theme=light] body,
html:not([data-theme=dark]) body{
  --brand:#d0d0d0!important;
  --brand-dark:#f1f1f1!important;
  --brand-soft:rgba(255,255,255,.078)!important;
  --accent:#a9a9a9!important;
  --grad-soft:rgba(255,255,255,.072)!important;
  --mc-active-bg:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.052))!important;
}
html body .topbar,
html[data-theme=dark] body .topbar,
html[data-theme=light] body .topbar,
html:not([data-theme=dark]) body .topbar{
  background:#0a0a0a!important;
  background-image:linear-gradient(90deg,rgba(18,18,19,.76) 0,rgba(18,18,19,.76) 220px,rgba(10,10,10,.84) 220px,rgba(10,10,10,.84) 100%)!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
html body .topbar::before,
html[data-theme=dark] body .topbar::before,
html[data-theme=light] body .topbar::before,
html:not([data-theme=dark]) body .topbar::before{
  background:linear-gradient(180deg,rgba(18,18,19,.76),rgba(14,14,15,.64))!important;
  border-radius:0 26px 0 0!important;
  box-shadow:none!important;
}
html body .topbar .left small,
html[data-theme=dark] body .topbar .left small,
html[data-theme=light] body .topbar .left small,
html:not([data-theme=dark]) body .topbar .left small{
  border-left:0!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-preview/001-base-slice-06-topbar-18-slice-06-part-02-seg-02-html-body-contact-previe-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-preview/001-base-slice-06-application-layout-19-slice-06-part-02-seg-02-html-body-contact-previe-micro-03.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body .app .layout,
  html[data-theme=dark] body .app .layout,
  html[data-theme=light] body .app .layout,
  html:not([data-theme=dark]) body .app .layout{
    background:linear-gradient(180deg,rgba(18,18,19,.76),rgba(12,12,13,.60)) 0 0/220px 100% no-repeat!important;
    gap:0!important;
  }
  html body .app .layout > .side,
  html[data-theme=dark] body .app .layout > .side,
  html[data-theme=light] body .app .layout > .side,
  html:not([data-theme=dark]) body .app .layout > .side{
    background:linear-gradient(180deg,rgba(18,18,19,.76),rgba(12,12,13,.60))!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
  }
  html body .main,
  html[data-theme=dark] body .main,
  html[data-theme=light] body .main,
  html:not([data-theme=dark]) body .main{
    background:#090909!important;
    background-image:linear-gradient(180deg,#101010 0,#090909 42%,#070707 100%)!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:28px 0 0 0!important;
  }
}
html body .main > .page-head,
html[data-theme=dark] body .main > .page-head,
html[data-theme=light] body .main > .page-head,
html:not([data-theme=dark]) body .main > .page-head,
html body :where(.page-head,.role-page,.settings-shell,.att-report-shell,.att-rule-shell,.live-room-head,.main.page-networkDiag .nd-page-head){
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-preview/001-base-slice-06-application-layout-19-slice-06-part-02-seg-02-html-body-contact-previe-micro-03.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-preview/001-base-slice-06-topbar-20-slice-06-part-03-seg-01-html-body-contact-previe-micro-01-unit-01.css */

/* Legacy ordered base slice 06 part 03; split from 001-base-slice-06-html-body-contact-previe.css. Keep import order stable. */
html body .page-head h1::before,
html[data-theme=dark] body .page-head h1::before,
html[data-theme=light] body .page-head h1::before,
html:not([data-theme=dark]) body .page-head h1::before,
html body .stat::before,
html[data-theme=dark] body .stat::before,
html[data-theme=light] body .stat::before,
html:not([data-theme=dark]) body .stat::before{
  display:none!important;
  content:none!important;
  width:0!important;
  box-shadow:none!important;
}
html body .tag.info,
html[data-theme=dark] body .tag.info,
html[data-theme=light] body .tag.info,
html:not([data-theme=dark]) body .tag.info{
  background:rgba(255,255,255,.075)!important;
  color:#d2d2d2!important;
  border-color:rgba(255,255,255,.07)!important;
}
html body .app{
  --mc-rail-w:220px;
  --mc-topbar-h:56px;
  --mc-shell-line:rgba(255,255,255,.22);
  --mc-shell-line-soft:rgba(255,255,255,.105);
  --mc-content-bg:#0e0e0f;
}
html body .app:has(.layout.side-collapsed){
  --mc-rail-w:64px;
}
html body .app,
html[data-theme=dark] body .app,
html[data-theme=light] body .app,
html:not([data-theme=dark]) body .app{
  background:#000!important;
  background-image:none!important;
  color:#ededed!important;
}
html body .topbar,
html[data-theme=dark] body .topbar,
html[data-theme=light] body .topbar,
html:not([data-theme=dark]) body .topbar{
  height:var(--mc-topbar-h)!important;
  min-height:var(--mc-topbar-h)!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.1)!important;
  backdrop-filter:blur(24px) saturate(1.1)!important;
  overflow:visible!important;
}
html body .topbar::before,
html[data-theme=dark] body .topbar::before,
html[data-theme=light] body .topbar::before,
html:not([data-theme=dark]) body .topbar::before{
  display:none!important;
  content:none!important;
  background:none!important;
  background-image:none!important;
}
html body .topbar::after,
html[data-theme=dark] body .topbar::after,
html[data-theme=light] body .topbar::after,
html:not([data-theme=dark]) body .topbar::after{
  display:none!important;
  content:none!important;
  background:none!important;
  background-image:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-preview/001-base-slice-06-topbar-20-slice-06-part-03-seg-01-html-body-contact-previe-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-preview/001-base-slice-06-topbar-21-slice-06-part-03-seg-01-html-body-contact-previe-micro-01-unit-02.css */

html body .topbar > *,
html[data-theme=dark] body .topbar > *{
  position:relative!important;
  z-index:3!important;
}
html body .topbar .left,
html[data-theme=dark] body .topbar .left,
html[data-theme=light] body .topbar .left,
html:not([data-theme=dark]) body .topbar .left{
  width:calc(var(--mc-rail-w) - 28px)!important;
  min-width:0!important;
  color:#f4f7f4!important;
  transition:width .18s ease!important;
}
html body .app:has(.layout.side-collapsed) .topbar .brand-name{
  max-width:0!important;
  opacity:0!important;
  overflow:hidden!important;
}
html body .topbar .left small{
  display:none!important;
}
html body .topbar :where(.icon-btn,.side-fold-btn,.theme-btn,.logout-btn),
html body .topbar :where(.top-ico,svg),
html body .nav :where(.ic,svg){
  color:#d7ded8!important;
  stroke:currentColor!important;
}
html body .topbar .avatar,
html[data-theme=dark] body .topbar .avatar{
  background:rgba(255,255,255,.08)!important;
  border:0!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-preview/001-base-slice-06-topbar-21-slice-06-part-03-seg-01-html-body-contact-previe-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-06-shared-cross-surface-22-slice-06-part-03-seg-01-html-body-contact-previe-micro-02-short-01.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body .layout > .side,
  html[data-theme=dark] body .layout > .side,
  html[data-theme=light] body .layout > .side,
  html:not([data-theme=dark]) body .layout > .side{
    width:var(--mc-rail-w)!important;
    margin:0!important;
    padding:15px 10px 14px 22px!important;
    background:transparent!important;
    border:0!important;
    border-right:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    -webkit-backdrop-filter:blur(24px) saturate(1.08)!important;
    backdrop-filter:blur(24px) saturate(1.08)!important;
    transition:width .18s ease,padding .18s ease!important;
  }
  html body .layout.side-collapsed > .side,
  html[data-theme=dark] body .layout.side-collapsed > .side{
    width:var(--mc-rail-w)!important;
    padding:12px 7px!important;
  }
  html body .main,
  html[data-theme=dark] body .main,
  html[data-theme=light] body .main,
  html:not([data-theme=dark]) body .main{
    position:relative!important;
    min-height:calc(100dvh - var(--mc-topbar-h))!important;
    margin:0!important;
    padding:24px 28px 30px!important;
    background:
      radial-gradient(900px 520px at 34% -10%,rgba(255,255,255,.045),transparent 72%),
      linear-gradient(180deg,rgba(26,26,27,.72),rgba(14,14,15,.96) 34%,rgba(11,11,12,.98))!important;
    border-top:1px solid var(--mc-shell-line)!important;
    border-left:1px solid var(--mc-shell-line)!important;
    border-right:0!important;
    border-bottom:0!important;
    border-radius:30px 0 0 0!important;
    box-shadow:
      inset 1px 1px 0 rgba(255,255,255,.045),
      -18px -18px 46px -42px rgba(255,255,255,.72)!important;
    overflow:auto!important;
  }
  html body .main::before,
  html[data-theme=dark] body .main::before{
    content:""!important;
    position:absolute!important;
    left:-1px!important;
    top:-1px!important;
    width:42px!important;
    height:42px!important;
    border-top:1px solid rgba(255,255,255,.34)!important;
    border-left:1px solid rgba(255,255,255,.34)!important;
    border-radius:30px 0 0 0!important;
    pointer-events:none!important;
    z-index:2!important;
  }
  html body .main::after,
  html[data-theme=dark] body .main::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    right:0!important;
    height:1px!important;
    background:linear-gradient(90deg,rgba(255,255,255,.28),rgba(255,255,255,.10) 38%,transparent 100%)!important;
    pointer-events:none!important;
    z-index:2!important;
  }
}
html body .nav,
html[data-theme=dark] body .nav{
  color:#d7ded8!important;
}
html body :where(.btn.primary,.auth-lang button.active),
html[data-theme=dark] body :where(.btn.primary,.auth-lang button.active){
  background:linear-gradient(135deg,#e8ece8,#aeb7b0)!important;
  color:#111!important;
  border:0!important;
}
html body :where(.tag.info,.nd-chip.info,.nd-dot.info),
html[data-theme=dark] body :where(.tag.info,.nd-chip.info,.nd-dot.info){
  color:#d5d8d5!important;
}
html body .nd-chip.info i,
html body .nd-dot.info,
html[data-theme=dark] body .nd-chip.info i,
html[data-theme=dark] body .nd-dot.info{
  background:#aeb4b0!important;
}
html body,
html[data-theme=dark] body,
html[data-theme=light] body,
html:not([data-theme=dark]) body{
  --router-info:#b8beb9!important;
  --info:#b8beb9!important;
  --brand:#d7ddd8!important;
  --brand-dark:#f2f5f2!important;
  --accent:#a9b7ad!important;
  --grad:linear-gradient(135deg,#dfe5e0,#a5b0a8)!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-06-shared-cross-surface-22-slice-06-part-03-seg-01-html-body-contact-previe-micro-02-short-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-06-shared-cross-surface-23-slice-06-part-03-seg-01-html-body-contact-previe-micro-02-short-02.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body .app .layout > .side,
  html[data-theme=dark] body .app .layout > .side,
  html[data-theme=light] body .app .layout > .side,
  html:not([data-theme=dark]) body .app .layout > .side{
    width:var(--mc-rail-w)!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
  }
  html body .app .layout.side-collapsed > .side,
  html[data-theme=dark] body .app .layout.side-collapsed > .side,
  html[data-theme=light] body .app .layout.side-collapsed > .side,
  html:not([data-theme=dark]) body .app .layout.side-collapsed > .side{
    width:var(--mc-rail-w)!important;
    min-width:var(--mc-rail-w)!important;
    max-width:var(--mc-rail-w)!important;
  }
  html body .app .layout.side-collapsed > .main,
  html[data-theme=dark] body .app .layout.side-collapsed > .main,
  html[data-theme=light] body .app .layout.side-collapsed > .main,
  html:not([data-theme=dark]) body .app .layout.side-collapsed > .main{
    padding-left:28px!important;
  }
}
html body .app .main button.btn.primary,
html[data-theme=dark] body .app .main button.btn.primary,
html[data-theme=light] body .app .main button.btn.primary,
html:not([data-theme=dark]) body .app .main button.btn.primary,
html body .app .main .btn.primary.nd-action,
html[data-theme=dark] body .app .main .btn.primary.nd-action,
html[data-theme=light] body .app .main .btn.primary.nd-action,
html:not([data-theme=dark]) body .app .main .btn.primary.nd-action{
  background:linear-gradient(135deg,rgba(238,242,238,.92),rgba(166,177,168,.88))!important;
  color:#101211!important;
  border:0!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-06-shared-cross-surface-23-slice-06-part-03-seg-01-html-body-contact-previe-micro-02-short-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-06-shared-cross-surface-24-slice-06-part-03-seg-01-html-body-contact-previe-micro-03.css */

html body .app .main button.btn.primary svg,
html body .app .main .btn.primary.nd-action svg,
html[data-theme=dark] body .app .main button.btn.primary svg,
html[data-theme=dark] body .app .main .btn.primary.nd-action svg{
  color:#101211!important;
  stroke:currentColor!important;
}
html body .app :where(.nd-chip.info b,.nd-ring.info,.nd-ring.info *,.tag.info),
html[data-theme=dark] body .app :where(.nd-chip.info b,.nd-ring.info,.nd-ring.info *,.tag.info){
  color:#d7ddd8!important;
}
html body .app :where(.nd-ring.info),
html[data-theme=dark] body .app :where(.nd-ring.info){
  --c:#aeb7b0!important;
}

html body .app,
html[data-theme=dark] body .app,
html[data-theme=light] body .app,
html:not([data-theme=dark]) body .app{
  background:
    radial-gradient(280px 240px at 44px 0,rgba(170,205,184,.12),transparent 76%),
    radial-gradient(820px 520px at 18% -16%,rgba(132,168,148,.07),transparent 72%),
    linear-gradient(135deg,#050606 0%,#080909 42%,#0b0b0c 100%)!important;
}
html body .topbar,
html[data-theme=dark] body .topbar,
html[data-theme=light] body .topbar,
html:not([data-theme=dark]) body .topbar{
  background:
    linear-gradient(180deg,rgba(17,25,21,.50),rgba(9,10,10,.30)),
    radial-gradient(420px 118px at 72px 0,rgba(156,194,174,.09),transparent 78%)!important;
  background-color:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .topbar .left,
html[data-theme=dark] body .topbar .left,
html[data-theme=light] body .topbar .left,
html:not([data-theme=dark]) body .topbar .left{
  background:transparent!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-06-shared-cross-surface-24-slice-06-part-03-seg-01-html-body-contact-previe-micro-03.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-preview/001-base-slice-06-left-navigation-25-slice-06-part-03-seg-02-html-body-contact-previe-trim-01-short-01-unit-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-06-part-03-html-body-contact-previe.css. Keep import order stable. */
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body .app .layout > .side,
  html[data-theme=dark] body .app .layout > .side,
  html[data-theme=light] body .app .layout > .side,
  html:not([data-theme=dark]) body .app .layout > .side{
    background:transparent!important;
    background-image:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html body .app .side:not(.collapsed) .nav,
  html[data-theme=dark] body .app .side:not(.collapsed) .nav{
    gap:0!important;
    padding-left:10px!important;
  }
  html body .app .side:not(.collapsed) .nav .ic,
  html body .app .side:not(.collapsed) .nav .side-ico,
  html body .app .side:not(.collapsed) .nav svg,
  html[data-theme=dark] body .app .side:not(.collapsed) .nav .ic,
  html[data-theme=dark] body .app .side:not(.collapsed) .nav .side-ico,
  html[data-theme=dark] body .app .side:not(.collapsed) .nav svg{
    display:none!important;
  }
  html body .app .side.collapsed .nav .ic,
  html body .app .side.collapsed .nav .side-ico,
  html body .app .side.collapsed .nav svg,
  html[data-theme=dark] body .app .side.collapsed .nav .ic,
  html[data-theme=dark] body .app .side.collapsed .nav .side-ico,
  html[data-theme=dark] body .app .side.collapsed .nav svg{
    display:grid!important;
    place-items:center!important;
  }
  html body .app .side.collapsed .nav .nav-label,
  html[data-theme=dark] body .app .side.collapsed .nav .nav-label{
    display:none!important;
  }
  html body .app .main,
  html[data-theme=dark] body .app .main,
  html[data-theme=light] body .app .main,
  html:not([data-theme=dark]) body .app .main{
    border:0!important;
    border-radius:32px 0 0 0!important;
    box-shadow:inset 1px 1px 0 rgba(255,255,255,.030)!important;
  }
  html body .app .main::before,
  html[data-theme=dark] body .app .main::before,
  html[data-theme=light] body .app .main::before,
  html:not([data-theme=dark]) body .app .main::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:32px!important;
    height:calc(100% - 20px)!important;
    border-top:1px solid rgba(255,255,255,.34)!important;
    border-left:1px solid rgba(255,255,255,.30)!important;
    border-right:0!important;
    border-bottom:0!important;
    border-radius:32px 0 0 0!important;
    background:transparent!important;
    -webkit-mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 48px),transparent 100%)!important;
    mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 48px),transparent 100%)!important;
    pointer-events:none!important;
    z-index:2!important;
  }
  html body .app .main::after,
  html[data-theme=dark] body .app .main::after,
  html[data-theme=light] body .app .main::after,
  html:not([data-theme=dark]) body .app .main::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:29px!important;
    top:0!important;
    right:28px!important;
    height:1px!important;
    background:linear-gradient(90deg,rgba(255,255,255,.34),rgba(255,255,255,.16) 42%,transparent 100%)!important;
    pointer-events:none!important;
    z-index:2!important;
  }
  html body .app .main > *,
  html[data-theme=dark] body .app .main > *{
    position:relative;
    z-index:1;
  }
  html body .app .main > :where(.page-head,.tabs,.toolbar,.panel,.grid,.cards,.settings-shell,.att-report-shell,.att-rule-shell,.role-page,.org-layout,.comms-layout,.tpl-list,.tpl-editor,.oa-launch-panel,.workbench-unified,.workbench-clean,.workbench-lower,.workbench-grid,.employee-workbench-compact),
  html[data-theme=dark] body .app .main > :where(.page-head,.tabs,.toolbar,.panel,.grid,.cards,.settings-shell,.att-report-shell,.att-rule-shell,.role-page,.org-layout,.comms-layout,.tpl-list,.tpl-editor,.oa-launch-panel,.workbench-unified,.workbench-clean,.workbench-lower,.workbench-grid,.employee-workbench-compact){
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  html body .app .main.page-workbench,
  html[data-theme=dark] body .app .main.page-workbench{
    padding:22px 28px 28px!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-preview/001-base-slice-06-left-navigation-25-slice-06-part-03-seg-02-html-body-contact-previe-trim-01-short-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-06-shared-cross-surface-26-slice-06-part-03-seg-02-html-body-contact-previe-trim-01-short-01-unit-02.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-06-part-03-html-body-contact-previe.css. Keep import order stable. */
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body .app .main.page-workbench .workbench-unified,
  html body .app .main.page-workbench .workbench-clean,
  html body .app .main.page-workbench .workbench-triple,
  html body .app .main.page-workbench .employee-workbench-compact,
  html body .app .main.page-workbench .hud-cards,
  html body .app .main.page-workbench .workbench-grid,
  html[data-theme=dark] body .app .main.page-workbench .workbench-unified,
  html[data-theme=dark] body .app .main.page-workbench .workbench-clean,
  html[data-theme=dark] body .app .main.page-workbench .workbench-triple,
  html[data-theme=dark] body .app .main.page-workbench .employee-workbench-compact,
  html[data-theme=dark] body .app .main.page-workbench .hud-cards,
  html[data-theme=dark] body .app .main.page-workbench .workbench-grid{
    width:100%!important;
    max-width:none!important;
  }
  html body .app .main.page-workbench .workbench-triple,
  html[data-theme=dark] body .app .main.page-workbench .workbench-triple{
    grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1fr)!important;
  }
  html body .app .main.page-contacts,
  html[data-theme=dark] body .app .main.page-contacts{
    padding:18px 24px 24px!important;
  }
  html body .app .main.page-contacts .comms-layout,
  html[data-theme=dark] body .app .main.page-contacts .comms-layout{
    width:100%!important;
    max-width:none!important;
    min-height:calc(100dvh - var(--mc-topbar-h) - 62px)!important;
    grid-template-columns:minmax(300px,380px) minmax(0,1fr)!important;
  }
  html body .app .main.page-contacts .chat-shell,
  html[data-theme=dark] body .app .main.page-contacts .chat-shell{
    min-height:calc(100dvh - var(--mc-topbar-h) - 64px)!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-06-shared-cross-surface-26-slice-06-part-03-seg-02-html-body-contact-previe-trim-01-short-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/contacts/preview/compatibility-preview/001-base-slice-06-contact-preview-27-slice-06-part-03-seg-02-html-body-contact-previe-trim-01-short-02.css */

html body .app,
html[data-theme=dark] body .app,
html[data-theme=light] body .app,
html:not([data-theme=dark]) body .app{
  --mc-rail-open:220px;
  --mc-rail-w:220px;
  --mc-topbar-h:56px;
  --mc-shell-line:rgba(255,255,255,.24);
  --mc-shell-line-dim:rgba(255,255,255,.12);
  position:relative!important;
  isolation:isolate!important;
  min-height:100dvh!important;
  overflow-x:hidden!important;
  background:
    radial-gradient(720px 420px at 16% -8%,rgba(112,148,128,.12),transparent 72%),
    radial-gradient(900px 560px at 86% 4%,rgba(255,255,255,.035),transparent 68%),
    linear-gradient(135deg,#020303 0%,#050606 48%,#0a0a0b 100%)!important;
}

/* <<< runtime/legacy/styles/blocks/contacts/preview/compatibility-preview/001-base-slice-06-contact-preview-27-slice-06-part-03-seg-02-html-body-contact-previe-trim-01-short-02.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-preview/001-base-slice-06-topbar-28-slice-06-part-03-seg-02-html-body-contact-previe-trim-02.css */

html body .app::before,
html[data-theme=dark] body .app::before,
html[data-theme=light] body .app::before,
html:not([data-theme=dark]) body .app::before{
  display:none!important;
  content:none!important;
  background:none!important;
  background-image:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app::after,
html[data-theme=dark] body .app::after,
html[data-theme=light] body .app::after,
html:not([data-theme=dark]) body .app::after{
  display:none!important;
  content:none!important;
  background:none!important;
  background-image:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app > :where(.layout,.mobile-quick,.profile-backdrop,.notif-backdrop),
html[data-theme=dark] body .app > :where(.layout,.mobile-quick,.profile-backdrop,.notif-backdrop){
  position:relative!important;
  z-index:1!important;
}
html body .topbar,
html[data-theme=dark] body .topbar,
html[data-theme=light] body .topbar,
html:not([data-theme=dark]) body .topbar{
  height:var(--mc-topbar-h)!important;
  min-height:var(--mc-topbar-h)!important;
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .topbar::before,
html body .topbar::after,
html[data-theme=dark] body .topbar::before,
html[data-theme=dark] body .topbar::after,
html[data-theme=light] body .topbar::before,
html[data-theme=light] body .topbar::after,
html:not([data-theme=dark]) body .topbar::before,
html:not([data-theme=dark]) body .topbar::after{
  display:none!important;
  content:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-preview/001-base-slice-06-topbar-28-slice-06-part-03-seg-02-html-body-contact-previe-trim-02.css */


/* >>> runtime/legacy/styles/blocks/contacts/preview/compatibility/001-base-slice-06-enterprise-entry.css */

/* Enterprise compatibility entry. Ordered owner files preserve the original slice-06 cascade and malformed legacy files. */

/* <<< runtime/legacy/styles/blocks/contacts/preview/compatibility/001-base-slice-06-enterprise-entry.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/effects/001-base-slice-07-part-01-seg-01-html-body-topbar-left-fine-01.css */

/* Legacy ordered base slice 07 part 01; split from 001-base-slice-07-html-body-topbar-left.css. Keep import order stable. */
html body .topbar .left,
html[data-theme=dark] body .topbar .left,
html[data-theme=light] body .topbar .left,
html:not([data-theme=dark]) body .topbar .left{
  width:auto!important;
  min-width:max-content!important;
  flex:0 0 auto!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#f4f7f4!important;
}
html body .app:has(.layout.side-collapsed) .topbar .brand-name,
html[data-theme=dark] body .app:has(.layout.side-collapsed) .topbar .brand-name,
html[data-theme=light] body .app:has(.layout.side-collapsed) .topbar .brand-name,
html:not([data-theme=dark]) body .app:has(.layout.side-collapsed) .topbar .brand-name{
  display:inline-block!important;
  max-width:260px!important;
  width:auto!important;
  opacity:1!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body .topbar .brand-short,
html body .topbar .brand-name,
html[data-theme=dark] body .topbar .brand-short,
html[data-theme=dark] body .topbar .brand-name{
  color:#f2f5f2!important;
  text-shadow:0 10px 34px rgba(0,0,0,.42)!important;
}
html body .topbar .avatar,
html body .profile-wrap .uchip,
html[data-theme=dark] body .topbar .avatar,
html[data-theme=dark] body .profile-wrap .uchip{
  border:0!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/effects/001-base-slice-07-part-01-seg-01-html-body-topbar-left-fine-01.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-layout/001-base-slice-07-left-navigation-001-slice-07-part-01-seg-01-html-body-topbar-left-fine-02-trim-01-short-01.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body .layout,
  html[data-theme=dark] body .layout,
  html[data-theme=light] body .layout,
  html:not([data-theme=dark]) body .layout{
    min-height:calc(100dvh - var(--mc-topbar-h))!important;
    gap:0!important;
    padding:0!important;
    background:transparent!important;
  }
  html body .layout > .side,
  html[data-theme=dark] body .layout > .side,
  html[data-theme=light] body .layout > .side,
  html:not([data-theme=dark]) body .layout > .side{
    width:var(--mc-rail-w)!important;
    min-width:var(--mc-rail-w)!important;
    max-width:var(--mc-rail-w)!important;
    margin:0!important;
    padding:15px 10px 16px 22px!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    transition:width .22s ease,padding .22s ease!important;
  }
  html body .side:not(.collapsed) .nav .ic,
  html body .side:not(.collapsed) .nav .side-ico,
  html body .side:not(.collapsed) .nav svg,
  html[data-theme=dark] body .side:not(.collapsed) .nav .ic,
  html[data-theme=dark] body .side:not(.collapsed) .nav .side-ico,
  html[data-theme=dark] body .side:not(.collapsed) .nav svg{
    display:none!important;
  }
  html body .side:not(.collapsed) .nav,
  html[data-theme=dark] body .side:not(.collapsed) .nav{
    gap:0!important;
    padding-left:10px!important;
  }
  html body .side.collapsed .nav .ic,
  html body .side.collapsed .nav .side-ico,
  html body .side.collapsed .nav svg,
  html[data-theme=dark] body .side.collapsed .nav .ic,
  html[data-theme=dark] body .side.collapsed .nav .side-ico,
  html[data-theme=dark] body .side.collapsed .nav svg{
    display:grid!important;
    place-items:center!important;
  }
  html body .side.collapsed .nav .nav-label,
  html[data-theme=dark] body .side.collapsed .nav .nav-label{
    display:none!important;
  }
  html body .main,
  html[data-theme=dark] body .main,
  html[data-theme=light] body .main,
  html:not([data-theme=dark]) body .main{
    position:relative!important;
    min-width:0!important;
    flex:1 1 auto!important;
    min-height:calc(100dvh - var(--mc-topbar-h))!important;
    margin:0!important;
    padding:24px 28px 30px!important;
    background:
      radial-gradient(840px 500px at 38% -10%,rgba(255,255,255,.04),transparent 72%),
      linear-gradient(180deg,rgba(24,24,25,.76),rgba(14,14,15,.97) 36%,rgba(10,10,11,.98))!important;
    border:0!important;
    border-radius:32px 0 0 0!important;
    box-shadow:inset 1px 1px 0 rgba(255,255,255,.028)!important;
    overflow:auto!important;
    transition:padding .22s ease!important;
  }
  html body .layout.side-collapsed > .main,
  html[data-theme=dark] body .layout.side-collapsed > .main,
  html[data-theme=light] body .layout.side-collapsed > .main,
  html:not([data-theme=dark]) body .layout.side-collapsed > .main{
    padding-left:calc(28px + ((var(--mc-rail-open) - var(--mc-rail-w)) / 2))!important;
  }
  html body .main::before,
  html[data-theme=dark] body .main::before,
  html[data-theme=light] body .main::before,
  html:not([data-theme=dark]) body .main::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:34px!important;
    height:calc(100% - 34px)!important;
    border-top:1px solid rgba(255,255,255,.34)!important;
    border-left:1px solid rgba(255,255,255,.28)!important;
    border-bottom:1px solid rgba(255,255,255,.18)!important;
    border-right:0!important;
    border-radius:32px 0 0 32px!important;
    background:transparent!important;
    pointer-events:none!important;
    z-index:2!important;
    box-shadow:inset 1px 0 0 rgba(255,255,255,.018)!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-layout/001-base-slice-07-left-navigation-001-slice-07-part-01-seg-01-html-body-topbar-left-fine-02-trim-01-short-01.css */


/* >>> runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-07-workbench-002-slice-07-part-01-seg-01-html-body-topbar-left-fine-02-trim-02.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body .main.page-workbench .workbench-text-actions :where(.role-toggle,.mp-toggle),
  html[data-theme=dark] body .main.page-workbench .workbench-text-actions :where(.role-toggle,.mp-toggle){
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:rgba(231,236,232,.74)!important;
    font-size:.78rem!important;
    font-weight:760!important;
    letter-spacing:0!important;
    text-decoration:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html body .main.page-workbench .workbench-text-actions :where(.role-toggle,.mp-toggle):hover,
  html[data-theme=dark] body .main.page-workbench .workbench-text-actions :where(.role-toggle,.mp-toggle):hover{
    transform:none!important;
    color:#f4f7f4!important;
  }
  html body .main.page-workbench .workbench-text-actions .mp-toggle svg{
    display:none!important;
  }
  html body .main.page-workbench .workbench-clean,
  html body .main.page-workbench .workbench-triple,
  html body .main.page-workbench .employee-workbench-compact,
  html[data-theme=dark] body .main.page-workbench .workbench-clean,
  html[data-theme=dark] body .main.page-workbench .workbench-triple,
  html[data-theme=dark] body .main.page-workbench .employee-workbench-compact{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  html body .main.page-workbench .workbench-triple,
  html[data-theme=dark] body .main.page-workbench .workbench-triple{
    grid-template-columns:minmax(220px,.74fr) minmax(300px,1fr) minmax(300px,1fr)!important;
    gap:14px!important;
  }
  html body .main.page-contacts .comms-layout,
  html[data-theme=dark] body .main.page-contacts .comms-layout{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    min-height:calc(100dvh - var(--mc-topbar-h) - 62px)!important;
    grid-template-columns:minmax(300px,380px) minmax(0,1fr)!important;
  }
  html body .main.page-contacts .chat-shell,
  html[data-theme=dark] body .main.page-contacts .chat-shell{
    min-height:calc(100dvh - var(--mc-topbar-h) - 64px)!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-07-workbench-002-slice-07-part-01-seg-01-html-body-topbar-left-fine-02-trim-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-07-shared-cross-surface-003-slice-07-part-01-seg-01-html-body-topbar-left-fine-03-malformed-retained.css */

html body .main.page-workbench .work-punch-stage,
html[data-theme=dark] body .main.page-workbench .work-punch-stage{
  min-height:226px!important;
  padding:8px 0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .main.page-workbench .workbench-punch-slot,
html[data-theme=dark] body .main.page-workbench .workbench-punch-slot{
  justify-content:center!important;
}
html body .main.page-workbench .work-punch-stage .work-punch-main,
html[data-theme=dark] body .main.page-workbench .work-punch-stage .work-punch-main{
  width:100%!important;
  justify-content:center!important;
  padding:0!important;
}
html body .main.page-workbench .work-punch-stage .punch-orb,
html body .main.page-attendance .attendance-orb,
html[data-theme=dark] body .main.page-workbench .work-punch-stage .punch-orb,
html[data-theme=dark] body .main.page-attendance .attendance-orb{
  width:188px!important;
  height:188px!important;
  border-radius:34px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  padding:18px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  text-align:center!important;
  color:#fff!important;
  position:relative!important;
  overflow:hidden!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -22px 38px rgba(0,0,0,.22),
    0 26px 54px -30px rgba(0,0,0,.78)!important;
  text-shadow:0 10px 26px rgba(0,0,0,.34)!important;
}
html body .main.page-workbench .work-punch-stage .punch-orb::before,
html body .main.page-attendance .attendance-orb::before,
html[data-theme=dark] body .main.page-workbench .work-punch-stage .punch-orb::before,
html[data-theme=dark] body .main.page-attendance .attendance-orb::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:
    radial-gradient(95px 80px at 26% 18%,rgba(255,255,255,.42),transparent 70%),
    linear-gradient(145deg,rgba(255,255,255,.16),transparent 42%)!important;
  pointer-events:none!important;
  z-index:0!important;
}
html body .main.page-workbench .work-punch-stage .punch-orb::after,
html body .main.page-attendance .attendance-orb::after,
html[data-theme=dark] body .main.page-workbench .work-punch-stage .punch-orb::after,
html[data-theme=dark] body .main.page-attendance .attendance-orb::after{
  content:""!important;
  position:absolute!important;
  inset:10px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  opacity:1!important;
  animation:none!important;
  pointer-events:none!important;
  z-index:0!important;
}
html body .main.page-workbench .work-punch-stage .punch-orb > *,
html body .main.page-attendance .attendance-orb > *,
html[data-theme=dark] body .main.page-workbench .work-punch-stage .punch-orb > *,
html[data-theme=dark] body .main.page-attendance .attendance-orb > *{
  position:relative!important;
  z-index:1!important;
}
html body .main.page-workbench .work-punch-stage .punch-orb .orb-ic,
html[data-theme=dark] body .main.page-workbench .work-punch-stage .punch-orb .orb-ic{
  display:none!important;
}
html body .main.page-workbench .work-punch-stage .punch-orb .orb-sub,
html body .main.page-attendance .attendance-orb .orb-sub,
html[data-theme=dark] body .main.page-workbench .work-punch-stage .punch-orb .orb-sub,

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-07-shared-cross-surface-003-slice-07-part-01-seg-01-html-body-topbar-left-fine-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-layout/001-base-slice-07-left-navigation-004-slice-07-part-01-seg-02-html-body-topbar-left-micro-02-unit-02.css */

html[data-theme] body .app .side.collapsed .side-collapse-inline,
html body .app .side.collapsed .side-collapse-inline{
  margin:0 auto!important;
}
html[data-theme] body .app .side .nav,
html body .app .side .nav{
  color:#fff!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  font-size:.9rem!important;
}
html[data-theme] body .app .side:not(.collapsed) .nav .ic,
html body .app .side:not(.collapsed) .nav .ic{
  display:none!important;
}
html[data-theme] body .app .main :where(.btn,.tabs button,.toolbar button,.icon-btn),
html body .app .main :where(.btn,.tabs button,.toolbar button,.icon-btn){
  color:#181818!important;
  background:rgba(0,0,0,.07)!important;
  background-image:none!important;
  border-color:rgba(0,0,0,.07)!important;
  box-shadow:none!important;
}
html[data-theme] body .app .main :where(.btn.primary,.tabs button.active),
html body .app .main :where(.btn.primary,.tabs button.active){
  color:#fff!important;
  background:#333!important;
  background-image:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-layout/001-base-slice-07-left-navigation-004-slice-07-part-01-seg-02-html-body-topbar-left-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-07-shared-cross-surface-005-slice-07-part-01-seg-02-html-body-topbar-left-micro-03.css */

html[data-theme] body .app .main :where(input,select,textarea),
html body .app .main :where(input,select,textarea){
  color:#171717!important;
  background:rgba(255,255,255,.34)!important;
  border-color:rgba(0,0,0,.09)!important;
  box-shadow:none!important;
}
html[data-theme] body .app .main :where(.tag,.tag.info,.tag.warn,.tag.ok,.tag.danger,.tag.gray),
html body .app .main :where(.tag,.tag.info,.tag.warn,.tag.ok,.tag.danger,.tag.gray){
  color:#1e1e1e!important;
  background:rgba(0,0,0,.07)!important;
  border:0!important;
}
html[data-theme] body .app .main :where(.punch-orb,.punch-orb.checkedin,.punch-orb.checked,.punch-orb.done,.punch-circle,.punch-circle.done),
html body .app .main :where(.punch-orb,.punch-orb.checkedin,.punch-orb.checked,.punch-orb.done,.punch-circle,.punch-circle.done){
  color:#fff!important;
  background:linear-gradient(145deg,#3b3b3a 0%,#5e5e5c 58%,#747472 100%)!important;
  background-image:linear-gradient(145deg,#3b3b3a 0%,#5e5e5c 58%,#747472 100%)!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 24px 54px -36px rgba(0,0,0,.92)!important;
}
html[data-theme] body .app .main :where(.punch-orb,.punch-orb.checkedin,.punch-orb.checked,.punch-orb.done,.punch-circle,.punch-circle.done) *,
html body .app .main :where(.punch-orb,.punch-orb.checkedin,.punch-orb.checked,.punch-orb.done,.punch-circle,.punch-circle.done) *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checkedin,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checked,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.done,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checkedin,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checked,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.done{
  color:#fff!important;
  background:linear-gradient(145deg,#3b3b3a 0%,#5e5e5c 58%,#747472 100%)!important;
  background-image:linear-gradient(145deg,#3b3b3a 0%,#5e5e5c 58%,#747472 100%)!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 24px 54px -36px rgba(0,0,0,.92)!important;
}
html[data-theme] body .app .layout > .side .side-collapse-inline .top-ico,
html[data-theme] body .app .layout > .side .side-collapse-inline svg,
html body .app .layout > .side .side-collapse-inline .top-ico,
html body .app .layout > .side .side-collapse-inline svg{
  color:#fff!important;
  stroke:#fff!important;
  opacity:1!important;
}
@media(max-width:980px){
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-07-shared-cross-surface-005-slice-07-part-01-seg-02-html-body-topbar-left-micro-03.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-07-application-layout-006-slice-07-part-02-seg-01-html-body-topbar-left-fine-01-short-01.css */

/* Legacy ordered base slice 07 part 02; split from 001-base-slice-07-html-body-topbar-left.css. Keep import order stable. */
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .app::before,
  html body .app::after{
    display:none!important;
  }
  html body .topbar .left{
    min-width:0!important;
    flex:1 1 auto!important;
  }
  html body .main.page-workbench .work-punch-stage .punch-orb,
  html body .main.page-attendance .attendance-orb{
    width:158px!important;
    height:158px!important;
    border-radius:30px!important;
  }
  html body .main.page-workbench .work-punch-stage .punch-orb .orb-sub,
  html body .main.page-attendance .attendance-orb .orb-sub{
    font-size:.86rem!important;
  }
  html body .main.page-workbench .work-punch-stage .punch-orb .orb-time,
  html body .main.page-attendance .attendance-orb .orb-time{
    font-size:1.38rem!important;
  }
}
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body .app .layout.side-collapsed > .main,
  html[data-theme=dark] body .app .layout.side-collapsed > .main,
  html[data-theme=light] body .app .layout.side-collapsed > .main,
  html:not([data-theme=dark]) body .app .layout.side-collapsed > .main{
    padding-left:100px!important;
  }
  html body .app .main::before,
  html[data-theme=dark] body .app .main::before,
  html[data-theme=light] body .app .main::before,
  html:not([data-theme=dark]) body .app .main::before{
    width:34px!important;
    height:calc(100% - 34px)!important;
    border-top:1px solid rgba(255,255,255,.34)!important;
    border-left:1px solid rgba(255,255,255,.28)!important;
    border-bottom:1px solid rgba(255,255,255,.18)!important;
    border-right:0!important;
    border-radius:32px 0 0 32px!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  html body .app .main::after,
  html[data-theme=dark] body .app .main::after,
  html[data-theme=light] body .app .main::after,
  html:not([data-theme=dark]) body .app .main::after{
    left:30px!important;
    right:0!important;
    height:34px!important;
    border-top:1px solid rgba(255,255,255,.34)!important;
    border-right:1px solid rgba(255,255,255,.16)!important;
    border-radius:0 32px 0 0!important;
    background:none!important;
    background-image:none!important;
  }
}
html body,
html[data-theme=dark] body,
html[data-theme=light] body,
html:not([data-theme=dark]) body{
  --mc-rail-open:220px;
  --mc-rail-w:220px;
  --mc-topbar-h:56px;
  --mc-soft-line:rgba(255,255,255,.065);
  --mc-soft-line-2:rgba(255,255,255,.038);
  --mc-glass-dark:rgba(16,17,18,.34);
  --mc-glass-dark-2:rgba(20,21,22,.46);
}
html body .app:has(.layout.side-collapsed){
  --mc-rail-w:76px;
}
html body,
html body #root,
html body .app,
html[data-theme=dark] body,
html[data-theme=dark] body #root,
html[data-theme=dark] body .app,
html[data-theme=light] body,
html[data-theme=light] body #root,
html[data-theme=light] body .app,
html:not([data-theme=dark]) body,
html:not([data-theme=dark]) body #root,
html:not([data-theme=dark]) body .app{
  color:#f2f2f0!important;
  background:#000!important;
  background-image:none!important;
}
html body .app::before,
html body .app::after,
html[data-theme=dark] body .app::before,
html[data-theme=dark] body .app::after,
html[data-theme=light] body .app::before,
html[data-theme=light] body .app::after,
html:not([data-theme=dark]) body .app::before,
html:not([data-theme=dark]) body .app::after{
  display:none!important;
  content:none!important;
  background:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-07-application-layout-006-slice-07-part-02-seg-01-html-body-topbar-left-fine-01-short-01.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-layout/001-base-slice-07-topbar-007-slice-07-part-02-seg-01-html-body-topbar-left-fine-01-short-02.css */

html body .topbar,
html body .side,
html[data-theme=dark] body .topbar,
html[data-theme=dark] body .side,
html[data-theme=light] body .topbar,
html[data-theme=light] body .side,
html:not([data-theme=dark]) body .topbar,
html:not([data-theme=dark]) body .side{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .topbar::before,
html body .topbar::after,
html body .side::before,
html body .side::after,
html[data-theme=dark] body .topbar::before,
html[data-theme=dark] body .topbar::after,
html[data-theme=dark] body .side::before,
html[data-theme=dark] body .side::after{
  display:none!important;
  content:none!important;
}
html body .topbar .left,
html[data-theme=dark] body .topbar .left,
html[data-theme=light] body .topbar .left,
html:not([data-theme=dark]) body .topbar .left{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:#f3f5f2!important;
}
html body .topbar .brand-short,
html body .topbar .brand-name,
html[data-theme=dark] body .topbar .brand-short,
html[data-theme=dark] body .topbar .brand-name{
  color:#f4f5f3!important;
  text-shadow:0 8px 24px rgba(0,0,0,.28)!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-layout/001-base-slice-07-topbar-007-slice-07-part-02-seg-01-html-body-topbar-left-fine-01-short-02.css */


/* >>> runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-07-workbench-008-slice-07-part-02-seg-01-html-body-topbar-left-fine-03-malformed-retained.css */

html body .hud-card .hud-bg,
html body .hud-card .hud-ic,
html[data-theme=dark] body .hud-card .hud-bg,
html[data-theme=dark] body .hud-card .hud-ic{
  display:none!important;
}
html body .ann-banner,
html body .ann-banner.ann-info,
html body .ann-banner.ann-notice,
html body .ann-banner.ann-success,
html body .ann-banner.ann-warn,
html[data-theme=dark] body .ann-banner,
html[data-theme=dark] body .ann-banner.ann-info,
html[data-theme=dark] body .ann-banner.ann-notice,
html[data-theme=dark] body .ann-banner.ann-success,
html[data-theme=dark] body .ann-banner.ann-warn{
  color:#f2f2f0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;
  border:1px solid var(--mc-soft-line)!important;
  box-shadow:none!important;
}
html body .ann-banner::before,
html body .ann-banner::after,
html[data-theme=dark] body .ann-banner::before,
html[data-theme=dark] body .ann-banner::after{
  display:none!important;
  content:none!important;
}
html body .main.page-workbench :where(.panel,.work-punch-stage),
html[data-theme=dark] body .main.page-workbench :where(.panel,.work-punch-stage){
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.014))!important;
  border:1px solid rgba(255,255,255,.052)!important;
  box-shadow:none!important;
}
html body .main.page-workbench .work-punch-stage,
html[data-theme=dark] body .main.page-workbench .work-punch-stage{
  background:transparent!important;
  border:0!important;
}
html body .tag.info,
html body .tag.warn,

/* <<< runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-07-workbench-008-slice-07-part-02-seg-01-html-body-topbar-left-fine-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-07-workbench-009-slice-07-part-02-seg-02-html-body-topbar-left-micro-01-unit-02.css */

@media(max-width:980px){
  html body .main.page-workbench .workbench-triple,
  html[data-theme=dark] body .main.page-workbench .workbench-triple{
    grid-template-columns:1fr!important;
  }
}
html[data-theme] body,
html[data-theme] body #root,
html[data-theme] body .app,
html body,
html body #root,
html body .app{
  --mc-rail-w:220px;
  --mc-topbar-h:56px;
  --mc-right-grey:#c9c9c7;
  --mc-right-grey-panel:rgba(255,255,255,.18);
  --mc-right-grey-line:rgba(0,0,0,.065);
  --text:#171717;
  --soft:#4c4c4a;
  --line:rgba(0,0,0,.08);
  --panel:rgba(255,255,255,.14);
  --chip:rgba(0,0,0,.055);
  color:#171717!important;
  background:
    radial-gradient(760px 460px at 10% 6%,rgba(116,158,130,.38),transparent 72%),
    radial-gradient(560px 420px at 0% 88%,rgba(33,88,66,.36),transparent 70%),
    linear-gradient(146deg,#06130d 0%,#0d2117 46%,#020403 100%)!important;
}
html[data-theme] body .app,
html body .app{
  position:relative!important;
  isolation:isolate!important;
  min-height:100dvh!important;
  overflow:hidden!important;
}

/* <<< runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-07-workbench-009-slice-07-part-02-seg-02-html-body-topbar-left-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-07-shared-cross-surface-010-slice-07-part-02-seg-02-html-body-topbar-left-micro-02-unit-02.css */

html[data-theme] body .app .layout > .side,
html[data-theme] body .app .layout > .side *,
html body .app .layout > .side,
html body .app .layout > .side *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-theme] body .app .layout > .side .side-grp-head,
html body .app .layout > .side .side-grp-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  gap:8px!important;
  padding:8px 5px 5px 0!important;
  margin:4px 0 2px!important;
  color:#fff!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme] body .app .layout > .side .side-grp-head span,
html[data-theme] body .app .layout > .side .grp-daily span,
html[data-theme] body .app .layout > .side .grp-admin span,
html body .app .layout > .side .side-grp-head span,
html body .app .layout > .side .grp-daily span,
html body .app .layout > .side .grp-admin span{
  flex:0 0 auto!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:780!important;
  letter-spacing:0!important;
  text-transform:none!important;
  opacity:1!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-07-shared-cross-surface-010-slice-07-part-02-seg-02-html-body-topbar-left-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-07-shared-cross-surface-011-slice-07-part-02-seg-02-html-body-topbar-left-micro-03.css */

html[data-theme] body .app .layout > .side .side-collapse-inline,
html body .app .layout > .side .side-collapse-inline{
  position:static!important;
  margin-left:auto!important;
  margin-right:5px!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:rgba(255,255,255,.07)!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
  transform:none!important;
}
html[data-theme] body .app .layout > .side .nav,
html[data-theme] body .app .layout > .side .nav *,
html body .app .layout > .side .nav,
html body .app .layout > .side .nav *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-theme] body .app .main,
html[data-theme] body .app .main :where(h1,h2,h3,h4,p,span,small,label,div,td,th,b,strong,li),
html body .app .main,
html body .app .main :where(h1,h2,h3,h4,p,span,small,label,div,td,th,b,strong,li){
  color:#171717!important;
}
html[data-theme] body .app .main :where(.panel,.stat,.card,.hud-card,.ann-banner,.work-punch-stage,.settings-compact-shell,.settings-shell,.sys-card,.att-rule-shell,.att-report-shell,.role-page,.org-layout,.comms-layout,.tpl-list,.tpl-editor,.oa-launch-panel,.workbench-unified,.workbench-clean,.employee-workbench-compact,.network-shell,.live-room-shell,.live-room-panel,.table-wrap,.toolbar,.tabs),
html body .app .main :where(.panel,.stat,.card,.hud-card,.ann-banner,.work-punch-stage,.settings-compact-shell,.settings-shell,.sys-card,.att-rule-shell,.att-report-shell,.role-page,.org-layout,.comms-layout,.tpl-list,.tpl-editor,.oa-launch-panel,.workbench-unified,.workbench-clean,.employee-workbench-compact,.network-shell,.live-room-shell,.live-room-panel,.table-wrap,.toolbar,.tabs){
  color:#171717!important;
  background:var(--mc-right-grey-panel)!important;
  background-image:none!important;
  border-color:var(--mc-right-grey-line)!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-07-shared-cross-surface-011-slice-07-part-02-seg-02-html-body-topbar-left-micro-03.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility/001-base-slice-07-enterprise-entry.css */

/* Enterprise compatibility entry. Ordered semantic owners preserve the original slice-07 cascade. */

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility/001-base-slice-07-enterprise-entry.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/effects/001-base-slice-07-part-01-seg-01-html-body-topbar-left-fine-02-trim-01-short-02.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body .main::after,
  html[data-theme=dark] body .main::after,
  html[data-theme=light] body .main::after,
  html:not([data-theme=dark]) body .main::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:30px!important;
    top:0!important;
    right:0!important;
    height:34px!important;
    border-top:1px solid rgba(255,255,255,.34)!important;
    border-right:1px solid rgba(255,255,255,.16)!important;
    border-left:0!important;
    border-bottom:0!important;
    border-radius:0 32px 0 0!important;
    background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.045) 34%,transparent 74%)!important;
    pointer-events:none!important;
    z-index:2!important;
  }
  html body .main > :where(.page-head,.tabs,.toolbar,.panel,.grid,.cards,.settings-shell,.att-report-shell,.att-rule-shell,.role-page,.org-layout,.comms-layout,.tpl-list,.tpl-editor,.oa-launch-panel,.workbench-unified,.workbench-clean,.workbench-lower,.workbench-grid,.employee-workbench-compact),
  html[data-theme=dark] body .main > :where(.page-head,.tabs,.toolbar,.panel,.grid,.cards,.settings-shell,.att-report-shell,.att-rule-shell,.role-page,.org-layout,.comms-layout,.tpl-list,.tpl-editor,.oa-launch-panel,.workbench-unified,.workbench-clean,.workbench-lower,.workbench-grid,.employee-workbench-compact){
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  html body .main.page-workbench .workbench-unified,
  html[data-theme=dark] body .main.page-workbench .workbench-unified{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:0!important;
  }
  html body .main.page-workbench .workbench-unified-head,
  html[data-theme=dark] body .main.page-workbench .workbench-unified-head{
    display:block!important;
    margin-bottom:6px!important;
  }
  html body .main.page-workbench .workbench-unified-actions,
  html[data-theme=dark] body .main.page-workbench .workbench-unified-actions{
    display:none!important;
  }
  html body .main.page-workbench .view-toolbar.workbench-text-actions,
  html[data-theme=dark] body .main.page-workbench .view-toolbar.workbench-text-actions{
    display:flex!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:14px!important;
    margin:4px 0 14px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/effects/001-base-slice-07-part-01-seg-01-html-body-topbar-left-fine-02-trim-01-short-02.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/effects/001-base-slice-07-part-01-seg-02-html-body-topbar-left-micro-01-unit-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-07-part-01-html-body-topbar-left.css. Keep import order stable. */
html[data-theme=dark] body .main.page-attendance .attendance-orb .orb-sub{
  order:1!important;
  margin:0!important;
  max-width:132px!important;
  font-size:1.02rem!important;
  line-height:1.12!important;
  font-weight:950!important;
  letter-spacing:0!important;
  text-transform:none!important;
  opacity:1!important;
}
html body .main.page-workbench .work-punch-stage .punch-orb .orb-time,
html body .main.page-attendance .attendance-orb .orb-time,
html[data-theme=dark] body .main.page-workbench .work-punch-stage .punch-orb .orb-time,
html[data-theme=dark] body .main.page-attendance .attendance-orb .orb-time{
  order:2!important;
  margin:2px 0 0!important;
  font-size:1.68rem!important;
  line-height:1!important;
  font-weight:900!important;
  font-family:var(--mono)!important;
  letter-spacing:0!important;
}
html body .main.page-workbench .work-punch-stage .punch-orb .orb-meta,
html body .main.page-attendance .attendance-orb .orb-meta,
html[data-theme=dark] body .main.page-workbench .work-punch-stage .punch-orb .orb-meta,
html[data-theme=dark] body .main.page-attendance .attendance-orb .orb-meta{
  order:3!important;
  margin:0!important;
  max-width:138px!important;
  font-size:.72rem!important;
  line-height:1.25!important;
  font-weight:740!important;
  opacity:.9!important;
}
html body .main.page-workbench .work-punch-stage .punch-orb .orb-tiny,
html[data-theme=dark] body .main.page-workbench .work-punch-stage .punch-orb .orb-tiny{
  order:4!important;
  display:block!important;
  margin:1px 0 0!important;
  max-width:140px!important;
  font-size:.62rem!important;
  line-height:1.2!important;
  opacity:.62!important;
}
html body .main.page-workbench .work-punch-stage .punch-orb:hover,
html body .main.page-attendance .attendance-orb:hover,
html[data-theme=dark] body .main.page-workbench .work-punch-stage .punch-orb:hover,
html[data-theme=dark] body .main.page-attendance .attendance-orb:hover{
  z-index:var(--mc-model-lift-z,80)!important;
  transform:translateY(var(--mc-model-lift-y-card,-3px)) scale(1.025)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.38),
    inset 0 -24px 42px rgba(0,0,0,.24),
    0 30px 64px -30px rgba(0,0,0,.82)!important;
}
html body .main.page-workbench .work-punch-stage .punch-orb.unchecked,
html body .main.page-attendance .attendance-orb.unchecked,
html[data-theme=dark] body .main.page-workbench .work-punch-stage .punch-orb.unchecked,
html[data-theme=dark] body .main.page-attendance .attendance-orb.unchecked{
  background:linear-gradient(145deg,#004a5f 0%,#0077b6 52%,#0491bf 100%)!important;
}
html body .main.page-workbench .work-punch-stage .punch-orb.checkedin,
html body .main.page-workbench .work-punch-stage .punch-orb.checked,
html body .main.page-attendance .attendance-orb.checkedin,
html body .main.page-attendance .attendance-orb.checked,
html[data-theme=dark] body .main.page-workbench .work-punch-stage .punch-orb.checkedin,
html[data-theme=dark] body .main.page-workbench .work-punch-stage .punch-orb.checked,
html[data-theme=dark] body .main.page-attendance .attendance-orb.checkedin,
html[data-theme=dark] body .main.page-attendance .attendance-orb.checked{
  background:linear-gradient(145deg,#005c1f 0%,#008000 54%,#16a34a 100%)!important;
}
html body .main.page-workbench .work-punch-stage .punch-orb.done,
html body .main.page-attendance .attendance-orb.done,
html[data-theme=dark] body .main.page-workbench .work-punch-stage .punch-orb.done,
html[data-theme=dark] body .main.page-attendance .attendance-orb.done{
  background:linear-gradient(145deg,#12364c 0%,#075985 56%,#0e7490 100%)!important;
}
html body .main.page-workbench .work-punch-stage .punch-orb.warn,
html body .main.page-attendance .attendance-orb.warn,
html[data-theme=dark] body .main.page-workbench .work-punch-stage .punch-orb.warn,
html[data-theme=dark] body .main.page-attendance .attendance-orb.warn{
  background:linear-gradient(145deg,#6f1111 0%,#991b1b 56%,#b91c1c 100%)!important;
}
html body .main.page-workbench .work-punch-stage .punch-orb.danger,
html body .main.page-attendance .attendance-orb.danger,
html[data-theme=dark] body .main.page-workbench .work-punch-stage .punch-orb.danger,
html[data-theme=dark] body .main.page-attendance .attendance-orb.danger{
  background:linear-gradient(145deg,#4c0b0b 0%,#7f1d1d 55%,#991b1b 100%)!important;
}
html body .main.page-workbench .work-punch-stage .punch-orb.nonwork,
html body .main.page-attendance .attendance-orb.nonwork,
html[data-theme=dark] body .main.page-workbench .work-punch-stage .punch-orb.nonwork,
html[data-theme=dark] body .main.page-attendance .attendance-orb.nonwork{
  background:linear-gradient(145deg,#20242b 0%,#374151 56%,#4b5563 100%)!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/effects/001-base-slice-07-part-01-seg-02-html-body-topbar-left-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/effects/001-base-slice-07-part-01-seg-02-html-body-topbar-left-micro-01-unit-02.css */

html[data-theme] body,
html[data-theme] body #root,
html[data-theme] body .app,
html body,
html body #root,
html body .app{
  --mc-rail-open:220px;
  --mc-rail-w:220px;
  --mc-topbar-h:56px;
  --mc-shell-ink-a:#030605;
  --mc-shell-ink-b:#0b1712;
  --mc-shell-ink-c:#173026;
  --mc-right-grey:#c9c9c7;
  --mc-right-grey-panel:rgba(255,255,255,.18);
  --mc-right-grey-line:rgba(0,0,0,.065);
  --text:#171717;
  --soft:#4c4c4a;
  --line:rgba(0,0,0,.08);
  --panel:rgba(255,255,255,.14);
  --chip:rgba(0,0,0,.055);
  color:#171717!important;
  background:
    radial-gradient(760px 460px at 10% 6%,rgba(116,158,130,.38),transparent 72%),
    radial-gradient(560px 420px at 0% 88%,rgba(33,88,66,.36),transparent 70%),
    linear-gradient(146deg,#06130d 0%,#0d2117 46%,#020403 100%)!important;
}
html[data-theme] body .topbar,
html body .topbar{
  height:var(--mc-topbar-h)!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:#fff!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/effects/001-base-slice-07-part-01-seg-02-html-body-topbar-left-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/effects/001-base-slice-07-part-01-seg-02-html-body-topbar-left-micro-02-unit-01.css */

html[data-theme] body .topbar *,
html body .topbar *{
  color:#fff!important;
  border-color:rgba(255,255,255,.14)!important;
}
html[data-theme] body .topbar .icon-btn:hover,
html body .topbar .icon-btn:hover{
  background:rgba(255,255,255,.08)!important;
}
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html[data-theme] body .app .layout,
  html body .app .layout{
    gap:0!important;
    padding:0!important;
    background:transparent!important;
    background-image:none!important;
  }
  html[data-theme] body .app .layout > .main,
  html body .app .layout > .main{
    color:#171717!important;
    background:var(--mc-right-grey)!important;
    background-image:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    min-height:calc(100dvh - var(--mc-topbar-h))!important;
    overflow:auto!important;
  }
}
html[data-theme] body .app .side,
html[data-theme] body .app .side *,
html body .app .side,
html body .app .side *{
  color:#fff!important;
}
html[data-theme] body .app .side .side-grp-head,
html body .app .side .side-grp-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  width:100%!important;
  min-height:30px!important;
  padding:8px 8px 5px 0!important;
  margin:4px 0 2px!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme] body .app .side .side-grp-head span,
html[data-theme] body .app .side .grp-daily span,
html[data-theme] body .app .side .grp-admin span,
html body .app .side .side-grp-head span,
html body .app .side .grp-daily span,
html body .app .side .grp-admin span{
  color:#fff!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:780!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html[data-theme] body .app .side .grp-admin::before,
html[data-theme] body .app .side .grp-daily::before,
html body .app .side .grp-admin::before,
html body .app .side .grp-daily::before{
  display:none!important;
  content:none!important;
}
html[data-theme] body .app .side .side-collapse-inline,
html body .app .side .side-collapse-inline{
  position:static!important;
  margin-left:auto!important;
  margin-right:5px!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border:0!important;
  border-radius:9px!important;
  color:#fff!important;
  background:rgba(255,255,255,.07)!important;
  background-image:none!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
  transform:none!important;
}
html[data-theme] body .app .side .side-collapse-inline:hover,
html body .app .side .side-collapse-inline:hover{
  background:rgba(255,255,255,.12)!important;
}
html[data-theme] body .app .side.collapsed .side-grp-head,
html body .app .side.collapsed .side-grp-head{
  justify-content:center!important;
  padding-right:0!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/effects/001-base-slice-07-part-01-seg-02-html-body-topbar-left-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/effects/001-base-slice-07-part-02-seg-01-html-body-topbar-left-fine-02-short-01.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body .layout,
  html[data-theme=dark] body .layout,
  html[data-theme=light] body .layout,
  html:not([data-theme=dark]) body .layout{
    gap:0!important;
    padding:0!important;
    background:transparent!important;
  }
  html body .layout > .side,
  html[data-theme=dark] body .layout > .side,
  html[data-theme=light] body .layout > .side,
  html:not([data-theme=dark]) body .layout > .side{
    width:var(--mc-rail-w)!important;
    min-width:var(--mc-rail-w)!important;
    max-width:var(--mc-rail-w)!important;
    padding:15px 10px 16px 22px!important;
    transition:width .18s ease,padding .18s ease!important;
  }
  html body .layout.side-collapsed > .side,
  html[data-theme=dark] body .layout.side-collapsed > .side{
    padding:12px 7px!important;
  }
  html body .main,
  html[data-theme=dark] body .main,
  html[data-theme=light] body .main,
  html:not([data-theme=dark]) body .main{
    flex:1 1 auto!important;
    min-width:0!important;
    min-height:calc(100dvh - var(--mc-topbar-h))!important;
    margin:0!important;
    padding:22px 24px 26px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:auto!important;
  }
  html body .layout.side-collapsed > .main,
  html body .app .layout.side-collapsed > .main,
  html[data-theme=dark] body .layout.side-collapsed > .main,
  html[data-theme=dark] body .app .layout.side-collapsed > .main,
  html[data-theme=light] body .layout.side-collapsed > .main,
  html[data-theme=light] body .app .layout.side-collapsed > .main,
  html:not([data-theme=dark]) body .layout.side-collapsed > .main,
  html:not([data-theme=dark]) body .app .layout.side-collapsed > .main{
    padding-left:24px!important;
  }
  html body .main::before,
  html[data-theme=dark] body .main::before,
  html[data-theme=light] body .main::before,
  html:not([data-theme=dark]) body .main::before,
  html body .app .main::before,
  html[data-theme=dark] body .app .main::before,
  html[data-theme=light] body .app .main::before,
  html:not([data-theme=dark]) body .app .main::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:100%!important;
    height:100%!important;
    pointer-events:none!important;
    z-index:0!important;
    border:0!important;
    border-radius:26px 0 0 0!important;
    background:
      linear-gradient(90deg,var(--mc-soft-line),transparent 46%) left top/100% 1px no-repeat,
      linear-gradient(180deg,var(--mc-soft-line),transparent 44%) left top/1px 100% no-repeat!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    opacity:.86!important;
  }
  html body .main::after,
  html[data-theme=dark] body .main::after,
  html[data-theme=light] body .main::after,
  html:not([data-theme=dark]) body .main::after,
  html body .app .main::after,
  html[data-theme=dark] body .app .main::after,
  html[data-theme=light] body .app .main::after,
  html:not([data-theme=dark]) body .app .main::after{
    display:none!important;
    content:none!important;
    border:0!important;
    background:none!important;
  }
  html body .main > *,
  html[data-theme=dark] body .main > *{
    position:relative!important;
    z-index:1!important;
  }
  html body .main > :where(.page-head,.tabs,.toolbar,.panel,.grid,.cards,.settings-shell,.att-report-shell,.att-rule-shell,.role-page,.org-layout,.comms-layout,.tpl-list,.tpl-editor,.oa-launch-panel,.workbench-unified,.workbench-clean,.workbench-lower,.workbench-grid,.employee-workbench-compact),
  html[data-theme=dark] body .main > :where(.page-head,.tabs,.toolbar,.panel,.grid,.cards,.settings-shell,.att-report-shell,.role-page,.org-layout,.comms-layout,.tpl-list,.tpl-editor,.oa-launch-panel,.workbench-unified,.workbench-clean,.workbench-lower,.workbench-grid,.employee-workbench-compact){
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}
html body .main.page-workbench,
html[data-theme=dark] body .main.page-workbench,
html[data-theme=light] body .main.page-workbench,
html:not([data-theme=dark]) body .main.page-workbench{
  padding:20px 22px 24px!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/effects/001-base-slice-07-part-02-seg-01-html-body-topbar-left-fine-02-short-01.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/effects/001-base-slice-07-part-02-seg-01-html-body-topbar-left-fine-02-short-02.css */

html body .main.page-workbench .workbench-unified,
html[data-theme=dark] body .main.page-workbench .workbench-unified{
  min-height:calc(100dvh - var(--mc-topbar-h) - 44px)!important;
  width:100%!important;
  max-width:none!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
}
html body .main.page-workbench .workbench-clean,
html body .main.page-workbench .workbench-triple,
html body .main.page-workbench .hud-cards,
html[data-theme=dark] body .main.page-workbench .workbench-clean,
html[data-theme=dark] body .main.page-workbench .workbench-triple,
html[data-theme=dark] body .main.page-workbench .hud-cards{
  width:100%!important;
  max-width:none!important;
}
html body .main.page-workbench .workbench-triple,
html[data-theme=dark] body .main.page-workbench .workbench-triple{
  grid-template-columns:minmax(230px,.66fr) minmax(280px,1fr) minmax(280px,1fr)!important;
  gap:12px!important;
}
html body .hud-card,
html body .main.page-workbench .hud-card,
html[data-theme=dark] body .hud-card,
html[data-theme=dark] body .main.page-workbench .hud-card,
html body .hud-blue,
html body .hud-green,
html body .hud-orange,
html body .hud-purple,
html[data-theme=dark] body .hud-blue,
html[data-theme=dark] body .hud-green,
html[data-theme=dark] body .hud-orange,
html[data-theme=dark] body .hud-purple{
  color:#f2f2f0!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;
  border:1px solid var(--mc-soft-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 42px -38px rgba(0,0,0,.92)!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/effects/001-base-slice-07-part-02-seg-01-html-body-topbar-left-fine-02-short-02.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/effects/001-base-slice-07-part-02-seg-02-html-body-topbar-left-micro-01-unit-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-07-part-02-html-body-topbar-left.css. Keep import order stable. */
html body .tag.ok,
html[data-theme=dark] body .tag.info,
html[data-theme=dark] body .tag.warn,
html[data-theme=dark] body .tag.ok{
  background:rgba(255,255,255,.055)!important;
  color:#e8e9e6!important;
  border:0!important;
}
html body .main.page-workbench .work-punch-stage .punch-orb,
html[data-theme=dark] body .main.page-workbench .work-punch-stage .punch-orb{
  background:linear-gradient(145deg,#2a1111,#651919 58%,#7a2020)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 24px 54px -34px rgba(0,0,0,.86)!important;
}
html body .main.page-workbench .work-punch-stage .punch-orb.checkedin,
html body .main.page-workbench .work-punch-stage .punch-orb.checked,
html[data-theme=dark] body .main.page-workbench .work-punch-stage .punch-orb.checkedin,
html[data-theme=dark] body .main.page-workbench .work-punch-stage .punch-orb.checked{
  background:linear-gradient(145deg,#0d2a1a,#146b38 58%,#1d7f45)!important;
}
html body .main.page-workbench .work-punch-stage .punch-orb.done,
html[data-theme=dark] body .main.page-workbench .work-punch-stage .punch-orb.done{
  background:linear-gradient(145deg,#16202a,#263748 58%,#34475a)!important;
}
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body .main::before,
  html body .main::after,
  html body .app .main::before,
  html body .app .main::after,
  html[data-theme=dark] body .main::before,
  html[data-theme=dark] body .main::after,
  html[data-theme=dark] body .app .main::before,
  html[data-theme=dark] body .app .main::after,
  html[data-theme=light] body .main::before,
  html[data-theme=light] body .main::after,
  html[data-theme=light] body .app .main::before,
  html[data-theme=light] body .app .main::after,
  html:not([data-theme=dark]) body .main::before,
  html:not([data-theme=dark]) body .main::after,
  html:not([data-theme=dark]) body .app .main::before,
  html:not([data-theme=dark]) body .app .main::after{
    display:none!important;
    content:none!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
  }
}
html body .layout,
html[data-theme=dark] body .layout,
html[data-theme=light] body .layout,
html:not([data-theme=dark]) body .layout{
  background:transparent!important;
  background-image:none!important;
}
html body .app .layout,
html[data-theme=dark] body .app .layout,
html[data-theme=light] body .app .layout,
html:not([data-theme=dark]) body .app .layout{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body .app .layout,
  html[data-theme=dark] body .app .layout,
  html[data-theme=light] body .app .layout,
  html:not([data-theme=dark]) body .app .layout{
    width:100vw!important;
    max-width:none!important;
  }
  html body .app .layout:not(.side-collapsed) > .main.page-workbench,
  html[data-theme=dark] body .app .layout:not(.side-collapsed) > .main.page-workbench,
  html[data-theme=light] body .app .layout:not(.side-collapsed) > .main.page-workbench,
  html:not([data-theme=dark]) body .app .layout:not(.side-collapsed) > .main.page-workbench{
    flex:1 1 auto!important;
    width:calc(100vw - var(--mc-rail-w))!important;
    max-width:none!important;
    padding-right:0!important;
  }
  html body .app .layout:not(.side-collapsed) > .main.page-workbench .workbench-unified,
  html[data-theme=dark] body .app .layout:not(.side-collapsed) > .main.page-workbench .workbench-unified,
  html[data-theme=light] body .app .layout:not(.side-collapsed) > .main.page-workbench .workbench-unified,
  html:not([data-theme=dark]) body .app .layout:not(.side-collapsed) > .main.page-workbench .workbench-unified{
    width:calc(100% + 10px)!important;
    max-width:none!important;
  }
  html body .app .layout:not(.side-collapsed) > .main.page-workbench .workbench-clean,
  html body .app .layout:not(.side-collapsed) > .main.page-workbench .workbench-triple,
  html body .app .layout:not(.side-collapsed) > .main.page-workbench .hud-cards,
  html[data-theme=dark] body .app .layout:not(.side-collapsed) > .main.page-workbench .workbench-clean,
  html[data-theme=dark] body .app .layout:not(.side-collapsed) > .main.page-workbench .workbench-triple,
  html[data-theme=dark] body .app .layout:not(.side-collapsed) > .main.page-workbench .hud-cards{
    width:100%!important;
    max-width:none!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/effects/001-base-slice-07-part-02-seg-02-html-body-topbar-left-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/effects/001-base-slice-07-part-02-seg-02-html-body-topbar-left-micro-02-unit-01.css */

html[data-theme] body .app::before,
html body .app::before{
  content:""!important;
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(560px 340px at 9% 2%,rgba(145,186,157,.34),transparent 70%),
    radial-gradient(460px 380px at 3% 88%,rgba(36,94,70,.36),transparent 72%),
    linear-gradient(147deg,#06130d 0%,#0d2117 48%,#020403 100%)!important;
}
html[data-theme] body .app::after,
html body .app::after{
  content:""!important;
  display:block!important;
  position:fixed!important;
  left:0!important;
  top:0!important;
  width:100vw!important;
  height:var(--mc-topbar-h)!important;
  z-index:0!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(225,255,235,.052),rgba(255,255,255,.018) 38%,transparent 78%)!important;
}
html[data-theme] body .layout,
html[data-theme] body .side,
html[data-theme] body .main,
html body .layout,
html body .side,
html body .main{
  position:relative!important;
  z-index:1!important;
}
html[data-theme] body .topbar,
html body .topbar{
  height:var(--mc-topbar-h)!important;
  color:#fff!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme] body .topbar *,
html body .topbar *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:rgba(255,255,255,.14)!important;
}
html[data-theme] body .topbar :where(.left,.right,.mark,.avatar,.icon-btn),
html body .topbar :where(.left,.right,.mark,.avatar,.icon-btn){
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  outline:0!important;
}
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html[data-theme] body .app .layout,
  html body .app .layout{
    gap:0!important;
    padding:0!important;
    background:transparent!important;
    background-image:none!important;
    width:100vw!important;
    max-width:none!important;
  }
  html[data-theme] body .app .layout > .side,
  html body .app .layout > .side{
    color:#fff!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    width:var(--mc-rail-w)!important;
    min-width:var(--mc-rail-w)!important;
    max-width:var(--mc-rail-w)!important;
    padding:15px 10px 16px 20px!important;
  }
  html[data-theme] body .app .layout > .main,
  html body .app .layout > .main{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    color:#171717!important;
    background:var(--mc-right-grey)!important;
    background-image:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    min-height:calc(100dvh - var(--mc-topbar-h))!important;
    overflow:auto!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/effects/001-base-slice-07-part-02-seg-02-html-body-topbar-left-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/effects/001-base-slice-07-part-03-seg-01-html-body-topbar-left-nano-01.css */

/* Legacy ordered base slice 07 part 03; split from 001-base-slice-07-html-body-topbar-left.css. Keep import order stable. */
html[data-theme] body .app .main :where(.btn,.tabs button,.toolbar button,.icon-btn),
html body .app .main :where(.btn,.tabs button,.toolbar button,.icon-btn){
  color:#181818!important;
  -webkit-text-fill-color:#181818!important;
  background:rgba(0,0,0,.07)!important;
  background-image:none!important;
  border-color:rgba(0,0,0,.07)!important;
  box-shadow:none!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checkedin,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checked,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.done,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checkedin,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checked,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.done{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:linear-gradient(145deg,#3b3b3a 0%,#5e5e5c 58%,#747472 100%)!important;
  background-image:linear-gradient(145deg,#3b3b3a 0%,#5e5e5c 58%,#747472 100%)!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 24px 54px -36px rgba(0,0,0,.92)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb *,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

html[data-theme] body,
html[data-theme] body #root,
html[data-theme] body .app,
html body,
html body #root,
html body .app{
  --mc-rail-w:220px;
  --mc-topbar-h:56px;
  --mc-shell-black:#020303;
  --mc-shell-black-2:#060707;
  --mc-content-graphite:#171817;
  --mc-content-panel:rgba(255,255,255,.045);
  --mc-content-panel-2:rgba(255,255,255,.028);
  --mc-content-line:rgba(255,255,255,.06);
  --text:#f3f3f0;
  --soft:#a7aaa5;
  --line:rgba(255,255,255,.065);
  --panel:rgba(255,255,255,.045);
  --chip:rgba(255,255,255,.06);
  color:#f3f3f0!important;
  background:
    radial-gradient(860px 440px at 4% -12%,rgba(72,82,74,.20),transparent 70%),
    radial-gradient(620px 420px at 23% 104%,rgba(9,18,15,.62),transparent 72%),
    linear-gradient(146deg,#020303 0%,#060707 44%,#010101 100%)!important;
}
html[data-theme] body .app,
html body .app{
  background:
    radial-gradient(760px 360px at 5% 0%,rgba(82,92,84,.16),transparent 72%),
    radial-gradient(720px 520px at 18% 100%,rgba(8,18,15,.58),transparent 72%),
    linear-gradient(146deg,#020303 0%,#060707 44%,#010101 100%)!important;
}
html[data-theme] body .app::before,
html body .app::before{
  content:""!important;
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(680px 320px at 8% 2%,rgba(92,104,94,.13),transparent 72%),
    radial-gradient(520px 420px at 0% 86%,rgba(18,30,26,.24),transparent 72%),
    linear-gradient(148deg,#020303 0%,#060707 48%,#010101 100%)!important;
}
html[data-theme] body .app::after,
html body .app::after{
  content:""!important;
  display:block!important;
  position:fixed!important;
  left:0!important;
  top:0!important;
  width:100vw!important;
  height:var(--mc-topbar-h)!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.045),rgba(255,255,255,.018) 36%,transparent 78%)!important;
}
html[data-theme] body .topbar,
html body .topbar,
html[data-theme] body .app .layout > .side,
html body .app .layout > .side{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/effects/001-base-slice-07-part-03-seg-01-html-body-topbar-left-nano-01.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/effects/001-base-slice-07-part-03-seg-01-html-body-topbar-left-nano-02.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html[data-theme] body .app .layout,
  html body .app .layout{
    width:100vw!important;
    max-width:none!important;
    gap:0!important;
    padding:0!important;
    background:transparent!important;
  }
  html[data-theme] body .app .layout > .main,
  html body .app .layout > .main{
    color:#f3f3f0!important;
    background:var(--mc-content-graphite)!important;
    background-image:
      radial-gradient(900px 420px at 78% -18%,rgba(255,255,255,.035),transparent 72%),
      linear-gradient(180deg,#1a1b1a 0%,#161716 100%)!important;
    border:0!important;
    border-radius:28px 0 0 0!important;
    box-shadow:inset 1px 1px 0 rgba(255,255,255,.075)!important;
    min-height:calc(100dvh - var(--mc-topbar-h))!important;
    overflow:auto!important;
  }
  html[data-theme] body .app .layout.side-collapsed > .main,
  html body .app .layout.side-collapsed > .main{
    border-radius:28px 0 0 0!important;
  }
}
html[data-theme] body .app .main::before,
html body .app .main::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:52px!important;
  height:52px!important;
  pointer-events:none!important;
  z-index:0!important;
  border-top-left-radius:28px!important;
  border-top:1px solid rgba(255,255,255,.09)!important;
  border-left:1px solid rgba(255,255,255,.075)!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:1!important;
}
html[data-theme] body .app .layout > .side,
html[data-theme] body .app .layout > .side *,
html[data-theme] body .topbar,
html[data-theme] body .topbar *,
html body .app .layout > .side,
html body .app .layout > .side *,
html body .topbar,
html body .topbar *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-theme] body .app .main :where(.btn,.tabs button,.toolbar button,.icon-btn,input,select,textarea),
html body .app .main :where(.btn,.tabs button,.toolbar button,.icon-btn,input,select,textarea){
  color:#f3f3f0!important;
  -webkit-text-fill-color:#f3f3f0!important;
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.075)!important;
  box-shadow:none!important;
}
html[data-theme] body .app .main :where(.btn.primary,.tabs button.active),
html body .app .main :where(.btn.primary,.tabs button.active){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:rgba(255,255,255,.115)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checkedin,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checked,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.done,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checkedin,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checked,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.done{
  background:linear-gradient(145deg,#202120 0%,#3c3d3a 58%,#545551 100%)!important;
  background-image:linear-gradient(145deg,#202120 0%,#3c3d3a 58%,#545551 100%)!important;
  border-color:rgba(255,255,255,.12)!important;
}

html[data-theme] body,
html[data-theme] body #root,
html[data-theme] body .app,
html body,
html body #root,
html body .app{
  --mc-rail-w:220px;
  --mc-topbar-h:56px;
  --mc-shell-surface:#171917;
  --mc-shell-surface-2:#111311;
  --mc-content-deep:#090a09;
  --mc-content-deep-2:#0d0e0d;
  --mc-content-panel:rgba(255,255,255,.052);
  --mc-content-panel-2:rgba(255,255,255,.032);
  --mc-content-line:rgba(255,255,255,.065);
  --text:#f3f3f0;
  --soft:#a9aaa6;
  --line:rgba(255,255,255,.07);
  --panel:rgba(255,255,255,.052);
  --chip:rgba(255,255,255,.065);
  color:#f3f3f0!important;
  background:
    radial-gradient(900px 460px at 9% -18%,rgba(255,255,255,.09),transparent 70%),
    radial-gradient(620px 460px at 0% 96%,rgba(255,255,255,.035),transparent 72%),
    linear-gradient(145deg,var(--mc-shell-surface) 0%,var(--mc-shell-surface-2) 58%,#080908 100%)!important;
}
html[data-theme] body .app,
html body .app{
  position:relative!important;
  isolation:isolate!important;
  min-height:100dvh!important;
  overflow:hidden!important;
  background:
    radial-gradient(900px 460px at 9% -18%,rgba(255,255,255,.09),transparent 70%),
    radial-gradient(620px 460px at 0% 96%,rgba(255,255,255,.035),transparent 72%),
    linear-gradient(145deg,var(--mc-shell-surface) 0%,var(--mc-shell-surface-2) 58%,#080908 100%)!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/effects/001-base-slice-07-part-03-seg-01-html-body-topbar-left-nano-02.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/effects/001-base-slice-07-part-03-seg-01-html-body-topbar-left-nano-03.css */

html[data-theme] body .app::before,
html body .app::before{
  content:""!important;
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(760px 360px at 8% 0%,rgba(255,255,255,.075),transparent 72%),
    linear-gradient(145deg,var(--mc-shell-surface) 0%,var(--mc-shell-surface-2) 60%,#080908 100%)!important;
}
html[data-theme] body .app::after,
html body .app::after{
  display:none!important;
  content:none!important;
  background:none!important;
}
html[data-theme] body .topbar,
html[data-theme] body .app .layout > .side,
html body .topbar,
html body .app .layout > .side{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}
html[data-theme] body .topbar,
html body .topbar{
  height:var(--mc-topbar-h)!important;
  color:#fff!important;
}
html[data-theme] body .topbar :where(.left,.right,.mark,.avatar,.icon-btn),
html body .topbar :where(.left,.right,.mark,.avatar,.icon-btn){
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border-color:transparent!important;
}
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html[data-theme] body .app .layout > .main,
  html body .app .layout > .main{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    min-height:calc(100dvh - var(--mc-topbar-h))!important;
    color:#f3f3f0!important;
    background:
      radial-gradient(980px 440px at 82% -18%,rgba(255,255,255,.028),transparent 72%),
      linear-gradient(180deg,var(--mc-content-deep-2) 0%,var(--mc-content-deep) 100%)!important;
    border:0!important;
    border-radius:30px 0 0 0!important;
    box-shadow:inset 1px 1px 0 rgba(255,255,255,.085)!important;
    overflow:auto!important;
  }
}
html[data-theme] body .app .main::before,

/* <<< runtime/legacy/styles/blocks/shell/topbar/effects/001-base-slice-07-part-03-seg-01-html-body-topbar-left-nano-03.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/effects/001-base-slice-07-part-03-seg-02-html-body-topbar-left-unit-01.css */

/* Legacy ordered CSS segment; extracted from 001-base-slice-07-part-03-html-body-topbar-left.css. Keep import order stable. */
html body .app .main::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:56px!important;
  height:56px!important;
  z-index:0!important;
  pointer-events:none!important;
  border-top-left-radius:30px!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  border-left:1px solid rgba(255,255,255,.08)!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:1!important;
}
html[data-theme] body .app .layout > .side .side-grp-head,
html body .app .layout > .side .side-grp-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  padding:8px 5px 5px 0!important;
  margin:4px 0 2px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme] body .app .layout > .side .side-grp-head span,
html[data-theme] body .app .layout > .side .grp-daily span,
html[data-theme] body .app .layout > .side .grp-admin span,
html body .app .layout > .side .side-grp-head span,
html body .app .layout > .side .grp-daily span,
html body .app .layout > .side .grp-admin span{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:780!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html[data-theme] body .app .layout > .side .side-collapse-inline,
html body .app .layout > .side .side-collapse-inline{
  position:static!important;
  margin-left:auto!important;
  margin-right:5px!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:rgba(255,255,255,.07)!important;
  border:0!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
}
html[data-theme] body .app .main,
html[data-theme] body .app .main :where(h1,h2,h3,h4,p,span,small,label,div,td,th,b,strong,li),
html body .app .main,
html body .app .main :where(h1,h2,h3,h4,p,span,small,label,div,td,th,b,strong,li){
  color:#f3f3f0!important;
}
html[data-theme] body .app .main :where(.panel,.stat,.card,.hud-card,.ann-banner,.work-punch-stage,.settings-compact-shell,.settings-shell,.sys-card,.att-rule-shell,.att-report-shell,.role-page,.org-layout,.comms-layout,.tpl-list,.tpl-editor,.oa-launch-panel,.workbench-unified,.workbench-clean,.employee-workbench-compact,.network-shell,.live-room-shell,.live-room-panel,.table-wrap,.toolbar,.tabs),
html body .app .main :where(.panel,.stat,.card,.hud-card,.ann-banner,.work-punch-stage,.settings-compact-shell,.settings-shell,.sys-card,.att-rule-shell,.att-report-shell,.role-page,.org-layout,.comms-layout,.tpl-list,.tpl-editor,.oa-launch-panel,.workbench-unified,.workbench-clean,.employee-workbench-compact,.network-shell,.live-room-shell,.live-room-panel,.table-wrap,.toolbar,.tabs){
  color:#f3f3f0!important;
  background:linear-gradient(180deg,var(--mc-content-panel),var(--mc-content-panel-2))!important;
  border-color:var(--mc-content-line)!important;
  box-shadow:none!important;
}
html[data-theme] body .app .main :where(.btn,.tabs button,.toolbar button,.icon-btn,input,select,textarea),
html body .app .main :where(.btn,.tabs button,.toolbar button,.icon-btn,input,select,textarea){
  color:#f3f3f0!important;
  -webkit-text-fill-color:#f3f3f0!important;
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/effects/001-base-slice-07-part-03-seg-02-html-body-topbar-left-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/effects/001-base-slice-07-part-03-seg-02-html-body-topbar-left-unit-02.css */

html[data-theme] body,
html[data-theme] body #root,
html[data-theme] body .app,
html body,
html body #root,
html body .app{
  --mc-rail-w:220px;
  --mc-topbar-h:56px;
  --mc-shell-base:#161815;
  --mc-shell-base-2:#101210;
  --mc-right-plane:#050605;
  --mc-right-plane-2:#080908;
  --mc-panel-dark:#111210;
  --mc-panel-dark-2:#0d0e0d;
  --mc-panel-line:rgba(255,255,255,.055);
  --text:#f4f4f1;
  --soft:#a8aaa6;
  --line:rgba(255,255,255,.055);
  --panel:#111210;
  --chip:rgba(255,255,255,.065);
  color:#f4f4f1!important;
  background:
    radial-gradient(840px 430px at 8% -14%,rgba(255,255,255,.085),transparent 70%),
    linear-gradient(145deg,var(--mc-shell-base) 0%,var(--mc-shell-base-2) 58%,#090a09 100%)!important;
}
html[data-theme] body .app:has(.layout.side-collapsed),
html body .app:has(.layout.side-collapsed){
  --mc-rail-w:76px;
}
html[data-theme] body .app,
html body .app{
  position:relative!important;
  isolation:isolate!important;
  min-height:100dvh!important;
  overflow:hidden!important;
  background:
    radial-gradient(840px 430px at 8% -14%,rgba(255,255,255,.085),transparent 70%),
    linear-gradient(145deg,var(--mc-shell-base) 0%,var(--mc-shell-base-2) 58%,#090a09 100%)!important;
}
html[data-theme] body .app::before,
html body .app::before{
  content:""!important;
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(840px 430px at 8% -14%,rgba(255,255,255,.085),transparent 70%),
    linear-gradient(145deg,var(--mc-shell-base) 0%,var(--mc-shell-base-2) 58%,#090a09 100%)!important;
}
html[data-theme] body .app::after,
html body .app::after,
html[data-theme] body .topbar::before,
html[data-theme] body .topbar::after,

/* <<< runtime/legacy/styles/blocks/shell/topbar/effects/001-base-slice-07-part-03-seg-02-html-body-topbar-left-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-01.css */

/* Legacy ordered base slice 08 part 01; split from 001-base-slice-08-html-data-theme-body-sid.css. Keep import order stable. */
html[data-theme] body .side::before,
html[data-theme] body .side::after,
html body .topbar::before,
html body .topbar::after,
html body .side::before,
html body .side::after{
  display:none!important;
  content:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme] body .topbar,
html[data-theme] body .app .layout > .side,
html body .topbar,
html body .app .layout > .side{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-01.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-effects/001-base-slice-08-topbar-segment-01.css */

html[data-theme] body .topbar .left,
html[data-theme] body .topbar .right,
html[data-theme] body .topbar .mark,
html[data-theme] body .topbar .avatar,
html[data-theme] body .topbar .icon-btn,
html body .topbar .left,
html body .topbar .right,
html body .topbar .mark,
html body .topbar .avatar,
html body .topbar .icon-btn{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme] body .topbar .left small,
html body .topbar .left small{
  border-left:0!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-effects/001-base-slice-08-topbar-segment-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-02.css */

html[data-theme] body .topbar *,
html[data-theme] body .app .layout > .side *,
html body .topbar *,
html body .app .layout > .side *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-02.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-01.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html[data-theme] body .app .layout,
  html body .app .layout{
    width:100vw!important;
    max-width:none!important;
    gap:0!important;
    padding:0!important;
    background:transparent!important;
    background-image:none!important;
  }
  html[data-theme] body .app .layout > .side,
  html body .app .layout > .side{
    width:var(--mc-rail-w)!important;
    min-width:var(--mc-rail-w)!important;
    max-width:var(--mc-rail-w)!important;
    padding:15px 10px 16px 20px!important;
  }
  html[data-theme] body .app .layout.side-collapsed > .side,
  html body .app .layout.side-collapsed > .side{
    padding:12px 7px!important;
  }
  html[data-theme] body .app .layout > .main,
  html body .app .layout > .main{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    min-height:calc(100dvh - var(--mc-topbar-h))!important;
    color:#f4f4f1!important;
    background:linear-gradient(180deg,var(--mc-right-plane-2) 0%,var(--mc-right-plane) 100%)!important;
    border:0!important;
    border-color:transparent!important;
    border-radius:30px 0 0 0!important;
    box-shadow:none!important;
    overflow:auto!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-effects/001-base-slice-08-application-layout-segment-01.css */

html[data-theme] body .app .main::before,
html[data-theme] body .app .main::after,
html body .app .main::before,
html body .app .main::after{
  display:none!important;
  content:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme] body .app .main,
html[data-theme] body .app .main :where(h1,h2,h3,h4,p,span,small,label,div,td,th,b,strong,li),
html body .app .main,
html body .app .main :where(h1,h2,h3,h4,p,span,small,label,div,td,th,b,strong,li){
  color:#f4f4f1!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-effects/001-base-slice-08-application-layout-segment-01.css */


/* >>> runtime/legacy/styles/blocks/shell/workbench/compatibility-effects/001-base-slice-08-workbench-segment-01.css */

html[data-theme] body .app .main :where(.workbench-unified,.workbench-clean,.workbench-lower,.workbench-grid,.workbench-triple,.work-punch-stage,.employee-workbench-compact),
html body .app .main :where(.workbench-unified,.workbench-clean,.workbench-lower,.workbench-grid,.workbench-triple,.work-punch-stage,.employee-workbench-compact){
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/workbench/compatibility-effects/001-base-slice-08-workbench-segment-01.css */


/* >>> runtime/legacy/styles/blocks/shell/workbench/compatibility-effects/001-base-slice-08-workbench-segment-02.css */

html[data-theme] body .app .main :where(.panel,.stat,.card,.hud-card,.ann-banner,.settings-compact-shell,.settings-shell,.sys-card,.att-rule-shell,.att-report-shell,.role-page,.org-layout,.comms-layout,.tpl-list,.tpl-editor,.oa-launch-panel,.network-shell,.live-room-shell,.live-room-panel,.table-wrap,.toolbar,.tabs),
html body .app .main :where(.panel,.stat,.card,.hud-card,.ann-banner,.settings-compact-shell,.settings-shell,.sys-card,.att-rule-shell,.att-report-shell,.role-page,.org-layout,.comms-layout,.tpl-list,.tpl-editor,.oa-launch-panel,.network-shell,.live-room-shell,.live-room-panel,.table-wrap,.toolbar,.tabs){
  color:#f4f4f1!important;
  background:linear-gradient(180deg,var(--mc-panel-dark),var(--mc-panel-dark-2))!important;
  border-color:var(--mc-panel-line)!important;
  box-shadow:none!important;
}
html[data-theme] body .app .main.page-workbench :where(.panel,.work-punch-stage),
html body .app .main.page-workbench :where(.panel,.work-punch-stage){
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme] body .app .main.page-workbench :where(.hud-card,.ann-banner),
html body .app .main.page-workbench :where(.hud-card,.ann-banner){
  background:linear-gradient(180deg,#151613,#101110)!important;
  border:1px solid var(--mc-panel-line)!important;
  box-shadow:none!important;
}
html[data-theme] body .app .main.page-workbench :where(.hud-card,.hud-card *,.ann-banner,.ann-banner *),
html body .app .main.page-workbench :where(.hud-card,.hud-card *,.ann-banner,.ann-banner *){
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/workbench/compatibility-effects/001-base-slice-08-workbench-segment-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-effects/001-base-slice-08-application-layout-segment-02.css */

html[data-theme] body .app .main :where(.btn,.tabs button,.toolbar button,.icon-btn,input,select,textarea),
html body .app .main :where(.btn,.tabs button,.toolbar button,.icon-btn,input,select,textarea){
  color:#f4f4f1!important;
  -webkit-text-fill-color:#f4f4f1!important;
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-effects/001-base-slice-08-application-layout-segment-02.css */


/* >>> runtime/legacy/styles/blocks/themes/shared/compatibility-effects/001-base-slice-08-theme-segment-01.css */

html[data-theme] body,
html[data-theme] body #root,
html[data-theme] body .app,
html body,
html body #root,
html body .app{
  background:
    radial-gradient(720px 380px at 6% -12%,rgba(255,255,255,.07),transparent 70%),
    linear-gradient(90deg,#181a17 0%,#141612 86px,#0c0d0c 220px,#080908 100%)!important;
}
html[data-theme] body .app,
html[data-theme] body .app::before,
html body .app,
html body .app::before{
  background:
    radial-gradient(720px 380px at 6% -12%,rgba(255,255,255,.07),transparent 70%),
    linear-gradient(90deg,#181a17 0%,#141612 86px,#0c0d0c 220px,#080908 100%)!important;
}

/* <<< runtime/legacy/styles/blocks/themes/shared/compatibility-effects/001-base-slice-08-theme-segment-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-effects/001-base-slice-08-application-layout-segment-03.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html[data-theme] body .app .layout > .main,
  html body .app .layout > .main{
    background:linear-gradient(180deg,#080908 0%,#050605 100%)!important;
    border:0!important;
    box-shadow:none!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-effects/001-base-slice-08-application-layout-segment-03.css */


/* >>> runtime/legacy/styles/blocks/themes/shared/compatibility-effects/001-base-slice-08-theme-segment-02.css */

html[data-theme] body,
html[data-theme] body #root,
html[data-theme] body .app,
html body,
html body #root,
html body .app{
  --mc-topbar-h:40px;
  --mc-rail-w:220px;
  --mc-right-plane:#050605;
  --mc-right-plane-2:#080908;
  background:
    radial-gradient(680px 300px at 5% -12%,rgba(255,255,255,.055),transparent 72%),
    linear-gradient(90deg,#181a17 0%,#141612 88px,#0b0c0b 220px,#080908 100%)!important;
}
html[data-theme] body .app,
html[data-theme] body .app::before,
html body .app,
html body .app::before{
  background:
    radial-gradient(680px 300px at 5% -12%,rgba(255,255,255,.055),transparent 72%),
    linear-gradient(90deg,#181a17 0%,#141612 88px,#0b0c0b 220px,#080908 100%)!important;
}

/* <<< runtime/legacy/styles/blocks/themes/shared/compatibility-effects/001-base-slice-08-theme-segment-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-03.css */

html[data-theme] body .app::after,
html[data-theme] body .topbar::before,
html[data-theme] body .topbar::after,
html[data-theme] body .side::before,
html[data-theme] body .side::after,
html body .app::after,
html body .topbar::before,
html body .topbar::after,
html body .side::before,
html body .side::after{
  display:none!important;
  content:none!important;
  border:0!important;
  box-shadow:none!important;
  background:none!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-03.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-effects/001-base-slice-08-topbar-segment-02.css */

html[data-theme] body .topbar,
html body .topbar{
  height:var(--mc-topbar-h)!important;
  min-height:var(--mc-topbar-h)!important;
  max-height:var(--mc-topbar-h)!important;
  padding:0 18px 0 14px!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html[data-theme] body .topbar .left,
html body .topbar .left{
  height:var(--mc-topbar-h)!important;
  gap:8px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme] body .topbar .brand-name,
html body .topbar .brand-name{
  font-size:.82rem!important;
  line-height:1!important;
  letter-spacing:0!important;
}
html[data-theme] body .topbar .left small,
html body .topbar .left small{
  display:none!important;
  border:0!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-effects/001-base-slice-08-topbar-segment-02.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-effects/001-base-slice-08-topbar-segment-03.css */

html[data-theme] body .topbar .right,
html body .topbar .right{
  height:var(--mc-topbar-h)!important;
  gap:12px!important;
  padding-right:24px!important;
  margin-left:auto!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme] body .topbar .icon-btn,
html[data-theme] body .topbar .theme-btn,
html[data-theme] body .topbar .logout-btn,
html body .topbar .icon-btn,
html body .topbar .theme-btn,
html body .topbar .logout-btn{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border-radius:8px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  opacity:.92!important;
}
html[data-theme] body .topbar .icon-btn:hover,
html[data-theme] body .topbar .theme-btn:hover,
html[data-theme] body .topbar .logout-btn:hover,
html body .topbar .icon-btn:hover,
html body .topbar .theme-btn:hover,
html body .topbar .logout-btn:hover{
  background:rgba(255,255,255,.055)!important;
}
html[data-theme] body .topbar .top-ico,
html[data-theme] body .topbar .icon-btn svg,
html body .topbar .top-ico,
html body .topbar .icon-btn svg{
  width:15px!important;
  height:15px!important;
  stroke-width:1.65!important;
  opacity:.92!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-effects/001-base-slice-08-topbar-segment-03.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-effects/001-base-slice-08-topbar-segment-04.css */

html[data-theme] body .topbar .avatar,
html body .topbar .avatar{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  font-size:.64rem!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.075)!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-effects/001-base-slice-08-topbar-segment-04.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-04.css */

html[data-theme] body .topbar .uchip,
html body .topbar .uchip{
  gap:6px!important;
  padding:0!important;
  background:transparent!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-04.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-02.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html[data-theme] body .app .layout > .main,
  html body .app .layout > .main{
    min-height:calc(100dvh - var(--mc-topbar-h))!important;
    background:linear-gradient(180deg,#080908 0%,#050605 100%)!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:28px 0 0 0!important;
  }
  html[data-theme] body .app .layout > .side,
  html body .app .layout > .side{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-effects/001-base-slice-08-application-layout-segment-04.css */

html[data-theme] body .app .main::before,
html body .app .main::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  border-radius:28px 0 0 0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:inset 0 0 0 .5px rgba(255,255,255,.075)!important;
}
html[data-theme] body .app .main::after,
html body .app .main::after{
  display:none!important;
  content:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-effects/001-base-slice-08-application-layout-segment-04.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-03.css */

html[data-theme] body .app:has(.layout.side-collapsed),
html body .app:has(.layout.side-collapsed){
  --mc-rail-w:46px;
}

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-03.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-04.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-08-part-01-html-data-theme-body-sid.css. Keep import order stable. */
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html[data-theme] body .app .layout.side-collapsed > .side,
  html body .app .layout.side-collapsed > .side{
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    padding:26px 2px 12px!important;
  }
  html[data-theme] body .app .layout.side-collapsed > .main,
  html body .app .layout.side-collapsed > .main{
    width:calc(100vw - 46px)!important;
    max-width:none!important;
  }
}
html[data-theme] body .app .side.collapsed .side-grp-head,
html body .app .side.collapsed .side-grp-head{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-height:24px!important;
  height:24px!important;
  padding:0!important;
  margin:0 0 5px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme] body .app .side.collapsed .side-grp-head span,
html body .app .side.collapsed .side-grp-head span{
  display:none!important;
}
html[data-theme] body .app .side .side-collapse-inline,
html[data-theme] body .app .side.collapsed .side-collapse-inline,
html body .app .side .side-collapse-inline,
html body .app .side.collapsed .side-collapse-inline{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  padding:0!important;
  margin:0!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  display:grid!important;
  place-items:center!important;
  opacity:.82!important;
}
html[data-theme] body .app .side .side-collapse-inline:hover,
html[data-theme] body .app .side.collapsed .side-collapse-inline:hover,
html body .app .side .side-collapse-inline:hover,
html body .app .side.collapsed .side-collapse-inline:hover{
  background:transparent!important;
  opacity:1!important;
}
html[data-theme] body .app .side .side-collapse-inline .top-ico,
html[data-theme] body .app .side .side-collapse-inline svg,
html body .app .side .side-collapse-inline .top-ico,
html body .app .side .side-collapse-inline svg{
  width:14px!important;
  height:14px!important;
  stroke-width:1.35!important;
  opacity:.88!important;
}
html[data-theme] body .app .side.collapsed .nav,
html body .app .side.collapsed .nav{
  width:30px!important;
  height:38px!important;
  min-width:30px!important;
  min-height:38px!important;
  padding:0!important;
  margin:0 0 1px 2px!important;
  border-radius:8px!important;
  justify-content:center!important;
  align-items:center!important;
  gap:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme] body .app .side.collapsed .nav .nav-label,
html body .app .side.collapsed .nav .nav-label{
  display:none!important;
}
html[data-theme] body .app .side.collapsed .nav .ic,
html[data-theme] body .app .side.collapsed .nav .side-ico,
html[data-theme] body .app .side.collapsed .nav svg,
html body .app .side.collapsed .nav .ic,
html body .app .side.collapsed .nav .side-ico,
html body .app .side.collapsed .nav svg{
  display:grid!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  margin:0!important;
  padding:0!important;
  stroke-width:1.35!important;
  font-size:.88rem!important;
  line-height:1!important;
  opacity:.86!important;
}

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-04.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-effects/001-base-slice-08-application-layout-segment-05.css */

html[data-theme] body .app .main::before,
html body .app .main::before{
  display:none!important;
  content:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-effects/001-base-slice-08-application-layout-segment-05.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-effects/001-base-slice-08-application-layout-segment-06.css */

html[data-theme] body .app .main::after,
html body .app .main::after{
  display:none!important;
  content:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-effects/001-base-slice-08-application-layout-segment-06.css */


/* >>> runtime/legacy/styles/blocks/themes/shared/compatibility-effects/001-base-slice-08-theme-segment-03.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html[data-theme] body .app .layout,
  html body .app .layout{
    position:relative!important;
    isolation:isolate!important;
  }
  html[data-theme] body .app .layout::before,
  html body .app .layout::before{
    display:none!important;
    content:none!important;
  }
  html[data-theme] body .app .layout::after,
  html body .app .layout::after{
    display:none!important;
    content:none!important;
  }
}

/* <<< runtime/legacy/styles/blocks/themes/shared/compatibility-effects/001-base-slice-08-theme-segment-03.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-05.css */

.mc-shell-divider{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  z-index:42!important;
  pointer-events:none!important;
  overflow:visible!important;
}
.mc-shell-divider #mcShellDividerPath{
  fill:none!important;
  stroke:rgba(188,194,188,.46)!important;
  stroke-width:var(--mc-shell-divider-stroke-width,1px)!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke!important;
  shape-rendering:geometricPrecision!important;
}

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-05.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-effects/001-base-slice-08-application-layout-segment-07.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html[data-theme] body .app .layout > .main,
  html body .app .layout > .main{
    background:transparent!important;
    background-image:none!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-effects/001-base-slice-08-application-layout-segment-07.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-06.css */

html[data-theme] body .app .layout > .side .side-collapse-inline,
html[data-theme] body .app .layout > .side.collapsed .side-collapse-inline,
html body .app .layout > .side .side-collapse-inline,
html body .app .layout > .side.collapsed .side-collapse-inline{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  padding:0!important;
  margin:0 5px 0 auto!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  opacity:.82!important;
}
html[data-theme] body .app .layout > .side.collapsed .side-collapse-inline,
html body .app .layout > .side.collapsed .side-collapse-inline{
  margin:0 auto 0 8px!important;
}
html[data-theme] body .app .layout > .side .side-collapse-inline:hover,
html[data-theme] body .app .layout > .side.collapsed .side-collapse-inline:hover,
html body .app .layout > .side .side-collapse-inline:hover,
html body .app .layout > .side.collapsed .side-collapse-inline:hover{
  background:transparent!important;
  background-color:transparent!important;
  opacity:1!important;
}
html[data-theme] body .app .layout > .side .side-collapse-inline .top-ico,
html[data-theme] body .app .layout > .side .side-collapse-inline svg,
html body .app .layout > .side .side-collapse-inline .top-ico,
html body .app .layout > .side .side-collapse-inline svg{
  width:14px!important;
  height:14px!important;
  stroke-width:1.25!important;
}
html[data-theme] body .app .side.collapsed .nav svg,
html[data-theme] body .app .side.collapsed .nav .top-ico,
html body .app .side.collapsed .nav svg,
html body .app .side.collapsed .nav .top-ico{
  stroke-width:1.25!important;
}

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-06.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-07.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html[data-theme] body .app .layout.side-collapsed > .side,
  html body .app .layout.side-collapsed > .side{
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }
  html[data-theme] body .app .side.collapsed .side-grp-head,
  html body .app .side.collapsed .side-grp-head{
    justify-content:center!important;
    align-items:center!important;
  }
  html[data-theme] body .app .layout > .side.collapsed .side-collapse-inline,
  html body .app .layout > .side.collapsed .side-collapse-inline{
    margin:0 auto!important;
  }
  html[data-theme] body .app .side.collapsed .nav,
  html body .app .side.collapsed .nav{
    width:30px!important;
    min-width:30px!important;
    height:38px!important;
    min-height:38px!important;
    margin:0 auto 1px!important;
  }
  html[data-theme] body .app .side.collapsed .grp-sep,
  html body .app .side.collapsed .grp-sep{
    display:block!important;
    width:30px!important;
    height:3px!important;
    margin:13px auto 11px!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-07.css */


/* >>> runtime/legacy/styles/blocks/foundations/typography/compatibility-effects/001-base-slice-08-typography-segment-01.css */

:root{
  --mc-codex-font:var(--mc-font-sans)!important;
  --sans:var(--mc-font-sans)!important;
  --mono:var(--mc-font-mono)!important;
}

/* <<< runtime/legacy/styles/blocks/foundations/typography/compatibility-effects/001-base-slice-08-typography-segment-01.css */


/* >>> runtime/legacy/styles/blocks/shared/controls/compatibility-effects/001-base-slice-08-controls-segment-01.css */

html body,
html body .app,
html body .app *,
html body #modal,
html body #modal *,
html body #toast,
html body button,
html body input,
html body select,
html body textarea{
  font-family:var(--mc-codex-font)!important;
  letter-spacing:0!important;
}

/* <<< runtime/legacy/styles/blocks/shared/controls/compatibility-effects/001-base-slice-08-controls-segment-01.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-effects/001-base-slice-08-topbar-segment-05.css */

html[data-theme] body .topbar .right,
html body .topbar .right{
  gap:14px!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-effects/001-base-slice-08-topbar-segment-05.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-05.css */

/* Legacy ordered base slice 08 part 02; split from 001-base-slice-08-html-data-theme-body-sid.css. Keep import order stable. */
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html[data-theme] body .app .layout,
  html body .app .layout{
    min-height:calc(100dvh - var(--mc-topbar-h,40px))!important;
  }
  html[data-theme] body .app .layout > .side,
  html body .app .layout > .side{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    height:calc(100dvh - var(--mc-topbar-h,40px))!important;
    min-height:calc(100dvh - var(--mc-topbar-h,40px))!important;
    max-height:calc(100dvh - var(--mc-topbar-h,40px))!important;
  }
  html[data-theme] body .app .layout > .side .side-profile-wrap,
  html body .app .layout > .side .side-profile-wrap{
    position:relative!important;
    z-index:125!important;
    width:100%!important;
    margin-top:auto!important;
    padding:10px 10px 4px!important;
  }
  html[data-theme] body .app .layout > .side .side-profile-wrap .uchip,
  html body .app .layout > .side .side-profile-wrap .uchip{
    width:100%!important;
    min-height:34px!important;
    padding:4px 6px!important;
    gap:8px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  html[data-theme] body .app .layout > .side .side-profile-wrap .uchip:hover,
  html body .app .layout > .side .side-profile-wrap .uchip:hover{
    background:rgba(255,255,255,.075)!important;
    box-shadow:0 10px 22px -22px rgba(255,255,255,.42),inset 0 0 0 1px rgba(255,255,255,.055)!important;
  }
  html[data-theme] body .app .layout > .side .side-profile-wrap .avatar,
  html body .app .layout > .side .side-profile-wrap .avatar{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    font-size:.72rem!important;
    background:rgba(255,255,255,.12)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)!important;
  }
  html[data-theme] body .app .layout > .side .side-profile-text,
  html body .app .layout > .side .side-profile-text{
    min-width:0!important;
    display:grid!important;
    gap:1px!important;
  }
  html[data-theme] body .app .layout > .side .side-profile-text .name,
  html body .app .layout > .side .side-profile-text .name{
    max-width:130px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:.78rem!important;
    font-weight:760!important;
  }
  html[data-theme] body .app .layout > .side .side-profile-text .role,
  html body .app .layout > .side .side-profile-text .role{
    max-width:130px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:rgba(255,255,255,.58)!important;
    -webkit-text-fill-color:rgba(255,255,255,.58)!important;
    font-size:.64rem!important;
    font-weight:620!important;
    text-transform:none!important;
  }
  html[data-theme] body .app .layout > .side .side-profile-wrap .profile-menu,
  html body .app .layout > .side .side-profile-wrap .profile-menu{
    top:auto!important;
    right:auto!important;
    left:10px!important;
    bottom:calc(100% + 8px)!important;
    min-width:168px!important;
  }
  html[data-theme] body .app .layout > .side.collapsed .side-profile-wrap,
  html body .app .layout > .side.collapsed .side-profile-wrap{
    display:flex!important;
    justify-content:center!important;
    padding:8px 0 4px!important;
  }
  html[data-theme] body .app .layout > .side.collapsed .side-profile-wrap .uchip,
  html body .app .layout > .side.collapsed .side-profile-wrap .uchip{
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0!important;
    justify-content:center!important;
    margin:0 auto!important;
  }
  html[data-theme] body .app .layout > .side.collapsed .side-profile-wrap .avatar,
  html body .app .layout > .side.collapsed .side-profile-wrap .avatar{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
  }
  html[data-theme] body .app .layout > .side.collapsed .side-profile-text,
  html body .app .layout > .side.collapsed .side-profile-text{
    display:none!important;
  }
  html[data-theme] body .app .layout > .side.collapsed .side-profile-wrap .profile-menu,
  html body .app .layout > .side.collapsed .side-profile-wrap .profile-menu{
    left:40px!important;
    bottom:0!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-05.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-08-compatibility/001-base-slice-08-mobile-compatibility-segment-01.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html[data-theme] body .app .layout > .side .side-profile-wrap,
  html body .app .layout > .side .side-profile-wrap{
    margin-top:14px!important;
    padding:10px 12px calc(12px + env(safe-area-inset-bottom))!important;
  }
  html[data-theme] body .app .layout > .side .side-profile-wrap .profile-menu,
  html body .app .layout > .side .side-profile-wrap .profile-menu{
    top:auto!important;
    right:auto!important;
    left:12px!important;
    bottom:calc(100% + 8px)!important;
  }
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-08-compatibility/001-base-slice-08-mobile-compatibility-segment-01.css */


/* >>> runtime/legacy/styles/blocks/foundations/typography/compatibility-effects/001-base-slice-08-typography-segment-02.css */

:root{
  --mc-codex-font:var(--mc-font-sans)!important;
  --sans:var(--mc-font-sans)!important;
  --mono:var(--mc-font-mono)!important;
}

/* <<< runtime/legacy/styles/blocks/foundations/typography/compatibility-effects/001-base-slice-08-typography-segment-02.css */


/* >>> runtime/legacy/styles/blocks/shared/controls/compatibility-effects/001-base-slice-08-controls-segment-02.css */

html body,
html body .app,
html body .app *,
html body #modal,
html body #modal *,
html body #toast,
html body button,
html body input,
html body select,
html body textarea{
  font-family:var(--mc-codex-font)!important;
  letter-spacing:0!important;
  font-synthesis-weight:none;
}

/* <<< runtime/legacy/styles/blocks/shared/controls/compatibility-effects/001-base-slice-08-controls-segment-02.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-effects/001-base-slice-08-topbar-segment-06.css */

html[data-theme] body .topbar .left,
html body .topbar .left{
  min-width:0!important;
  flex:0 1 auto!important;
}
html[data-theme] body .topbar .right,
html body .topbar .right{
  gap:13px!important;
  align-items:center!important;
}
html[data-theme] body .topbar .topbar-brand-chip,
html body .topbar .topbar-brand-chip{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0 2px!important;
  height:28px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:rgba(255,255,255,.88)!important;
  -webkit-text-fill-color:rgba(255,255,255,.88)!important;
  font-size:.78rem!important;
  font-weight:520!important;
  line-height:1!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
html[data-theme] body .topbar .topbar-brand-chip:hover,
html body .topbar .topbar-brand-chip:hover{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:transparent!important;
}
html[data-theme] body .topbar :where(.icon-btn,.theme-btn,.logout-btn,.lang-btn),
html body .topbar :where(.icon-btn,.theme-btn,.logout-btn,.lang-btn){
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  border-radius:8px!important;
  color:rgba(255,255,255,.76)!important;
  -webkit-text-fill-color:rgba(255,255,255,.76)!important;
  opacity:1!important;
}
html[data-theme] body .topbar :where(.icon-btn,.theme-btn,.logout-btn,.lang-btn):hover,
html body .topbar :where(.icon-btn,.theme-btn,.logout-btn,.lang-btn):hover{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:rgba(255,255,255,.045)!important;
}
html[data-theme] body .topbar :where(.top-ico,svg),
html body .topbar :where(.top-ico,svg){
  width:15.5px!important;
  height:15.5px!important;
  stroke-width:1.35!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html[data-theme] body .topbar .top-ico,
html[data-theme] body .topbar .icon-btn svg,
html[data-theme] body .topbar .lang-btn svg,
html[data-theme] body .topbar .logout-btn svg,
html body .topbar .top-ico,
html body .topbar .icon-btn svg,
html body .topbar .lang-btn svg,
html body .topbar .logout-btn svg{
  width:15.5px!important;
  height:15.5px!important;
  stroke-width:1.35!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  fill:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-effects/001-base-slice-08-topbar-segment-06.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-06.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html[data-theme] body .app .layout > .side:not(.collapsed),
  html body .app .layout > .side:not(.collapsed){
    padding-left:28px!important;
    padding-right:16px!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed) .side-grp-head,
  html body .app .layout > .side:not(.collapsed) .side-grp-head{
    min-height:26px!important;
    padding:8px 0 4px!important;
    margin:0 0 2px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    color:rgba(255,255,255,.72)!important;
    -webkit-text-fill-color:rgba(255,255,255,.72)!important;
    font-weight:360!important;
    font-size:.78rem!important;
    line-height:1.1!important;
    text-transform:none!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed) .side-grp-head span,
  html[data-theme] body .app .layout > .side:not(.collapsed) .grp-daily span,
  html[data-theme] body .app .layout > .side:not(.collapsed) .grp-admin span,
  html body .app .layout > .side:not(.collapsed) .side-grp-head span,
  html body .app .layout > .side:not(.collapsed) .grp-daily span,
  html body .app .layout > .side:not(.collapsed) .grp-admin span{
    color:rgba(255,255,255,.72)!important;
    -webkit-text-fill-color:rgba(255,255,255,.72)!important;
    font-weight:360!important;
    font-size:.78rem!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed) .grp-admin::before,
  html[data-theme] body .app .layout > .side:not(.collapsed) .grp-daily::before,
  html body .app .layout > .side:not(.collapsed) .grp-admin::before,
  html body .app .layout > .side:not(.collapsed) .grp-daily::before{
    display:none!important;
    content:none!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed) .nav,
  html body .app .layout > .side:not(.collapsed) .nav{
    padding:8px 0!important;
    margin:0 0 2px!important;
    gap:0!important;
    min-height:32px!important;
    border-radius:7px!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed) .nav .ic,
  html body .app .layout > .side:not(.collapsed) .nav .ic{
    display:none!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed) .nav-label,
  html body .app .layout > .side:not(.collapsed) .nav-label{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:.86rem!important;
    font-weight:620!important;
    line-height:1.1!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed) .side-profile-wrap,
  html body .app .layout > .side:not(.collapsed) .side-profile-wrap{
    padding:10px 0 4px!important;
    width:100%!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed) .side-profile-wrap .uchip,
  html body .app .layout > .side:not(.collapsed) .side-profile-wrap .uchip{
    padding:4px 0!important;
    gap:8px!important;
    align-items:center!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed) .side-profile-wrap .profile-menu,
  html body .app .layout > .side:not(.collapsed) .side-profile-wrap .profile-menu{
    left:0!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-06.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-08-compatibility/001-base-slice-08-mobile-compatibility-segment-02.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html[data-theme] body .topbar .topbar-brand-chip,
  html body .topbar .topbar-brand-chip{
    max-width:30vw!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-08-compatibility/001-base-slice-08-mobile-compatibility-segment-02.css */


/* >>> runtime/legacy/styles/blocks/shared/controls/compatibility-effects/001-base-slice-08-controls-segment-03.css */

html,
html *,
html body,
html body *,
html body :where(.app,.app *,#modal,#modal *,#toast,button,input,select,textarea,table,thead,tbody,tr,td,th){
  font-family:"Microsoft YaHei UI","Microsoft YaHei","微软雅黑","Noto Sans SC","PingFang SC",Arial,sans-serif!important;
}

/* <<< runtime/legacy/styles/blocks/shared/controls/compatibility-effects/001-base-slice-08-controls-segment-03.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-07.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-08-part-02-html-data-theme-body-sid.css. Keep import order stable. */
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html[data-theme] body .app .layout > .side:not(.collapsed),
  html body .app .layout > .side:not(.collapsed){
    padding-left:36px!important;
    padding-right:16px!important;
    padding-top:12px!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed) .side-collapse-top,
  html body .app .layout > .side:not(.collapsed) .side-collapse-top{
    display:grid!important;
    place-items:center!important;
    align-self:flex-start!important;
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    margin:0 0 14px 0!important;
    padding:0!important;
    color:rgba(255,255,255,.7)!important;
    -webkit-text-fill-color:rgba(255,255,255,.7)!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed) .side-collapse-top:hover,
  html body .app .layout > .side:not(.collapsed) .side-collapse-top:hover{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:transparent!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed) .side-collapse-top .top-ico,
  html body .app .layout > .side:not(.collapsed) .side-collapse-top .top-ico{
    width:14px!important;
    height:14px!important;
    stroke-width:1.25!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed) .side-grp-head,
  html body .app .layout > .side:not(.collapsed) .side-grp-head{
    padding:0 0 6px!important;
    margin:0 0 1px!important;
    font-weight:300!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed) .side-grp-head span,
  html[data-theme] body .app .layout > .side:not(.collapsed) .grp-daily span,
  html[data-theme] body .app .layout > .side:not(.collapsed) .grp-admin span,
  html body .app .layout > .side:not(.collapsed) .side-grp-head span,
  html body .app .layout > .side:not(.collapsed) .grp-daily span,
  html body .app .layout > .side:not(.collapsed) .grp-admin span{
    font-weight:300!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed) .nav,
  html body .app .layout > .side:not(.collapsed) .nav{
    padding:8px 0!important;
    font-weight:400!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed) .nav-label,
  html body .app .layout > .side:not(.collapsed) .nav-label{
    font-weight:400!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed) .side-profile-wrap,
  html body .app .layout > .side:not(.collapsed) .side-profile-wrap{
    padding-left:0!important;
    padding-right:0!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed) .side-profile-text .name,
  html body .app .layout > .side:not(.collapsed) .side-profile-text .name{
    font-weight:420!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed) .side-profile-text .role,
  html body .app .layout > .side:not(.collapsed) .side-profile-text .role{
    font-weight:300!important;
  }
  html[data-theme] body .app .layout > .side.collapsed .side-collapse-top,
  html body .app .layout > .side.collapsed .side-collapse-top{
    margin:0 auto 8px!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-07.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-08.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html[data-theme] body .app .layout > .side,
  html body .app .layout > .side{
    position:relative!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed),
  html body .app .layout > .side:not(.collapsed){
    padding-top:44px!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed) .side-collapse-top,
  html body .app .layout > .side:not(.collapsed) .side-collapse-top{
    position:absolute!important;
    left:36px!important;
    top:12px!important;
    margin:0!important;
  }
  html[data-theme] body .app .layout > .side.collapsed,
  html body .app .layout > .side.collapsed{
    padding-top:54px!important;
  }
  html[data-theme] body .app .layout > .side.collapsed .side-collapse-top,
  html body .app .layout > .side.collapsed .side-collapse-top{
    position:absolute!important;
    left:14px!important;
    top:26px!important;
    margin:0!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-08.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-effects/001-base-slice-08-topbar-segment-07.css */

html[data-theme] body .topbar .left,
html body .topbar .left{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  padding-left:0!important;
  min-width:84px!important;
}
html[data-theme] body .topbar .top-shell-controls,
html body .topbar .top-shell-controls{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  height:var(--mc-topbar-h,40px)!important;
}
html[data-theme] body .topbar .top-shell-controls .icon-btn,
html body .topbar .top-shell-controls .icon-btn{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  padding:0!important;
  border-radius:7px!important;
  color:rgba(255,255,255,.72)!important;
  -webkit-text-fill-color:rgba(255,255,255,.72)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme] body .topbar .top-shell-controls .icon-btn:hover,
html body .topbar .top-shell-controls .icon-btn:hover{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:rgba(255,255,255,.055)!important;
}
html[data-theme] body .topbar .top-shell-controls .top-ico,
html[data-theme] body .topbar .top-shell-controls svg,
html body .topbar .top-shell-controls .top-ico,
html body .topbar .top-shell-controls svg{
  width:15px!important;
  height:15px!important;
  stroke-width:1.3!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-effects/001-base-slice-08-topbar-segment-07.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-09.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html[data-theme] body .app .layout > .side:not(.collapsed),
  html body .app .layout > .side:not(.collapsed){
    padding-top:22px!important;
  }
  html[data-theme] body .app .layout > .side.collapsed,
  html body .app .layout > .side.collapsed{
    padding-top:26px!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-09.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-08-compatibility/001-base-slice-08-mobile-compatibility-segment-03.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html[data-theme] body .topbar .top-shell-controls,
  html body .topbar .top-shell-controls{
    gap:6px!important;
  }
  html[data-theme] body .topbar .top-shell-controls .icon-btn,
  html body .topbar .top-shell-controls .icon-btn{
    width:28px!important;
    height:28px!important;
  }
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-08-compatibility/001-base-slice-08-mobile-compatibility-segment-03.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-08.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html[data-theme] body .app .layout > .side:not(.collapsed),
  html body .app .layout > .side:not(.collapsed){
    padding-left:48px!important;
    padding-right:16px!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed) .side-grp-head,
  html[data-theme] body .app .layout > .side:not(.collapsed) .nav,
  html[data-theme] body .app .layout > .side:not(.collapsed) .side-profile-wrap,
  html body .app .layout > .side:not(.collapsed) .side-grp-head,
  html body .app .layout > .side:not(.collapsed) .nav,
  html body .app .layout > .side:not(.collapsed) .side-profile-wrap{
    padding-left:0!important;
    margin-left:0!important;
  }
  html[data-theme] body .topbar .top-shell-controls,
  html body .topbar .top-shell-controls{
    margin-left:34px!important;
    gap:9px!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-08.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-effects/001-base-slice-08-topbar-segment-08.css */

html[data-theme] body .topbar :where(.icon-btn,.theme-btn,.logout-btn,.lang-btn),
html body .topbar :where(.icon-btn,.theme-btn,.logout-btn,.lang-btn){
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
}
html[data-theme] body .topbar .top-shell-controls .icon-btn,
html body .topbar .top-shell-controls .icon-btn{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
}
html[data-theme] body .topbar .topbar-brand-chip,
html body .topbar .topbar-brand-chip{
  height:30px!important;
  font-size:.84rem!important;
}
html[data-theme] body .topbar :where(.top-ico,svg),
html[data-theme] body .topbar .top-shell-controls :where(.top-ico,svg),
html body .topbar :where(.top-ico,svg),
html body .topbar .top-shell-controls :where(.top-ico,svg){
  width:17px!important;
  height:17px!important;
  stroke-width:1.38!important;
}
html[data-theme] body .topbar .app-lang-code,
html body .topbar .app-lang-code{
  font-size:.72rem!important;
}
html[data-theme] body .topbar .icon-btn,
html[data-theme] body .topbar .theme-btn,
html[data-theme] body .topbar .logout-btn,
html[data-theme] body .topbar .lang-btn,
html[data-theme] body .topbar .top-shell-controls .icon-btn,
html body .topbar .icon-btn,
html body .topbar .theme-btn,
html body .topbar .logout-btn,
html body .topbar .lang-btn,
html body .topbar .top-shell-controls .icon-btn{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
}
html[data-theme] body .topbar .icon-btn .top-ico,
html[data-theme] body .topbar .theme-btn .top-ico,
html[data-theme] body .topbar .logout-btn .top-ico,
html[data-theme] body .topbar .lang-btn .top-ico,
html[data-theme] body .topbar .top-shell-controls .icon-btn .top-ico,
html body .topbar .icon-btn .top-ico,
html body .topbar .theme-btn .top-ico,
html body .topbar .logout-btn .top-ico,
html body .topbar .lang-btn .top-ico,
html body .topbar .top-shell-controls .icon-btn .top-ico{
  width:17px!important;
  height:17px!important;
  stroke-width:1.38!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-effects/001-base-slice-08-topbar-segment-08.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-09.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html[data-theme] body .app .layout > .side:not(.collapsed),
  html body .app .layout > .side:not(.collapsed){
    padding-left:56px!important;
  }
  html[data-theme] body .topbar .top-shell-controls,
  html body .topbar .top-shell-controls{
    margin-left:42px!important;
    gap:4px!important;
  }
  html[data-theme] body .topbar .right,
  html body .topbar .right{
    gap:5px!important;
    padding-right:6px!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-09.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-effects/001-base-slice-08-topbar-segment-09.css */

html[data-theme] body .topbar .icon-btn,
html[data-theme] body .topbar .theme-btn,
html[data-theme] body .topbar .logout-btn,
html[data-theme] body .topbar .lang-btn,
html[data-theme] body .topbar .top-shell-controls .icon-btn,
html body .topbar .icon-btn,
html body .topbar .theme-btn,
html body .topbar .logout-btn,
html body .topbar .lang-btn,
html body .topbar .top-shell-controls .icon-btn{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  display:grid!important;
  place-items:center!important;
}
html[data-theme] body .topbar .icon-btn .top-ico,
html[data-theme] body .topbar .theme-btn .top-ico,
html[data-theme] body .topbar .logout-btn .top-ico,
html[data-theme] body .topbar .lang-btn .top-ico,
html[data-theme] body .topbar .top-shell-controls .icon-btn .top-ico,
html body .topbar .icon-btn .top-ico,
html body .topbar .theme-btn .top-ico,
html body .topbar .logout-btn .top-ico,
html body .topbar .lang-btn .top-ico,
html body .topbar .top-shell-controls .icon-btn .top-ico{
  width:18.5px!important;
  height:18.5px!important;
  stroke-width:1.42!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-effects/001-base-slice-08-topbar-segment-09.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-effects/001-base-slice-08-topbar-segment-10.css */

html[data-theme] body .topbar .topbar-brand-chip,
html body .topbar .topbar-brand-chip{
  height:32px!important;
  font-size:.88rem!important;
  padding-left:1px!important;
  padding-right:1px!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-effects/001-base-slice-08-topbar-segment-10.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-10.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html[data-theme] body .topbar,
  html body .topbar{
    padding-left:0!important;
    padding-right:4px!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed),
  html body .app .layout > .side:not(.collapsed){
    padding-left:48px!important;
  }
  html[data-theme] body .topbar .left,
  html body .topbar .left{
    gap:2px!important;
    padding-left:0!important;
    min-width:110px!important;
  }
  html[data-theme] body .topbar .top-shell-controls,
  html body .topbar .top-shell-controls{
    margin-left:6px!important;
    gap:2px!important;
  }
  html[data-theme] body .topbar .right,
  html body .topbar .right{
    gap:1px!important;
    padding-right:0!important;
    margin-right:0!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-10.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-10.css */

/* Legacy ordered base slice 08 part 03; split from 001-base-slice-08-html-data-theme-body-sid.css. Keep import order stable. */
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html[data-theme] body .app .layout > .side:not(.collapsed),
  html body .app .layout > .side:not(.collapsed){
    --mc-side-row-h:34px;
    --mc-side-row-gap:4px;
    --mc-side-title-gap:8px;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed) .side-grp-head,
  html body .app .layout > .side:not(.collapsed) .side-grp-head{
    height:26px!important;
    min-height:26px!important;
    padding:0 5px 0 0!important;
    margin:8px 0 var(--mc-side-title-gap)!important;
    line-height:26px!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed) .side-grp-head:first-child,
  html body .app .layout > .side:not(.collapsed) .side-grp-head:first-child{
    margin-top:4px!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed) .grp-sep,
  html body .app .layout > .side:not(.collapsed) .grp-sep{
    height:0!important;
    margin:14px 0 5px!important;
    padding:0!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed) .nav,
  html body .app .layout > .side:not(.collapsed) .nav{
    height:var(--mc-side-row-h)!important;
    min-height:var(--mc-side-row-h)!important;
    padding:0!important;
    margin:0 0 var(--mc-side-row-gap)!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    line-height:1!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed) .nav .ic,
  html body .app .layout > .side:not(.collapsed) .nav .ic{
    width:18px!important;
    min-width:18px!important;
    height:18px!important;
    display:grid!important;
    place-items:center!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed) .nav .nav-label,
  html body .app .layout > .side:not(.collapsed) .nav .nav-label{
    line-height:1.15!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-10.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-11.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html[data-theme] body .app .layout > .side:not(.collapsed) .nav,
  html body .app .layout > .side:not(.collapsed) .nav{
    margin-left:0!important;
    width:100%!important;
  }
  html[data-theme] body .app .layout > .side:not(.collapsed) .side-grp-head,
  html body .app .layout > .side:not(.collapsed) .side-grp-head{
    margin-left:0!important;
    width:100%!important;
  }
  html[data-theme] body .main.page-workbench .view-toolbar.workbench-text-actions,
  html[data-theme=dark] body .main.page-workbench .view-toolbar.workbench-text-actions,
  html body .main.page-workbench .view-toolbar.workbench-text-actions{
    position:relative!important;
    top:auto!important;
    z-index:auto!important;
    margin:6px 0 22px!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-11.css */


/* >>> runtime/legacy/styles/blocks/themes/shared/compatibility-effects/001-base-slice-08-theme-segment-04.css */

:root{
  --mc-menu-glass:linear-gradient(180deg,rgba(12,12,12,.90),rgba(2,2,2,.78));
  --mc-menu-glass-strong:linear-gradient(180deg,rgba(16,16,16,.96),rgba(3,3,3,.88));
  --mc-menu-line:rgba(255,255,255,.12);
  --mc-menu-line-soft:rgba(255,255,255,.07);
  --mc-menu-text:#f4f4f4;
  --mc-menu-muted:#a5a5a5;
  --mc-menu-hover:linear-gradient(90deg,rgba(255,255,255,.115),rgba(255,255,255,.045));
  --mc-menu-selected:linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,.068));
  --mc-menu-selected-shadow:0 18px 42px -34px rgba(0,0,0,.96),inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(255,255,255,.035);
}

/* <<< runtime/legacy/styles/blocks/themes/shared/compatibility-effects/001-base-slice-08-theme-segment-04.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-12.css */

html body :where(
  .profile-menu,
  .profile-menu.glass-select-list,
  .glass-select-list:not(button):not(.btn):not(.mc-dropdown-model),
  .org-pick-modal,
  .modal.org-pick-modal,
  .modal:has(.org-simple-pick),
  .org-pick-list,
  .org-simple-pick,
  .dept-pick-map,
  .select-summary
){
  background:var(--mc-menu-glass)!important;
  background-color:rgba(3,3,3,.86)!important;
  background-image:var(--mc-menu-glass)!important;
  border-color:var(--mc-menu-line)!important;
  box-shadow:0 30px 82px -48px rgba(0,0,0,.98),inset 0 1px 0 rgba(255,255,255,.09)!important;
  -webkit-backdrop-filter:blur(30px) saturate(1.18)!important;
  backdrop-filter:blur(30px) saturate(1.18)!important;
  color:var(--mc-menu-text)!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-12.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-13.css */

html body :where(.notif-drop .nd-head,.notif-drop .nd-body,.notif-drop .nd-tabs,.org-pick-modal .m-head,.org-pick-modal .m-body,.org-pick-modal .m-foot,.modal:has(.org-simple-pick) .m-head,.modal:has(.org-simple-pick) .m-body,.modal:has(.org-simple-pick) .m-foot){
  background:transparent!important;
  border-color:var(--mc-menu-line-soft)!important;
  box-shadow:none!important;
}
html body :where(.profile-menu button,.app-lang-menu button,.nd-filter-menu label,.history-filter-menu label,.history-filter-menu .checkbox,.notif-drop .nd-row,.org-pick-row,.org-simple-pick .org-pick-row,.role-list-item,.contact-item,.chat-list-item,.type-chip,.tabs button,.mobile-quick button,.live-building-tab,.live-floor-row,.live-room-mini,.live-room-bar,.tpl-node-card,.tpl-field-row){
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  color:var(--mc-menu-text)!important;
}
html body :where(.profile-menu button:hover,.app-lang-menu button:hover,.nd-filter-menu label:hover,.history-filter-menu label:hover,.notif-drop .nd-row:hover,.org-pick-row:hover,.org-simple-pick .org-pick-row:hover,.role-list-item:hover,.contact-item:hover,.chat-list-item:hover,.type-chip:hover,.tabs button:hover,.mobile-quick button:hover,.live-building-tab:hover,.live-floor-row:hover,.live-room-mini:hover,.live-room-bar:hover,.tpl-node-card:hover,.tpl-field-row:hover){
  background:var(--mc-menu-hover)!important;
  border-color:var(--mc-menu-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.095)!important;
  color:#fff!important;
}
html body :where(.profile-menu button,.profile-menu button *,.app-lang-menu button,.app-lang-menu button *,.notif-drop,.notif-drop *,.nd-filter-menu,.nd-filter-menu *,.history-filter-menu,.history-filter-menu *,.org-pick-modal,.org-pick-modal *,.modal:has(.org-simple-pick),.modal:has(.org-simple-pick) *,.select-summary,.select-summary *){
  color:var(--mc-menu-text)!important;
}
html body :where(.muted,.profile-menu small,.app-lang-menu small,.notif-drop .nd-t,.notif-drop .nd-row .nd-t,.history-filter-menu small,.org-pick-main span,.org-pick-modal small,.modal:has(.org-simple-pick) small,.select-summary .sum-k){
  color:var(--mc-menu-muted)!important;
  -webkit-text-fill-color:var(--mc-menu-muted)!important;
}
html body :where(.profile-menu .pm-danger,.profile-menu.glass-select-list .pm-danger){
  color:#ff8f9f!important;
  -webkit-text-fill-color:#ff8f9f!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-13.css */


/* >>> runtime/legacy/styles/blocks/overlays/menu-surface/compatibility-effects/001-base-slice-08-menu-surface-segment-01.css */

html body :where(.btn.glass-select-list,button.glass-select-list){
  background:rgba(255,255,255,.045)!important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  border:1px solid var(--mc-menu-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.085)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.12)!important;
  backdrop-filter:blur(22px) saturate(1.12)!important;
  color:var(--mc-menu-text)!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/menu-surface/compatibility-effects/001-base-slice-08-menu-surface-segment-01.css */


/* >>> runtime/legacy/styles/blocks/overlays/menu-surface/compatibility-effects/001-base-slice-08-menu-surface-segment-02.css */

html body :where(.btn.glass-select-list:hover,button.glass-select-list:hover){
  background:var(--mc-menu-hover)!important;
  border-color:rgba(255,255,255,.13)!important;
  color:#fff!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/menu-surface/compatibility-effects/001-base-slice-08-menu-surface-segment-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-14.css */

html body .profile-menu,
html body .profile-menu.glass-select-list,
html[data-theme=light] body .profile-menu,
html:not([data-theme=dark]) body .profile-menu,
html body .glass-select-list:not(button):not(.btn):not(.mc-dropdown-model),
html[data-theme=light] body .glass-select-list:not(button):not(.btn):not(.mc-dropdown-model),
html:not([data-theme=dark]) body .glass-select-list:not(button):not(.btn):not(.mc-dropdown-model),
html body .org-pick-modal,
html body .modal.org-pick-modal,
html[data-theme=light] body .org-pick-modal,
html:not([data-theme=dark]) body .org-pick-modal,
html body .modal:has(.org-simple-pick){
  background:var(--mc-menu-glass-strong)!important;
  background-color:rgba(3,3,3,.92)!important;
  background-image:var(--mc-menu-glass-strong)!important;
  border:1px solid var(--mc-menu-line)!important;
  box-shadow:0 32px 84px -48px rgba(0,0,0,.98),inset 0 1px 0 rgba(255,255,255,.10)!important;
  -webkit-backdrop-filter:blur(32px) saturate(1.22)!important;
  backdrop-filter:blur(32px) saturate(1.22)!important;
  color:var(--mc-menu-text)!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-14.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/compatibility-effects/001-base-slice-08-notification-drawer-segment-01.css */

html body .notif-drop .nd-head,
html body .notif-drop .nd-body,
html body .notif-drop .nd-tabs,
html[data-theme=light] body .notif-drop .nd-head,
html[data-theme=light] body .notif-drop .nd-body,
html:not([data-theme=dark]) body .notif-drop .nd-head,
html:not([data-theme=dark]) body .notif-drop .nd-body{
  background:transparent!important;
  background-image:none!important;
  border-color:var(--mc-menu-line-soft)!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/notifications/drawer/compatibility-effects/001-base-slice-08-notification-drawer-segment-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-15.css */

html body .main .tabs button.active,
html body .main 
html body .main .role-list-item.active,
html body .main .org-pick-row.active,
html body .main .contact-item.active,
html body .main .chat-list-item.active,
html body .notif-type-filter .type-chip.active,
html body .notif-drop .nd-tabs button.active,
html body .mobile-quick button.active{
  background:var(--mc-menu-selected)!important;
  background-color:rgba(255,255,255,.095)!important;
  background-image:var(--mc-menu-selected)!important;
  border-color:rgba(255,255,255,.14)!important;
  color:#fff!important;
  box-shadow:var(--mc-menu-selected-shadow)!important;
  outline:0!important;
}
html body .main .tabs button.active *,
html body .main .role-list-item.active *,
html body .main .org-pick-row.active *,
html body .main .contact-item.active *,
html body .main .chat-list-item.active *,
html body .notif-type-filter .type-chip.active *,
html body .notif-drop .nd-tabs button.active *,
html body .mobile-quick button.active *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-15.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-effects/001-base-slice-08-topbar-segment-11.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html[data-theme] body .topbar .topbar-brand-chip,
  html body .topbar .topbar-brand-chip{
    margin-left:12px!important;
  }
}
html[data-theme] body .topbar .topbar-brand-chip,
html[data-theme] body .topbar .topbar-brand-chip:hover,
html[data-theme] body .topbar .topbar-brand-chip:focus,
html[data-theme] body .topbar .topbar-brand-chip:active,
html body .topbar .topbar-brand-chip,
html body .topbar .topbar-brand-chip:hover,
html body .topbar .topbar-brand-chip:focus,
html body .topbar .topbar-brand-chip:active{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  transform:none!important;
  translate:none!important;
  filter:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-effects/001-base-slice-08-topbar-segment-11.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-effects/001-base-slice-08-topbar-segment-12.css */

html[data-theme] body .topbar .topbar-brand-chip:hover,
html[data-theme] body .topbar .topbar-brand-chip:focus,
html[data-theme] body .topbar .topbar-brand-chip:active,
html body .topbar .topbar-brand-chip:hover,
html body .topbar .topbar-brand-chip:focus,
html body .topbar .topbar-brand-chip:active{
  color:rgba(255,255,255,.88)!important;
  -webkit-text-fill-color:rgba(255,255,255,.88)!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-effects/001-base-slice-08-topbar-segment-12.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-16.css */

html[data-theme] body .app > .layout,
html[data-theme] body .app > .mobile-quick,
html[data-theme] body .app > .profile-backdrop,
html[data-theme] body .app > .notif-backdrop,
html body .app > .layout,
html body .app > .mobile-quick,
html body .app > .profile-backdrop,
html body .app > .notif-backdrop{
  position:relative!important;
  z-index:1!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-effects/001-base-slice-08-shared-cross-surface-segment-16.css */


/* >>> runtime/legacy/styles/blocks/auth/surface/compatibility-effects/001-base-slice-08-auth-segment-01.css */

html[data-theme] body .auth.auth-v2 .auth-panel.auth-panel-v2,
html[data-theme=light] body .auth.auth-v2 .auth-panel.auth-panel-v2,
html:not([data-theme=dark]) body .auth.auth-v2 .auth-panel.auth-panel-v2,
html[data-theme=dark] body .auth.auth-v2 .auth-panel.auth-panel-v2,
html body .auth.auth-v2 .auth-panel.auth-panel-v2{
  background:linear-gradient(180deg,rgba(18,18,18,.62),rgba(3,3,3,.42))!important;
  background-color:rgba(8,8,8,.48)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),inset 0 -1px 0 rgba(255,255,255,.05),0 36px 92px -50px rgba(0,0,0,.96)!important;
  -webkit-backdrop-filter:blur(30px) saturate(1.22)!important;
  backdrop-filter:blur(30px) saturate(1.22)!important;
  color:#fff!important;
}
html body .auth.auth-v2 .auth-panel.auth-panel-v2 *,
html[data-theme] body .auth.auth-v2 .auth-panel.auth-panel-v2 *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* <<< runtime/legacy/styles/blocks/auth/surface/compatibility-effects/001-base-slice-08-auth-segment-01.css */


/* >>> runtime/legacy/styles/blocks/auth/surface/compatibility-effects/001-base-slice-08-auth-segment-02.css */

html body .auth.auth-v2 .auth-panel.auth-panel-v2 input,
html body .auth.auth-v2 .auth-panel.auth-panel-v2 textarea,
html body .auth.auth-v2 .auth-panel.auth-panel-v2 select,
html[data-theme] body .auth.auth-v2 .auth-panel.auth-panel-v2 input,
html[data-theme] body .auth.auth-v2 .auth-panel.auth-panel-v2 textarea,
html[data-theme] body .auth.auth-v2 .auth-panel.auth-panel-v2 select{
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12)!important;
  backdrop-filter:blur(18px) saturate(1.12)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body .auth.auth-v2 .auth-panel.auth-panel-v2 input::placeholder,
html body .auth.auth-v2 .auth-panel.auth-panel-v2 textarea::placeholder{
  color:rgba(255,255,255,.54)!important;
  -webkit-text-fill-color:rgba(255,255,255,.54)!important;
}
html body .auth.auth-v2 .auth-lang-icon button.active,
html body .auth.auth-v2 .auth-code-submit,
html body .auth.auth-v2 .btn-google.auth-primary{
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.075))!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 18px 42px -34px rgba(0,0,0,.96)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12)!important;
  backdrop-filter:blur(18px) saturate(1.12)!important;
}

/* <<< runtime/legacy/styles/blocks/auth/surface/compatibility-effects/001-base-slice-08-auth-segment-02.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-11.css */

html[data-theme] body .app .layout > .side .nav,
html body .app .layout > .side .nav{
  border:1px solid rgba(244,244,241,.16)!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-11.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-12-malformed-retained.css */

html[data-theme] body .app .layout > .side .nav .ic,
html[data-theme] body .app .layout > .side .nav .side-ico,
html[data-theme] body .app .layout > .side .nav .top-ico,
html body .app .layout > .side .nav .ic,
html body .app .layout > .side .nav .side-ico,

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-12-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-13.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-08-part-03-html-data-theme-body-sid.css. Keep import order stable. */
html body .app .layout > .side .nav .top-ico{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
html[data-theme] body .app .layout > .side .nav::before,
html[data-theme] body .app .layout > .side .nav::after,
html body .app .layout > .side .nav::before,
html body .app .layout > .side .nav::after{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-13.css */


/* >>> runtime/legacy/styles/blocks/auth/surface/compatibility-effects/001-base-slice-08-auth-segment-03.css */

html[data-theme] body .auth.auth-v2,
html[data-theme=light] body .auth.auth-v2,
html:not([data-theme=dark]) body .auth.auth-v2,
html[data-theme=dark] body .auth.auth-v2,
html body .auth.auth-v2{
  color:#fff!important;
  background:
    radial-gradient(circle 360px at var(--auth-x,50%) var(--auth-y,42%),rgba(255,255,255,.20),transparent 54%),
    radial-gradient(circle 520px at calc(var(--auth-x,50%) + 16%) calc(var(--auth-y,42%) + 18%),rgba(31,191,184,.12),transparent 66%),
    radial-gradient(circle 720px at 15% 10%,rgba(255,255,255,.06),transparent 68%),
    linear-gradient(135deg,#020304 0%,#080a0d 46%,#000 100%)!important;
  background-color:#020304!important;
}
html[data-theme] body .auth.auth-v2::before,
html[data-theme] body .auth.auth-v2::after,
html body .auth.auth-v2::before,
html body .auth.auth-v2::after{
  display:block!important;
  content:""!important;
  pointer-events:none!important;
}
html[data-theme] body .auth.auth-v2::before,
html body .auth.auth-v2::before{
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px) 0 0/46px 46px,
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/46px 46px!important;
  -webkit-mask-image:radial-gradient(circle at var(--auth-x,50%) var(--auth-y,42%),#000 0%,rgba(0,0,0,.62) 34%,transparent 72%)!important;
  mask-image:radial-gradient(circle at var(--auth-x,50%) var(--auth-y,42%),#000 0%,rgba(0,0,0,.62) 34%,transparent 72%)!important;
  opacity:.52!important;
}
html[data-theme] body .auth.auth-v2::after,
html body .auth.auth-v2::after{
  position:absolute!important;
  width:520px!important;
  height:520px!important;
  left:calc(var(--auth-x,50%) - 260px)!important;
  top:calc(var(--auth-y,42%) - 260px)!important;
  border-radius:999px!important;
  background:radial-gradient(circle,rgba(255,255,255,.16),rgba(31,191,184,.075) 34%,transparent 70%)!important;
  filter:blur(18px)!important;
  opacity:.78!important;
  mix-blend-mode:screen!important;
}
html body .auth.auth-v2 .auth-brand,
html body .auth.auth-v2 .auth-brand *,
html[data-theme] body .auth.auth-v2 .auth-brand,
html[data-theme] body .auth.auth-v2 .auth-brand *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-theme] body .auth.auth-v2 .auth-panel.auth-panel-v2,
html[data-theme=light] body .auth.auth-v2 .auth-panel.auth-panel-v2,
html:not([data-theme=dark]) body .auth.auth-v2 .auth-panel.auth-panel-v2,
html[data-theme=dark] body .auth.auth-v2 .auth-panel.auth-panel-v2,
html body .auth.auth-v2 .auth-panel.auth-panel-v2{
  background:linear-gradient(180deg,rgba(22,24,24,.64),rgba(2,3,3,.45))!important;
  background-color:rgba(8,9,9,.50)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.055),0 40px 100px -52px rgba(0,0,0,.98)!important;
  -webkit-backdrop-filter:blur(32px) saturate(1.24)!important;
  backdrop-filter:blur(32px) saturate(1.24)!important;
}

/* <<< runtime/legacy/styles/blocks/auth/surface/compatibility-effects/001-base-slice-08-auth-segment-03.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-14.css */

html[data-theme] body .app .layout > .side .nav,
html body .app .layout > .side .nav{
  position:relative!important;
  isolation:isolate!important;
  border-radius:12px!important;
  border:1px solid rgba(244,244,241,.16)!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  overflow:hidden!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
html[data-theme] body .app .layout > .side .nav .ic,
html[data-theme] body .app .layout > .side .nav .side-ico,
html[data-theme] body .app .layout > .side .nav .top-ico,
html body .app .layout > .side .nav .ic,
html body .app .layout > .side .nav .side-ico,
html body .app .layout > .side .nav .top-ico{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-14.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-15-malformed-retained.css */

html[data-theme] body .app .layout > .side .nav::before,

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-effects/001-base-slice-08-left-navigation-segment-15-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility/001-base-slice-08-enterprise-entry.css */

/* Enterprise compatibility entry. Ordered owner segments preserve the original slice-08 cascade and malformed legacy boundaries. */

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility/001-base-slice-08-enterprise-entry.css */


/* >>> runtime/legacy/styles/index-parts/index-part-02.css */

/* Legacy CSS entry part 2/7. Keep import order stable. */

/* <<< runtime/legacy/styles/index-parts/index-part-02.css */


/* >>> runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-09-workbench-001-slice-09-part-01-seg-01-html-data-theme-body-app-fine-01-short-01.css */

/* Legacy ordered base slice 09 part 01; split from 001-base-slice-09-html-data-theme-body-app.css. Keep import order stable. */
html[data-theme] body .app .layout > .side .nav::after,
html body .app .layout > .side .nav::before,
html body .app .layout > .side .nav::after{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  border:0!important;
  border-left:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
html[data-theme] body .main.page-workbench,
html[data-theme=dark] body .main.page-workbench,
html[data-theme=light] body .main.page-workbench,
html body .main.page-workbench{
  background:
    radial-gradient(circle at 18% 8%,rgba(255,255,255,.035),transparent 30%),
    radial-gradient(circle at 82% 0%,rgba(31,191,184,.05),transparent 34%),
    linear-gradient(180deg,#090a0b 0%,#050607 100%)!important;
}
html[data-theme] body .main.page-workbench .work-punch-stage,
html[data-theme] body .main.page-workbench .work-punch-stage.work-punch-hero,
html[data-theme] body .main.page-workbench .work-punch-stage.phs-unchecked,
html[data-theme] body .main.page-workbench .work-punch-stage.phs-checkedin,
html[data-theme] body .main.page-workbench .work-punch-stage.phs-done,
html[data-theme] body .main.page-workbench .work-punch-stage.phs-nonwork,
html body .main.page-workbench .work-punch-stage,
html body .main.page-workbench .work-punch-stage.work-punch-hero,
html body .main.page-workbench .work-punch-stage.phs-unchecked,
html body .main.page-workbench .work-punch-stage.phs-checkedin,
html body .main.page-workbench .work-punch-stage.phs-done,
html body .main.page-workbench .work-punch-stage.phs-nonwork{
  position:relative!important;
  min-height:312px!important;
  padding:18px 16px 16px!important;
  overflow:hidden!important;
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:
    radial-gradient(circle at 18% 12%,rgba(255,255,255,.26),transparent 31%),
    radial-gradient(circle at 84% 17%,rgba(31,191,184,.15),transparent 35%),
    radial-gradient(circle at 50% 104%,rgba(34,197,94,.13),transparent 48%),
    linear-gradient(145deg,#0b0d10 0%,#14171c 48%,#303640 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 30px 76px -54px rgba(0,0,0,.94)!important;
  color:#fff!important;
}
html[data-theme] body .main.page-workbench .work-punch-stage::before,
html body .main.page-workbench .work-punch-stage::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:-34%!important;
  background:linear-gradient(112deg,transparent 0 38%,rgba(255,255,255,.18) 45%,transparent 54% 100%)!important;
  opacity:.26!important;
  pointer-events:none!important;
  z-index:0!important;
  animation:mcPunchSweep 5.8s ease-in-out infinite!important;
}
html[data-theme] body .main.page-workbench .work-punch-stage::after,
html body .main.page-workbench .work-punch-stage::after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  width:270px!important;
  height:270px!important;
  right:-96px!important;
  bottom:-110px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.10)!important;
  box-shadow:0 0 0 42px rgba(255,255,255,.035),0 0 70px rgba(31,191,184,.075)!important;
  pointer-events:none!important;
  z-index:0!important;
}
html[data-theme] body .main.page-workbench .work-punch-stage .work-punch-main,
html body .main.page-workbench .work-punch-stage .work-punch-main{
  position:relative!important;
  z-index:1!important;
}
html[data-theme] body .main.page-workbench .work-punch-stage .punch-orb,
html[data-theme] body .main.page-workbench .work-punch-stage .punch-orb.unchecked,
html[data-theme] body .main.page-workbench .work-punch-stage .punch-orb.checkedin,
html[data-theme] body .main.page-workbench .work-punch-stage .punch-orb.checked,
html[data-theme] body .main.page-workbench .work-punch-stage .punch-orb.done,
html body .main.page-workbench .work-punch-stage .punch-orb,
html body .main.page-workbench .work-punch-stage .punch-orb.unchecked,
html body .main.page-workbench .work-punch-stage .punch-orb.checkedin,
html body .main.page-workbench .work-punch-stage .punch-orb.checked,
html body .main.page-workbench .work-punch-stage .punch-orb.done{
  width:198px!important;
  height:198px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.25)!important;
  background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.74),rgba(255,255,255,.18) 28%,rgba(255,255,255,.065) 62%,rgba(255,255,255,.14))!important;
  box-shadow:inset 0 2px 10px rgba(255,255,255,.50),inset 0 -20px 36px rgba(0,0,0,.30),0 32px 72px -28px rgba(0,0,0,.74),0 0 46px -20px rgba(255,255,255,.45)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.32)!important;
  backdrop-filter:blur(24px) saturate(1.32)!important;
  color:#fff!important;
  text-shadow:0 10px 26px rgba(0,0,0,.36)!important;
  transition:transform .24s ease,box-shadow .24s ease,filter .24s ease!important;
}
html[data-theme] body .main.page-workbench .work-punch-stage .punch-orb.unchecked,
html body .main.page-workbench .work-punch-stage .punch-orb.unchecked{
  background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.70),rgba(14,165,233,.32) 30%,rgba(2,132,199,.22) 58%,rgba(2,6,23,.30))!important;
  box-shadow:inset 0 2px 10px rgba(255,255,255,.46),inset 0 -20px 36px rgba(0,0,0,.32),0 34px 74px -30px rgba(0,0,0,.78),0 0 54px -22px rgba(14,165,233,.48)!important;
}

/* <<< runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-09-workbench-001-slice-09-part-01-seg-01-html-data-theme-body-app-fine-01-short-01.css */


/* >>> runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-09-workbench-002-slice-09-part-01-seg-01-html-data-theme-body-app-fine-01-short-02.css */

html[data-theme] body .main.page-workbench .work-punch-stage .punch-orb.checkedin,
html[data-theme] body .main.page-workbench .work-punch-stage .punch-orb.checked,
html body .main.page-workbench .work-punch-stage .punch-orb.checkedin,
html body .main.page-workbench .work-punch-stage .punch-orb.checked{
  background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.72),rgba(34,197,94,.34) 32%,rgba(22,163,74,.24) 60%,rgba(2,6,23,.28))!important;
  box-shadow:inset 0 2px 10px rgba(255,255,255,.48),inset 0 -20px 36px rgba(0,0,0,.32),0 34px 74px -30px rgba(0,0,0,.78),0 0 54px -22px rgba(34,197,94,.50)!important;
}
html[data-theme] body .main.page-workbench .work-punch-stage .punch-orb.done,
html body .main.page-workbench .work-punch-stage .punch-orb.done{
  background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.66),rgba(148,163,184,.30) 32%,rgba(71,85,105,.26) 60%,rgba(2,6,23,.30))!important;
}
html[data-theme] body .main.page-workbench .work-punch-stage .punch-orb::before,
html body .main.page-workbench .work-punch-stage .punch-orb::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:13px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.22),transparent 58%)!important;
  pointer-events:none!important;
}
html[data-theme] body .main.page-workbench .work-punch-stage .punch-orb::after,
html body .main.page-workbench .work-punch-stage .punch-orb::after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:-14px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  opacity:.65!important;
  box-shadow:0 0 34px rgba(255,255,255,.11)!important;
  animation:orb-ring 2.8s ease-in-out infinite!important;
  pointer-events:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-09-workbench-002-slice-09-part-01-seg-01-html-data-theme-body-app-fine-01-short-02.css */


/* >>> runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-09-workbench-003-slice-09-part-01-seg-01-html-data-theme-body-app-fine-02-unit-01.css */

html[data-theme] body .main.page-workbench .work-punch-stage .punch-orb:hover,
html body .main.page-workbench .work-punch-stage .punch-orb:hover{
  z-index:var(--mc-model-lift-z,80)!important;
  transform:translateY(var(--mc-model-lift-y-card,-3px)) scale(1.035)!important;
  filter:saturate(1.08)!important;
  box-shadow:inset 0 2px 12px rgba(255,255,255,.55),inset 0 -20px 36px rgba(0,0,0,.30),0 38px 86px -30px rgba(0,0,0,.82),0 0 60px -20px rgba(255,255,255,.48)!important;
}
html[data-theme] body .main.page-workbench .work-punch-stage .punch-orb .orb-time,
html body .main.page-workbench .work-punch-stage .punch-orb .orb-time{
  font-size:1.92rem!important;
  font-weight:800!important;
  letter-spacing:0!important;
}
html[data-theme] body .main.page-workbench .work-punch-stage .punch-orb .orb-sub,
html body .main.page-workbench .work-punch-stage .punch-orb .orb-sub{
  margin-top:9px!important;
  font-size:var(--mc-type-emphasized-body,.82rem)!important;
  font-weight:700!important;
  letter-spacing:.10em!important;
  text-transform:none!important;
}
html[data-theme] body .main.page-workbench .work-punch-stage .punch-orb .orb-meta,
html body .main.page-workbench .work-punch-stage .punch-orb .orb-meta{
  max-width:76%!important;
  margin-top:6px!important;
  font-size:var(--mc-type-caption-meta,.68rem)!important;
  line-height:1.22!important;
  opacity:.88!important;
}
html[data-theme] body .main.page-workbench .work-punch-stage .punch-orb .orb-tiny,
html body .main.page-workbench .work-punch-stage .punch-orb .orb-tiny{
  max-width:72%!important;
  margin-top:4px!important;
  font-size:.58rem!important;
  line-height:1.2!important;
  opacity:.62!important;
}
@keyframes mcPunchSweep{
  0%,42%{transform:translateX(-18%) rotate(.001deg);opacity:.16}
  62%{transform:translateX(18%) rotate(.001deg);opacity:.44}
  100%{transform:translateX(32%) rotate(.001deg);opacity:.10}
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html[data-theme] body .main.page-workbench .work-punch-stage,
  html body .main.page-workbench .work-punch-stage{
    min-height:260px!important;
    padding:14px 10px 12px!important;
    border-radius:18px!important;
  }
  html[data-theme] body .main.page-workbench .work-punch-stage .punch-orb,
  html body .main.page-workbench .work-punch-stage .punch-orb{
    width:166px!important;
    height:166px!important;
  }
  html[data-theme] body .main.page-workbench .work-punch-stage .punch-orb .orb-time,
  html body .main.page-workbench .work-punch-stage .punch-orb .orb-time{
    font-size:1.48rem!important;
  }
}
html[data-theme] body .app .layout > .main.page-workbench,
html[data-theme=dark] body .app .layout > .main.page-workbench,
html[data-theme=light] body .app .layout > .main.page-workbench,
html body .app .layout > .main.page-workbench{
  background-image:
    radial-gradient(circle at 18% 8%,rgba(255,255,255,.035),transparent 30%),
    radial-gradient(circle at 82% 0%,rgba(31,191,184,.05),transparent 34%),
    linear-gradient(180deg,#090a0b 0%,#050607 100%)!important;
  background-color:#050607!important;
}
html[data-theme] body .app .layout > .main.page-workbench .workbench-unified,
html[data-theme=dark] body .app .layout > .main.page-workbench .workbench-unified,
html body .app .layout > .main.page-workbench .workbench-unified{
  background:
    radial-gradient(circle at 16% 8%,rgba(255,255,255,.030),transparent 28%),
    radial-gradient(circle at 82% 14%,rgba(31,191,184,.040),transparent 34%)!important;
}

/* <<< runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-09-workbench-003-slice-09-part-01-seg-01-html-data-theme-body-app-fine-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-09-workbench-004-slice-09-part-01-seg-01-html-data-theme-body-app-fine-02-unit-02.css */

html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.danger,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.warn,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.unchecked,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checkedin,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checked,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.done,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.nonwork,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.danger,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.warn,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.unchecked,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checkedin,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checked,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.done,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.nonwork{
  width:198px!important;
  height:198px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.25)!important;
  background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.74),rgba(255,255,255,.18) 28%,rgba(255,255,255,.065) 62%,rgba(255,255,255,.14))!important;
  box-shadow:inset 0 2px 10px rgba(255,255,255,.50),inset 0 -20px 36px rgba(0,0,0,.30),0 32px 72px -28px rgba(0,0,0,.74),0 0 46px -20px rgba(255,255,255,.45)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.32)!important;
  backdrop-filter:blur(24px) saturate(1.32)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.danger,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.warn,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.unchecked,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.danger,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.warn,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.unchecked{
  background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.72),rgba(14,165,233,.34) 31%,rgba(2,132,199,.24) 58%,rgba(2,6,23,.30))!important;
  box-shadow:inset 0 2px 10px rgba(255,255,255,.48),inset 0 -20px 36px rgba(0,0,0,.32),0 34px 74px -30px rgba(0,0,0,.80),0 0 56px -22px rgba(14,165,233,.50)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checkedin,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checked,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checkedin,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checked{
  background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.72),rgba(34,197,94,.35) 32%,rgba(22,163,74,.25) 60%,rgba(2,6,23,.28))!important;
  box-shadow:inset 0 2px 10px rgba(255,255,255,.48),inset 0 -20px 36px rgba(0,0,0,.32),0 34px 74px -30px rgba(0,0,0,.78),0 0 56px -22px rgba(34,197,94,.52)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.done,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.nonwork,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.done,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.nonwork{
  background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.66),rgba(148,163,184,.30) 32%,rgba(71,85,105,.26) 60%,rgba(2,6,23,.30))!important;
}
html[data-theme] body .app .layout > .main.page-workbench .hud-cards,
html body .app .layout > .main.page-workbench .hud-cards{
  gap:12px!important;
  margin-bottom:12px!important;
}

/* <<< runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-09-workbench-004-slice-09-part-01-seg-01-html-data-theme-body-app-fine-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-005-slice-09-part-01-seg-01-html-data-theme-body-app-fine-03-malformed-retained.css */

html[data-theme] body .app .layout > .main.page-workbench .hud-card,
html[data-theme=dark] body .app .layout > .main.page-workbench .hud-card,
html[data-theme=light] body .app .layout > .main.page-workbench .hud-card,
html body .app .layout > .main.page-workbench .hud-card{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:112px!important;
  padding:17px 17px!important;
  border:0!important;
  border-radius:22px!important;
  color:#fff!important;
  box-shadow:0 22px 52px -34px rgba(0,0,0,.78),inset 0 1px 0 rgba(255,255,255,.26)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.12)!important;
  backdrop-filter:blur(10px) saturate(1.12)!important;
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease!important;
}
html[data-theme] body .app .layout > .main.page-workbench .hud-card::before,
html[data-theme] body .app .layout > .main.page-workbench .hud-card::after,
html body .app .layout > .main.page-workbench .hud-card::before,
html body .app .layout > .main.page-workbench .hud-card::after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  pointer-events:none!important;
  z-index:0!important;
}
html[data-theme] body .app .layout > .main.page-workbench .hud-card::before,
html body .app .layout > .main.page-workbench .hud-card::before{
  inset:0!important;
  background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.34),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.17),transparent 54%)!important;
  opacity:.78!important;
}
html[data-theme] body .app .layout > .main.page-workbench .hud-card::after,
html body .app .layout > .main.page-workbench .hud-card::after{
  right:-36px!important;
  top:-34px!important;
  width:132px!important;
  height:132px!important;
  border-radius:38px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.17) 1px,transparent 1px)!important;
  background-size:18px 18px!important;
  transform:rotate(18deg)!important;
  opacity:.58!important;
  -webkit-mask-image:radial-gradient(circle,#000 45%,transparent 72%)!important;
  mask-image:radial-gradient(circle,#000 45%,transparent 72%)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .hud-card:hover,
html body .app .layout > .main.page-workbench .hud-card:hover{
  z-index:var(--mc-model-lift-z,80)!important;
  transform:translateY(var(--mc-model-lift-y-card,-3px)) scale(var(--mc-model-lift-scale-card,1.01))!important;
  filter:saturate(1.10) brightness(1.06)!important;
  box-shadow:0 28px 62px -34px rgba(0,0,0,.82),inset 0 1px 0 rgba(255,255,255,.30)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .hud-card:hover::after,
html body .app .layout > .main.page-workbench .hud-card:hover::after{
  transform:rotate(11deg) scale(1.08)!important;
  opacity:.72!important;
}
html[data-theme] body .app .layout > .main.page-workbench .hud-card .hud-bg,

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-005-slice-09-part-01-seg-01-html-data-theme-body-app-fine-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-006-slice-09-part-01-seg-02-html-data-theme-body-app-micro-01-unit-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-09-part-01-html-data-theme-body-app.css. Keep import order stable. */
html body .app .layout > .main.page-workbench .hud-card .hud-bg{
  display:grid!important;
  place-items:center!important;
  position:absolute!important;
  right:4px!important;
  top:0!important;
  width:1.12em!important;
  height:1.12em!important;
  font-size:5.9rem!important;
  line-height:1!important;
  opacity:.18!important;
  filter:blur(.35px) saturate(1.14)!important;
  transform:rotate(-4deg)!important;
  transition:opacity .28s ease,transform .28s ease!important;
  z-index:0!important;
  pointer-events:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-theme] body .app .layout > .main.page-workbench .hud-card:hover .hud-bg,
html body .app .layout > .main.page-workbench .hud-card:hover .hud-bg{
  opacity:.25!important;
  transform:scale(1.1) rotate(-8deg)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .hud-card .hud-ic,
html body .app .layout > .main.page-workbench .hud-card .hud-ic{
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  margin-bottom:8px!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28)!important;
  font-size:1.05rem!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  position:relative!important;
  z-index:1!important;
}
html[data-theme] body .app .layout > .main.page-workbench .hud-card :where(.hud-val,.hud-label,.hud-sub),
html body .app .layout > .main.page-workbench .hud-card :where(.hud-val,.hud-label,.hud-sub){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  position:relative!important;
  z-index:1!important;
  box-shadow:none!important;
}
html[data-theme] body .app .layout > .main.page-workbench .hud-card .hud-val,
html body .app .layout > .main.page-workbench .hud-card .hud-val{
  text-shadow:0 10px 26px rgba(0,0,0,.24)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .hud-cards > .hud-card:nth-child(1),
html[data-theme] body .app .layout > .main.page-workbench .hud-card.hud-blue,
html body .app .layout > .main.page-workbench .hud-cards > .hud-card:nth-child(1),
html body .app .layout > .main.page-workbench .hud-card.hud-blue{
  background:linear-gradient(135deg,#2563eb 0%,#06b6d4 58%,#67e8f9 100%)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .hud-cards > .hud-card:nth-child(2),
html[data-theme] body .app .layout > .main.page-workbench .hud-card.hud-green,
html body .app .layout > .main.page-workbench .hud-cards > .hud-card:nth-child(2),
html body .app .layout > .main.page-workbench .hud-card.hud-green{
  background:linear-gradient(135deg,#059669 0%,#10b981 55%,#86efac 100%)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .hud-cards > .hud-card:nth-child(3),
html[data-theme] body .app .layout > .main.page-workbench .hud-card.hud-orange,
html body .app .layout > .main.page-workbench .hud-cards > .hud-card:nth-child(3),
html body .app .layout > .main.page-workbench .hud-card.hud-orange{
  background:linear-gradient(135deg,#f97316 0%,#f59e0b 56%,#fde68a 100%)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .hud-cards > .hud-card:nth-child(4),
html[data-theme] body .app .layout > .main.page-workbench .hud-card.hud-purple,
html body .app .layout > .main.page-workbench .hud-cards > .hud-card:nth-child(4),
html body .app .layout > .main.page-workbench .hud-card.hud-purple{
  background:linear-gradient(135deg,#7c3aed 0%,#d946ef 52%,#f0abfc 100%)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .employee-hud-cards .hud-card.hud-todo,
html body .app .layout > .main.page-workbench .employee-hud-cards .hud-card.hud-todo{
  background:linear-gradient(135deg,#4338ca 0%,#0284c7 48%,#14b8a6 100%)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .employee-hud-cards .hud-card:nth-child(2),
html body .app .layout > .main.page-workbench .employee-hud-cards .hud-card:nth-child(2){
  background:linear-gradient(135deg,#0ea5e9 0%,#22c55e 68%,#bbf7d0 100%)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .employee-hud-cards .hud-card:nth-child(3),
html body .app .layout > .main.page-workbench .employee-hud-cards .hud-card:nth-child(3){
  background:linear-gradient(135deg,#8b5cf6 0%,#f97316 58%,#fed7aa 100%)!important;
}

/* workbench-hud-illustration-cards-v1 */
html[data-theme] body .app .layout > .main.page-workbench .hud-cards > .hud-card:nth-child(1),
html[data-theme] body .app .layout > .main.page-workbench .hud-card.hud-blue,
html body .app .layout > .main.page-workbench .hud-cards > .hud-card:nth-child(1),
html body .app .layout > .main.page-workbench .hud-card.hud-blue{
  background:
    radial-gradient(circle at 83% 24%,rgba(92,225,255,.46),rgba(92,225,255,0) 35%),
    linear-gradient(135deg,#1947c8 0%,#1587ff 47%,#32d8ff 100%)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .hud-cards > .hud-card:nth-child(2),
html[data-theme] body .app .layout > .main.page-workbench .hud-card.hud-green,
html body .app .layout > .main.page-workbench .hud-cards > .hud-card:nth-child(2),
html body .app .layout > .main.page-workbench .hud-card.hud-green{
  background:
    radial-gradient(circle at 82% 22%,rgba(184,255,199,.48),rgba(184,255,199,0) 34%),
    linear-gradient(135deg,#05745f 0%,#12b981 50%,#7ce66a 100%)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .hud-cards > .hud-card:nth-child(3),
html[data-theme] body .app .layout > .main.page-workbench .hud-card.hud-orange,
html body .app .layout > .main.page-workbench .hud-cards > .hud-card:nth-child(3),
html body .app .layout > .main.page-workbench .hud-card.hud-orange{
  background:
    radial-gradient(circle at 82% 18%,rgba(255,232,146,.48),rgba(255,232,146,0) 34%),
    linear-gradient(135deg,#c43e16 0%,#f27a1a 49%,#ffd166 100%)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .hud-cards > .hud-card:nth-child(4),
html[data-theme] body .app .layout > .main.page-workbench .hud-card.hud-purple,
html body .app .layout > .main.page-workbench .hud-cards > .hud-card:nth-child(4),
html body .app .layout > .main.page-workbench .hud-card.hud-purple{
  background:
    radial-gradient(circle at 80% 20%,rgba(255,156,219,.46),rgba(255,156,219,0) 35%),
    linear-gradient(135deg,#5124c9 0%,#a11ec8 48%,#ff6fb7 100%)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .hud-card .hud-bg,
html body .app .layout > .main.page-workbench .hud-card .hud-bg{
  width:178px!important;
  height:128px!important;
  right:-12px!important;
  top:1px!important;
  font-size:1rem!important;
  display:block!important;
  opacity:.52!important;
  filter:none!important;
}
html[data-theme] body .app .layout > .main.page-workbench .hud-card:hover .hud-bg,
html body .app .layout > .main.page-workbench .hud-card:hover .hud-bg{
  opacity:.68!important;
  transform:scale(1.035) rotate(-5deg)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .ann-banner,
html[data-theme=dark] body .app .layout > .main.page-workbench .ann-banner,
html[data-theme=light] body .app .layout > .main.page-workbench .ann-banner,
html body .app .layout > .main.page-workbench .ann-banner{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  color:#fff!important;
  border:0!important;
  border-radius:16px!important;
  box-shadow:0 20px 50px -34px rgba(0,0,0,.70),inset 0 1px 0 rgba(255,255,255,.22)!important;
  transition:transform .18s ease,filter .18s ease!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-006-slice-09-part-01-seg-02-html-data-theme-body-app-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-007-slice-09-part-01-seg-02-html-data-theme-body-app-micro-01-unit-02.css */

html[data-theme] body .app .layout > .main.page-workbench .ann-banner.ann-info,
html body .app .layout > .main.page-workbench .ann-banner.ann-info{
  background:linear-gradient(135deg,#0369a1 0%,#0284c7 52%,#38bdf8 100%)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .ann-banner.ann-notice,
html body .app .layout > .main.page-workbench .ann-banner.ann-notice{
  background:linear-gradient(135deg,#b45309 0%,#d97706 52%,#f59e0b 100%)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .ann-banner.ann-success,
html body .app .layout > .main.page-workbench .ann-banner.ann-success{
  background:linear-gradient(135deg,#047857 0%,#059669 52%,#34d399 100%)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .ann-banner.ann-warn,
html body .app .layout > .main.page-workbench .ann-banner.ann-warn{
  background:linear-gradient(135deg,#9f1239 0%,#e11d48 54%,#f43f5e 100%)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .ann-banner::before,
html[data-theme] body .app .layout > .main.page-workbench .ann-banner::after,
html body .app .layout > .main.page-workbench .ann-banner::before,
html body .app .layout > .main.page-workbench .ann-banner::after{
  display:block!important;
  position:absolute!important;
  pointer-events:none!important;
  z-index:0!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-007-slice-09-part-01-seg-02-html-data-theme-body-app-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-008-slice-09-part-01-seg-02-html-data-theme-body-app-micro-02-unit-01.css */

html[data-theme] body .app .layout > .main.page-workbench .ann-banner::before,
html body .app .layout > .main.page-workbench .ann-banner::before{
  right:38px!important;
  top:-18px!important;
  width:auto!important;
  height:auto!important;
  border-radius:0!important;
  background:transparent!important;
  opacity:.22!important;
  filter:blur(.55px) saturate(1.15)!important;
  transform:rotate(-8deg)!important;
  font-size:5.2rem!important;
  line-height:1!important;
  color:#fff!important;
  text-shadow:0 20px 44px rgba(0,0,0,.28)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .ann-banner.ann-info::before,
html body .app .layout > .main.page-workbench .ann-banner.ann-info::before{content:"ℹ️"!important}
html[data-theme] body .app .layout > .main.page-workbench .ann-banner.ann-notice::before,
html body .app .layout > .main.page-workbench .ann-banner.ann-notice::before{content:"📢"!important}
html[data-theme] body .app .layout > .main.page-workbench .ann-banner.ann-success::before,
html body .app .layout > .main.page-workbench .ann-banner.ann-success::before{content:"✅"!important}
html[data-theme] body .app .layout > .main.page-workbench .ann-banner.ann-warn::before,
html body .app .layout > .main.page-workbench .ann-banner.ann-warn::before{content:"⚠️"!important}
html[data-theme] body .app .layout > .main.page-workbench .ann-banner::after,
html body .app .layout > .main.page-workbench .ann-banner::after{
  content:""!important;
  right:-34px!important;
  top:-46px!important;
  width:150px!important;
  height:150px!important;
  border-radius:999px!important;
  background:radial-gradient(circle,rgba(255,255,255,.26),rgba(255,255,255,.08) 52%,transparent 72%)!important;
  opacity:.78!important;
}
html[data-theme] body .app .layout > .main.page-workbench .ann-banner :where(.ann-ic,.ann-body,.ann-badge,.ann-arr),
html body .app .layout > .main.page-workbench .ann-banner :where(.ann-ic,.ann-body,.ann-badge,.ann-arr){
  position:relative!important;
  z-index:1!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
}
html[data-theme] body .app .layout > .main.page-workbench .ann-banner .ann-ic,
html body .app .layout > .main.page-workbench .ann-banner .ann-ic{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.18)!important;
  font-size:1.4rem!important;
  text-shadow:0 8px 20px rgba(0,0,0,.25)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .ann-banner:hover,
html body .app .layout > .main.page-workbench .ann-banner:hover{
  z-index:var(--mc-model-lift-z,80)!important;
  transform:translateY(var(--mc-model-lift-y-card,-3px)) scale(var(--mc-model-lift-scale-card,1.01))!important;
  filter:saturate(1.08) brightness(1.06)!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html[data-theme] body .app .layout > .main.page-workbench .hud-card,
  html body .app .layout > .main.page-workbench .hud-card{
    min-height:104px!important;
    border-radius:19px!important;
    padding:14px 12px!important;
  }
  html[data-theme] body .app .layout > .main.page-workbench .hud-card .hud-bg,
  html body .app .layout > .main.page-workbench .hud-card .hud-bg{
    right:0!important;
    top:2px!important;
    font-size:4.8rem!important;
  }
}
html[data-theme] body .app .layout > .main.page-records,
html[data-theme=dark] body .app .layout > .main.page-records,
html[data-theme=light] body .app .layout > .main.page-records,
html body .app .layout > .main.page-records{
  background:
    radial-gradient(circle at 18% 4%,rgba(255,255,255,.026),transparent 30%),
    linear-gradient(180deg,#080909 0%,#050606 100%)!important;
}
html[data-theme] body .app .layout > .main.page-records .page-head,
html body .app .layout > .main.page-records .page-head{
  margin-bottom:12px!important;
  padding-bottom:10px!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-report-shell,
html body .app .layout > .main.page-records .att-report-shell{
  display:grid!important;
  gap:16px!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-008-slice-09-part-01-seg-02-html-data-theme-body-app-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-09-shared-cross-surface-009-slice-09-part-01-seg-02-html-data-theme-body-app-micro-02-unit-02.css */

html[data-theme] body .app .layout > .main.page-records .att-report-nav,
html body .app .layout > .main.page-records .att-report-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme] body .app .layout > .main.page-records .att-report-tabs,
html body .app .layout > .main.page-records .att-report-tabs{
  width:auto!important;
  max-width:none!important;
  gap:8px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme] body .app .layout > .main.page-records :where(.panel,.att-section,.att-table,.att-self-card,.att-company-pie-panel,.att-empty-section),
html body .app .layout > .main.page-records :where(.panel,.att-section,.att-table,.att-self-card,.att-company-pie-panel,.att-empty-section){
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  margin:0!important;
  padding:0!important;
}
html[data-theme] body .app .layout > .main.page-records .att-section,
html body .app .layout > .main.page-records .att-section{
  display:grid!important;
  gap:12px!important;
  padding:2px 0 14px!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-09-shared-cross-surface-009-slice-09-part-01-seg-02-html-data-theme-body-app-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-010-slice-09-part-01-seg-02-html-data-theme-body-app-micro-03.css */

html[data-theme] body .app .layout > .main.page-records .att-section:last-child,
html body .app .layout > .main.page-records .att-section:last-child{
  border-bottom:0!important;
}
html[data-theme] body .app .layout > .main.page-records .att-section-head,
html[data-theme] body .app .layout > .main.page-records .att-self-head,
html[data-theme] body .app .layout > .main.page-records .att-pie-panel-head,
html body .app .layout > .main.page-records .att-section-head,
html body .app .layout > .main.page-records .att-self-head,
html body .app .layout > .main.page-records .att-pie-panel-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme] body .app .layout > .main.page-records .att-section h3,
html[data-theme] body .app .layout > .main.page-records .att-section-head h3,
html[data-theme] body .app .layout > .main.page-records .att-self-head h3,
html body .app .layout > .main.page-records .att-section h3,
html body .app .layout > .main.page-records .att-section-head h3,
html body .app .layout > .main.page-records .att-self-head h3{
  margin:0!important;
  color:#f4f4f1!important;
  font-size:1rem!important;
  font-weight:760!important;
}
html[data-theme] body .app .layout > .main.page-records .att-section .desc,
html[data-theme] body .app .layout > .main.page-records .att-self-head .desc,
html body .app .layout > .main.page-records .att-section .desc,
html body .app .layout > .main.page-records .att-self-head .desc{
  margin:4px 0 0!important;
  color:rgba(244,244,241,.55)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-pie-dashboard,
html body .app .layout > .main.page-records .att-pie-dashboard{
  gap:16px!important;
  align-items:stretch!important;
}
html[data-theme] body .app .layout > .main.page-records .att-shared-legend,
html body .app .layout > .main.page-records .att-shared-legend{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  color:rgba(244,244,241,.62)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-company-pie-panel,
html body .app .layout > .main.page-records .att-company-pie-panel{
  min-height:300px!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-010-slice-09-part-01-seg-02-html-data-theme-body-app-micro-03.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-011-slice-09-part-02-seg-01-html-data-theme-body-app-fine-01-unit-01.css */

/* Legacy ordered base slice 09 part 02; split from 001-base-slice-09-html-data-theme-body-app.css. Keep import order stable. */
html[data-theme] body .app .layout > .main.page-records .att-main-pie-box,
html[data-theme] body .app .layout > .main.page-records .att-watch-stack-box,
html body .app .layout > .main.page-records .att-main-pie-box,
html body .app .layout > .main.page-records .att-watch-stack-box{
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.016))!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:18px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-watch-empty,
html body .app .layout > .main.page-records .att-watch-empty{
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.016))!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:18px!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day,
html body .app .layout > .main.page-records .att-self-day{
  border:1px solid rgba(255,255,255,.07)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;
  box-shadow:none!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.bg-ok,
html body .app .layout > .main.page-records .att-self-day.bg-ok{
  background:linear-gradient(180deg,rgba(22,163,74,.18),rgba(255,255,255,.018))!important;
  border-color:rgba(22,163,74,.28)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.bg-danger,
html body .app .layout > .main.page-records .att-self-day.bg-danger{
  background:linear-gradient(180deg,rgba(220,38,38,.16),rgba(255,255,255,.018))!important;
  border-color:rgba(220,38,38,.26)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.bg-warn,
html body .app .layout > .main.page-records .att-self-day.bg-warn{
  background:linear-gradient(180deg,rgba(245,158,11,.18),rgba(255,255,255,.018))!important;
  border-color:rgba(245,158,11,.30)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.bg-info,
html body .app .layout > .main.page-records .att-self-day.bg-info{
  background:linear-gradient(180deg,rgba(2,132,199,.17),rgba(255,255,255,.018))!important;
  border-color:rgba(2,132,199,.30)!important;
}
html[data-theme] body .app .layout > .main.page-records .table-wrap,
html body .app .layout > .main.page-records .table-wrap{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow-x:auto!important;
}
html[data-theme] body .app .layout > .main.page-records table,
html body .app .layout > .main.page-records table{
  border-collapse:separate!important;
  border-spacing:0 6px!important;
}
html[data-theme] body .app .layout > .main.page-records thead th,
html body .app .layout > .main.page-records thead th{
  background:transparent!important;
  border:0!important;
  color:rgba(244,244,241,.48)!important;
  padding:5px 12px!important;
}
html[data-theme] body .app .layout > .main.page-records tbody tr,
html body .app .layout > .main.page-records tbody tr{
  background:linear-gradient(180deg,rgba(255,255,255,.040),rgba(255,255,255,.016))!important;
  box-shadow:none!important;
}
html[data-theme] body .app .layout > .main.page-records tbody td,
html body .app .layout > .main.page-records tbody td{
  border:0!important;
  padding:10px 12px!important;
}
html[data-theme] body .app .layout > .main.page-records tbody td:first-child,
html body .app .layout > .main.page-records tbody td:first-child{
  border-radius:12px 0 0 12px!important;
}
html[data-theme] body .app .layout > .main.page-records tbody td:last-child,
html body .app .layout > .main.page-records tbody td:last-child{
  border-radius:0 12px 12px 0!important;
}
@media(max-width:900px){
}
html[data-theme] body .app .layout > .main.page-records .att-pie-dashboard,
html body .app .layout > .main.page-records .att-pie-dashboard{
  grid-template-columns:minmax(180px,1fr) minmax(420px,2fr)!important;
  gap:16px 18px!important;
  align-items:stretch!important;
}
html[data-theme] body .app .layout > .main.page-records .att-pie-dashboard > .att-section,
html body .app .layout > .main.page-records .att-pie-dashboard > .att-section{
  border-bottom:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-011-slice-09-part-02-seg-01-html-data-theme-body-app-fine-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-09-shared-cross-surface-012-slice-09-part-02-seg-01-html-data-theme-body-app-fine-01-unit-02.css */

html[data-theme] body .app .layout > .main.page-records .att-company-overview,
html body .app .layout > .main.page-records .att-company-overview{
  justify-self:stretch!important;
  align-self:stretch!important;
  width:100%!important;
  min-height:0!important;
}
html[data-theme] body .app .layout > .main.page-records .att-company-overview .att-company-pie-wrap,
html body .app .layout > .main.page-records .att-company-overview .att-company-pie-wrap{
  width:100%!important;
  height:100%!important;
  min-height:276px!important;
  place-items:center!important;
}
html[data-theme] body .app .layout > .main.page-records .att-company-overview .att-main-pie-box,
html body .app .layout > .main.page-records .att-company-overview .att-main-pie-box{
  width:min(100%,222px)!important;
  height:198px!important;
  min-height:0!important;
  justify-self:center!important;
  align-self:center!important;
  place-items:center!important;
  padding:0!important;
  background:transparent!important;
  border:1px solid rgba(244,244,241,.115)!important;
  border-radius:18px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
  overflow:visible!important;
}
html[data-theme] body .app .layout > .main.page-records .att-company-overview .att-main-pie-box canvas,
html body .app .layout > .main.page-records .att-company-overview .att-main-pie-box canvas{
  filter:none!important;
  box-shadow:none!important;
}
html[data-theme] body .app .layout > .main.page-records .att-company-overview .att-pie-center,
html body .app .layout > .main.page-records .att-company-overview .att-pie-center{
  width:88px!important;
  gap:4px!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-09-shared-cross-surface-012-slice-09-part-02-seg-01-html-data-theme-body-app-fine-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-09-shared-cross-surface-013-slice-09-part-02-seg-01-html-data-theme-body-app-fine-02-unit-01.css */

html[data-theme] body .app .layout > .main.page-records .att-company-overview .att-pie-center b,
html body .app .layout > .main.page-records .att-company-overview .att-pie-center b{
  font-size:1.24rem!important;
}
html[data-theme] body .app .layout > .main.page-records .att-company-overview .att-pie-center small,
html body .app .layout > .main.page-records .att-company-overview .att-pie-center small{
  font-size:.60rem!important;
}
html[data-theme] body .app .layout > .main.page-records .att-watch-panel,
html body .app .layout > .main.page-records .att-watch-panel{
  width:100%!important;
  min-height:0!important;
  align-self:stretch!important;
}
html[data-theme] body .app .layout > .main.page-records .att-watch-panel .att-pie-panel-head,
html body .app .layout > .main.page-records .att-watch-panel .att-pie-panel-head{
  min-height:32px!important;
  margin-bottom:8px!important;
}
html[data-theme] body .app .layout > .main.page-records .att-watch-panel .att-watch-stack-box,
html[data-theme] body .app .layout > .main.page-records .att-watch-panel .att-watch-empty,
html body .app .layout > .main.page-records .att-watch-panel .att-watch-stack-box,
html body .app .layout > .main.page-records .att-watch-panel .att-watch-empty{
  width:100%!important;
  height:236px!important;
  min-height:236px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html[data-theme] body .app .layout > .main.page-records .att-watch-panel .att-watch-empty,
html body .app .layout > .main.page-records .att-watch-panel .att-watch-empty{
  place-items:center start!important;
  text-align:left!important;
}
@media(max-width:900px){
  html[data-theme] body .app .layout > .main.page-records .att-pie-dashboard,
  html body .app .layout > .main.page-records .att-pie-dashboard{
    grid-template-columns:1fr!important;
  }
  html[data-theme] body .app .layout > .main.page-records .att-company-overview .att-main-pie-box,
  html body .app .layout > .main.page-records .att-company-overview .att-main-pie-box{
    width:min(100%,218px)!important;
    height:194px!important;
  }
  html[data-theme] body .app .layout > .main.page-records .att-company-overview .att-company-pie-wrap,
  html body .app .layout > .main.page-records .att-company-overview .att-company-pie-wrap{
    min-height:214px!important;
  }
  html[data-theme] body .app .layout > .main.page-records .att-watch-panel .att-watch-stack-box,
  html[data-theme] body .app .layout > .main.page-records .att-watch-panel .att-watch-empty,
  html body .app .layout > .main.page-records .att-watch-panel .att-watch-stack-box,
  html body .app .layout > .main.page-records .att-watch-panel .att-watch-empty{
    height:224px!important;
    min-height:224px!important;
  }
}
html[data-theme] body .app .layout > .main.page-records .att-self-card,
html body .app .layout > .main.page-records .att-self-card{
  gap:13px!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-head,
html body .app .layout > .main.page-records .att-self-head{
  align-items:center!important;
  padding-top:2px!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-tools,
html body .app .layout > .main.page-records .att-self-tools{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-person-mc,
html body .app .layout > .main.page-records .att-calendar-person-mc{
  min-height:42px!important;
  width:min(280px,100%)!important;
  max-width:280px!important;
  padding:8px 10px 8px 12px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.032))!important;
  color:#f4f4f1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-person-mc .mc-pick-main,
html body .app .layout > .main.page-records .att-calendar-person-mc .mc-pick-main{
  display:grid!important;
  min-width:0!important;
  text-align:left!important;
  line-height:1.12!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-09-shared-cross-surface-013-slice-09-part-02-seg-01-html-data-theme-body-app-fine-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-014-slice-09-part-02-seg-01-html-data-theme-body-app-fine-02-unit-02.css */

html[data-theme] body .app .layout > .main.page-records .att-calendar-person-mc .mc-pick-main em,
html body .app .layout > .main.page-records .att-calendar-person-mc .mc-pick-main em{
  font-style:normal!important;
  color:rgba(244,244,241,.48)!important;
  font-size:.62rem!important;
  font-weight:700!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-person-mc .mc-pick-main b,
html body .app .layout > .main.page-records .att-calendar-person-mc .mc-pick-main b{
  color:#fff!important;
  font-size:.86rem!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-person-mc .mc-pick-main small,
html body .app .layout > .main.page-records .att-calendar-person-mc .mc-pick-main small{
  color:rgba(244,244,241,.58)!important;
  font-size:var(--mc-type-caption-meta,.68rem)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-person-mc .mc-combo-caret,
html body .app .layout > .main.page-records .att-calendar-person-mc .mc-combo-caret{
  color:rgba(244,244,241,.72)!important;
  font-size:.86rem!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-legend-row,
html body .app .layout > .main.page-records .att-calendar-legend-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px 14px!important;
  flex-wrap:wrap!important;
  padding:8px 0 2px!important;
  color:rgba(244,244,241,.66)!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-014-slice-09-part-02-seg-01-html-data-theme-body-app-fine-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-015-slice-09-part-02-seg-01-html-data-theme-body-app-fine-03-malformed-retained.css */

html[data-theme] body .app .layout > .main.page-records .att-frame-legend,
html body .app .layout > .main.page-records .att-frame-legend{
  display:inline-grid!important;
  grid-template-columns:18px auto!important;
  grid-template-rows:auto auto!important;
  column-gap:7px!important;
  align-items:center!important;
  min-width:130px!important;
}
html[data-theme] body .app .layout > .main.page-records .att-frame-legend > span,
html body .app .layout > .main.page-records .att-frame-legend > span{
  grid-row:1/3!important;
  width:17px!important;
  height:17px!important;
  border-radius:5px!important;
  display:block!important;
}
html[data-theme] body .app .layout > .main.page-records .att-frame-legend .frame-open,
html body .app .layout > .main.page-records .att-frame-legend .frame-open{
  background:#f7f7f4!important;
  border:1px solid rgba(255,255,255,.88)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-frame-legend .frame-locked,
html body .app .layout > .main.page-records .att-frame-legend .frame-locked{
  background:#343434!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-frame-legend b,
html body .app .layout > .main.page-records .att-frame-legend b{
  color:#f4f4f1!important;
  font-size:.73rem!important;
  line-height:1!important;
}
html[data-theme] body .app .layout > .main.page-records .att-frame-legend small,
html body .app .layout > .main.page-records .att-frame-legend small{
  color:rgba(244,244,241,.48)!important;
  font-size:.62rem!important;
  line-height:1.1!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-legend-row .att-self-legend,
html body .app .layout > .main.page-records .att-calendar-legend-row .att-self-legend{
  margin-left:auto!important;
  gap:7px 12px!important;
  justify-content:flex-end!important;
  color:rgba(244,244,241,.60)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-calendar,
html body .app .layout > .main.page-records .att-self-calendar{
  gap:8px!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day,
html body .app .layout > .main.page-records .att-self-day{
  position:relative!important;
  overflow:hidden!important;
  min-height:76px!important;
  border-radius:13px!important;
  padding:8px 8px 7px!important;
}
html[data-theme] body .app .layout > .main.page-records button.att-self-day:disabled,
html body .app .layout > .main.page-records button.att-self-day:disabled{
  opacity:1!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open,
html body .app .layout > .main.page-records .att-self-day.att-day-open,
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open.bg-ok,
html body .app .layout > .main.page-records .att-self-day.att-day-open.bg-ok,
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open.bg-danger,
html body .app .layout > .main.page-records .att-self-day.att-day-open.bg-danger,
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open.bg-warn,

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-015-slice-09-part-02-seg-01-html-data-theme-body-app-fine-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-09-shared-cross-surface-016-slice-09-part-02-seg-02-html-data-theme-body-app-micro-01-unit-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-09-part-02-html-data-theme-body-app.css. Keep import order stable. */
html body .app .layout > .main.page-records .att-self-day.att-day-open.bg-warn,
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open.bg-info,
html body .app .layout > .main.page-records .att-self-day.att-day-open.bg-info,
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open.bg-muted,
html body .app .layout > .main.page-records .att-self-day.att-day-open.bg-muted{
  background:linear-gradient(180deg,#ffffff,#f3f3ef)!important;
  border-color:rgba(255,255,255,.92)!important;
  color:#111827!important;
  box-shadow:0 8px 20px -18px rgba(0,0,0,.86),inset 0 1px 0 rgba(255,255,255,.98)!important;
  cursor:pointer!important;
  opacity:1!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open:hover,
html body .app .layout > .main.page-records .att-self-day.att-day-open:hover{
  z-index:var(--mc-model-lift-z,80)!important;
  transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important;
  border-color:#fff!important;
  box-shadow:0 14px 30px -22px rgba(255,255,255,.28),0 12px 26px -20px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,1)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open::before,
html body .app .layout > .main.page-records .att-self-day.att-day-open::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  right:0!important;
  height:3px!important;
  background:rgba(17,24,39,.22)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open.bg-ok::before,
html body .app .layout > .main.page-records .att-self-day.att-day-open.bg-ok::before{background:#16a34a!important}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open.bg-danger::before,
html body .app .layout > .main.page-records .att-self-day.att-day-open.bg-danger::before{background:#b91c1c!important}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open.bg-warn::before,
html body .app .layout > .main.page-records .att-self-day.att-day-open.bg-warn::before{background:#d97706!important}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open.bg-info::before,
html body .app .layout > .main.page-records .att-self-day.att-day-open.bg-info::before{background:#0284c7!important}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open b,
html body .app .layout > .main.page-records .att-self-day.att-day-open b{
  color:#111827!important;
  font-weight:850!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open small,
html body .app .layout > .main.page-records .att-self-day.att-day-open small{
  color:#374151!important;
  font-weight:720!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-locked,
html body .app .layout > .main.page-records .att-self-day.att-day-locked{
  background:linear-gradient(180deg,#363636,#252525)!important;
  border-color:rgba(255,255,255,.075)!important;
  color:rgba(244,244,241,.36)!important;
  box-shadow:none!important;
  cursor:not-allowed!important;
  pointer-events:none!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-locked b,
html body .app .layout > .main.page-records .att-self-day.att-day-locked b{
  color:rgba(244,244,241,.46)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-locked small,
html body .app .layout > .main.page-records .att-self-day.att-day-locked small{
  color:rgba(244,244,241,.32)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-unavailable,
html body .app .layout > .main.page-records .att-self-day.att-day-unavailable{
  background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.16))!important;
  border-color:rgba(255,255,255,.16)!important;
  color:rgba(244,244,241,.56)!important;
}
@media(max-width:900px){
  html[data-theme] body .app .layout > .main.page-records .att-self-head,
  html body .app .layout > .main.page-records .att-self-head{
    align-items:flex-start!important;
  }
  html[data-theme] body .app .layout > .main.page-records .att-self-tools,
  html body .app .layout > .main.page-records .att-self-tools,
  html[data-theme] body .app .layout > .main.page-records .att-calendar-person-mc,
  html body .app .layout > .main.page-records .att-calendar-person-mc{
    width:100%!important;
    max-width:none!important;
  }
  html[data-theme] body .app .layout > .main.page-records .att-calendar-legend-row,
  html body .app .layout > .main.page-records .att-calendar-legend-row{
    align-items:flex-start!important;
  }
  html[data-theme] body .app .layout > .main.page-records .att-calendar-legend-row .att-self-legend,
  html body .app .layout > .main.page-records .att-calendar-legend-row .att-self-legend{
    margin-left:0!important;
    justify-content:flex-start!important;
  }
  html[data-theme] body .app .layout > .main.page-records .att-self-day,
  html body .app .layout > .main.page-records .att-self-day{
    min-height:68px!important;
    padding:7px!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-09-shared-cross-surface-016-slice-09-part-02-seg-02-html-data-theme-body-app-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-017-slice-09-part-02-seg-02-html-data-theme-body-app-micro-01-unit-02.css */

html[data-theme] body .app .layout > .main.page-records .att-self-content,
html body .app .layout > .main.page-records .att-self-content{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(340px,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-calendar-col,
html body .app .layout > .main.page-records .att-self-calendar-col{
  display:grid!important;
  gap:8px!important;
  min-width:0!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-legend-row,
html body .app .layout > .main.page-records .att-calendar-legend-row{
  padding:0 0 2px!important;
  justify-content:flex-start!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-legend-row .att-self-legend,
html body .app .layout > .main.page-records .att-calendar-legend-row .att-self-legend{
  margin-left:0!important;
  justify-content:flex-start!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-legend-row .att-frame-legend,
html body .app .layout > .main.page-records .att-calendar-legend-row .att-frame-legend{
  display:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-017-slice-09-part-02-seg-02-html-data-theme-body-app-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-09-shared-cross-surface-018-slice-09-part-02-seg-02-html-data-theme-body-app-micro-02-unit-01.css */

html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open,
html body .app .layout > .main.page-records .att-self-day.att-day-open,
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open.bg-ok,
html body .app .layout > .main.page-records .att-self-day.att-day-open.bg-ok,
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open.bg-danger,
html body .app .layout > .main.page-records .att-self-day.att-day-open.bg-danger,
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open.bg-warn,
html body .app .layout > .main.page-records .att-self-day.att-day-open.bg-warn,
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open.bg-info,
html body .app .layout > .main.page-records .att-self-day.att-day-open.bg-info,
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open.bg-muted,
html body .app .layout > .main.page-records .att-self-day.att-day-open.bg-muted{
  background:linear-gradient(180deg,rgba(255,255,255,.050),rgba(255,255,255,.018))!important;
  border-color:rgba(255,255,255,.82)!important;
  color:#f4f4f1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open.bg-ok,
html body .app .layout > .main.page-records .att-self-day.att-day-open.bg-ok{
  border-color:rgba(34,197,94,.88)!important;
  background:linear-gradient(180deg,rgba(34,197,94,.105),rgba(255,255,255,.018))!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open.bg-danger,
html body .app .layout > .main.page-records .att-self-day.att-day-open.bg-danger{
  border-color:#b91c1c!important;
  background:linear-gradient(180deg,rgba(185,28,28,.18),rgba(255,255,255,.018))!important;
  box-shadow:inset 0 0 0 1px rgba(185,28,28,.62),0 0 0 1px rgba(185,28,28,.18)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open.bg-warn,
html body .app .layout > .main.page-records .att-self-day.att-day-open.bg-warn{
  border-color:rgba(217,119,6,.90)!important;
  background:linear-gradient(180deg,rgba(217,119,6,.14),rgba(255,255,255,.018))!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open.bg-info,
html body .app .layout > .main.page-records .att-self-day.att-day-open.bg-info{
  border-color:rgba(2,132,199,.90)!important;
  background:linear-gradient(180deg,rgba(2,132,199,.13),rgba(255,255,255,.018))!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open:hover,
html body .app .layout > .main.page-records .att-self-day.att-day-open:hover{
  border-color:#fff!important;
  box-shadow:0 13px 30px -25px rgba(255,255,255,.32),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open b,
html body .app .layout > .main.page-records .att-self-day.att-day-open b{
  color:#f4f4f1!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open small,
html body .app .layout > .main.page-records .att-self-day.att-day-open small{
  color:rgba(244,244,241,.68)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-summary-panel,
html body .app .layout > .main.page-records .att-month-summary-panel{
  min-height:100%!important;
  display:grid!important;
  align-content:start!important;
  gap:14px!important;
  padding:18px!important;
  border:1px solid rgba(255,255,255,.095)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.070),rgba(255,255,255,.024))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.085),0 20px 48px -44px rgba(0,0,0,.88)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-summary-head,
html body .app .layout > .main.page-records .att-month-summary-head{
  display:grid!important;
  gap:4px!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-summary-head span,
html body .app .layout > .main.page-records .att-month-summary-head span{
  color:rgba(244,244,241,.52)!important;
  font-size:.72rem!important;
  font-weight:760!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-summary-head b,
html body .app .layout > .main.page-records .att-month-summary-head b{
  color:#fff!important;
  font-size:1.28rem!important;
  line-height:1.05!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-summary-head small,
html body .app .layout > .main.page-records .att-month-summary-head small{
  color:rgba(244,244,241,.50)!important;
  font-size:.74rem!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-summary-grid,
html body .app .layout > .main.page-records .att-month-summary-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-09-shared-cross-surface-018-slice-09-part-02-seg-02-html-data-theme-body-app-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-019-slice-09-part-02-seg-02-html-data-theme-body-app-micro-02-unit-02.css */

html[data-theme] body .app .layout > .main.page-records .att-month-metric,
html body .app .layout > .main.page-records .att-month-metric{
  position:relative!important;
  min-height:94px!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.060),rgba(255,255,255,.018))!important;
  overflow:hidden!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-metric::before,
html body .app .layout > .main.page-records .att-month-metric::before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:3px!important;
  background:rgba(255,255,255,.38)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-metric.warn::before,
html body .app .layout > .main.page-records .att-month-metric.warn::before{background:#d97706!important}
html[data-theme] body .app .layout > .main.page-records .att-month-metric.danger::before,
html body .app .layout > .main.page-records .att-month-metric.danger::before{background:#b91c1c!important}
html[data-theme] body .app .layout > .main.page-records .att-month-metric.info::before,
html body .app .layout > .main.page-records .att-month-metric.info::before{background:#0284c7!important}
html[data-theme] body .app .layout > .main.page-records .att-month-metric span,
html body .app .layout > .main.page-records .att-month-metric span{
  display:block!important;
  color:rgba(244,244,241,.55)!important;
  font-size:.72rem!important;
  font-weight:760!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-019-slice-09-part-02-seg-02-html-data-theme-body-app-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-020-slice-09-part-02-seg-02-html-data-theme-body-app-micro-03.css */

html[data-theme] body .app .layout > .main.page-records .att-month-metric b,
html body .app .layout > .main.page-records .att-month-metric b{
  display:inline-block!important;
  margin-top:8px!important;
  color:#fff!important;
  font-size:2rem!important;
  line-height:1!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-metric small,
html body .app .layout > .main.page-records .att-month-metric small{
  margin-left:5px!important;
  color:rgba(244,244,241,.46)!important;
  font-size:.72rem!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-summary-bars,
html body .app .layout > .main.page-records .att-month-summary-bars{
  display:grid!important;
  gap:12px!important;
  margin-top:2px!important;
}
html[data-theme] body .app .layout > .main.page-records .att-summary-bar-head,
html body .app .layout > .main.page-records .att-summary-bar-head{
  display:flex!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:7px!important;
  color:rgba(244,244,241,.58)!important;
  font-size:.72rem!important;
  font-weight:760!important;
}
html[data-theme] body .app .layout > .main.page-records .att-summary-bar-head b,
html body .app .layout > .main.page-records .att-summary-bar-head b{
  color:#f4f4f1!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-summary-bars i,
html body .app .layout > .main.page-records .att-month-summary-bars i{
  display:block!important;
  height:8px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.10)!important;
  overflow:hidden!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-summary-bars em,
html body .app .layout > .main.page-records .att-month-summary-bars em{
  display:block!important;
  height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#f4f4f1,#22c55e)!important;
}
@media(max-width:1080px){
  html[data-theme] body .app .layout > .main.page-records .att-self-content,
  html body .app .layout > .main.page-records .att-self-content{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:560px){
  html[data-theme] body .app .layout > .main.page-records .att-month-summary-grid,
  html body .app .layout > .main.page-records .att-month-summary-grid{
    grid-template-columns:1fr!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-020-slice-09-part-02-seg-02-html-data-theme-body-app-micro-03.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-021-slice-09-part-03-seg-01-html-data-theme-body-app-nano-01.css */

/* Legacy ordered base slice 09 part 03; split from 001-base-slice-09-html-data-theme-body-app.css. Keep import order stable. */
html[data-theme] body .app .layout > .main.page-records .att-self-card,
html body .app .layout > .main.page-records .att-self-card{
  gap:10px!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-head,
html body .app .layout > .main.page-records .att-self-head{
  align-items:flex-end!important;
  padding-top:0!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-toolbar,
html body .app .layout > .main.page-records .att-calendar-toolbar{
  position:relative!important;
  z-index:8!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px 14px!important;
  flex-wrap:wrap!important;
  padding:0!important;
  margin:0 0 2px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-period-tools,
html body .app .layout > .main.page-records .att-calendar-period-tools{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-stepper,
html body .app .layout > .main.page-records .att-calendar-stepper{
  display:grid!important;
  grid-template-columns:28px minmax(54px,auto) 28px!important;
  align-items:center!important;
  min-height:34px!important;
  border:1px solid rgba(255,255,255,.095)!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.035)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-stepper button,
html body .app .layout > .main.page-records .att-calendar-stepper button{
  width:28px!important;
  height:34px!important;
  border:0!important;
  background:transparent!important;
  color:rgba(244,244,241,.68)!important;
  font-size:1rem!important;
  line-height:1!important;
  cursor:pointer!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-stepper button:hover,
html body .app .layout > .main.page-records .att-calendar-stepper button:hover{
  color:#fff!important;
  background:rgba(255,255,255,.075)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-stepper span,
html body .app .layout > .main.page-records .att-calendar-stepper span{
  display:grid!important;
  justify-items:center!important;
  line-height:1!important;
  padding:0 7px!important;
  min-width:56px!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-stepper small,
html body .app .layout > .main.page-records .att-calendar-stepper small{
  display:none!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-stepper b,
html body .app .layout > .main.page-records .att-calendar-stepper b{
  color:#f4f4f1!important;
  font-size:.78rem!important;
  font-weight:760!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-side-tools,
html body .app .layout > .main.page-records .att-calendar-side-tools{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-legend-row,
html body .app .layout > .main.page-records .att-calendar-legend-row{
  padding:0!important;
  margin:0!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-legend-row .att-self-legend,
html body .app .layout > .main.page-records .att-calendar-legend-row .att-self-legend{
  gap:6px 10px!important;
  font-size:.68rem!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-person-wrap,
html body .app .layout > .main.page-records .att-calendar-person-wrap{
  position:relative!important;
  z-index:20!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-person-mc,
html body .app .layout > .main.page-records .att-calendar-person-mc{
  width:auto!important;
  min-width:150px!important;
  max-width:210px!important;
  min-height:34px!important;
  padding:6px 9px 6px 11px!important;
  border:1px solid rgba(255,255,255,.095)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-021-slice-09-part-03-seg-01-html-data-theme-body-app-nano-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-022-slice-09-part-03-seg-01-html-data-theme-body-app-nano-02.css */

html[data-theme] body .app .layout > .main.page-records .att-calendar-person-mc .mc-pick-main,
html body .app .layout > .main.page-records .att-calendar-person-mc .mc-pick-main{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-person-mc .mc-pick-main em,
html[data-theme] body .app .layout > .main.page-records .att-calendar-person-mc .mc-pick-main small,
html body .app .layout > .main.page-records .att-calendar-person-mc .mc-pick-main em,
html body .app .layout > .main.page-records .att-calendar-person-mc .mc-pick-main small{
  display:none!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-person-mc .mc-pick-main b,
html body .app .layout > .main.page-records .att-calendar-person-mc .mc-pick-main b{
  font-size:.78rem!important;
  max-width:150px!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-person-menu,
html body .app .layout > .main.page-records .att-calendar-person-menu{
  position:absolute!important;
  right:0!important;
  top:calc(100% + 7px)!important;
  width:min(360px,calc(100vw - 48px))!important;
  max-height:min(430px,62vh)!important;
  overflow:auto!important;
  padding:8px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:15px!important;
  background:rgba(18,18,18,.88)!important;
  box-shadow:0 24px 70px -42px rgba(0,0,0,.92),inset 0 1px 0 rgba(255,255,255,.08)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-dept-group,
html body .app .layout > .main.page-records .att-calendar-dept-group{
  display:grid!important;
  gap:4px!important;
  padding:4px 0 8px!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-dept-name,
html body .app .layout > .main.page-records .att-calendar-dept-name{
  color:rgba(244,244,241,.48)!important;
  font-size:.68rem!important;
  font-weight:760!important;
  padding:0 5px!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-people-list,
html body .app .layout > .main.page-records .att-calendar-people-list{
  display:grid!important;
  gap:2px!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-people-list button,
html body .app .layout > .main.page-records .att-calendar-people-list button{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  width:100%!important;
  min-height:31px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#f4f4f1!important;
  padding:6px 8px!important;
  text-align:left!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-people-list button:hover,
html[data-theme] body .app .layout > .main.page-records .att-calendar-people-list button.active,
html body .app .layout > .main.page-records .att-calendar-people-list button:hover,
html body .app .layout > .main.page-records .att-calendar-people-list button.active{
  background:rgba(255,255,255,.075)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-people-list button span,
html body .app .layout > .main.page-records .att-calendar-people-list button span{
  font-size:.78rem!important;
  font-weight:760!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-people-list button small,
html body .app .layout > .main.page-records .att-calendar-people-list button small{
  color:rgba(244,244,241,.42)!important;
  font-size:var(--mc-type-caption-meta,.68rem)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-content,
html body .app .layout > .main.page-records .att-self-content{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-calendar-col,
html[data-theme] body .app .layout > .main.page-records .att-month-summary-panel,
html body .app .layout > .main.page-records .att-self-calendar-col,
html body .app .layout > .main.page-records .att-month-summary-panel{
  margin:0!important;
  align-self:start!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-calendar,
html body .app .layout > .main.page-records .att-self-calendar{
  gap:7px!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day,
html body .app .layout > .main.page-records .att-self-day{
  min-height:68px!important;
  border-radius:10px!important;
  padding:7px!important;
  background:rgba(255,255,255,.022)!important;
  box-shadow:none!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open::before,
html body .app .layout > .main.page-records .att-self-day.att-day-open::before{
  display:none!important;
  content:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-022-slice-09-part-03-seg-01-html-data-theme-body-app-nano-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-09-shared-cross-surface-023-slice-09-part-03-seg-01-html-data-theme-body-app-nano-03-malformed-retained.css */

html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open,
html body .app .layout > .main.page-records .att-self-day.att-day-open{
  background:rgba(255,255,255,.026)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open.bg-ok,
html body .app .layout > .main.page-records .att-self-day.att-day-open.bg-ok{
  background:rgba(22,163,74,.055)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open.bg-danger,
html body .app .layout > .main.page-records .att-self-day.att-day-open.bg-danger{
  background:rgba(185,28,28,.11)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open.bg-warn,
html body .app .layout > .main.page-records .att-self-day.att-day-open.bg-warn{
  background:rgba(217,119,6,.075)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open.bg-info,
html body .app .layout > .main.page-records .att-self-day.att-day-open.bg-info{
  background:rgba(2,132,199,.07)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-summary-panel,
html body .app .layout > .main.page-records .att-month-summary-panel{
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-summary-head,
html body .app .layout > .main.page-records .att-month-summary-head{
  padding:0 0 10px!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-summary-grid,
html body .app .layout > .main.page-records .att-month-summary-grid{
  gap:12px 18px!important;
  padding:10px 0 2px!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-metric,
html body .app .layout > .main.page-records .att-month-metric{
  min-height:62px!important;
  padding:0 0 0 10px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-metric::before,
html body .app .layout > .main.page-records .att-month-metric::before{
  width:2px!important;
  border-radius:999px!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-metric b,

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-09-shared-cross-surface-023-slice-09-part-03-seg-01-html-data-theme-body-app-nano-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-024-slice-09-part-03-seg-02-html-data-theme-body-app-unit-01.css */

/* Legacy ordered CSS segment; extracted from 001-base-slice-09-part-03-html-data-theme-body-app.css. Keep import order stable. */
html body .app .layout > .main.page-records .att-month-metric b{
  margin-top:5px!important;
  font-size:1.72rem!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-summary-bars,
html body .app .layout > .main.page-records .att-month-summary-bars{
  padding-top:8px!important;
  border-top:1px solid rgba(255,255,255,.075)!important;
}
@media(max-width:1080px){
  html[data-theme] body .app .layout > .main.page-records .att-calendar-toolbar,
  html body .app .layout > .main.page-records .att-calendar-toolbar{
    align-items:flex-start!important;
  }
  html[data-theme] body .app .layout > .main.page-records .att-calendar-side-tools,
  html body .app .layout > .main.page-records .att-calendar-side-tools{
    justify-content:flex-start!important;
  }
}
@media(max-width:900px){
  html[data-theme] body .app .layout > .main.page-records .att-self-content,
  html body .app .layout > .main.page-records .att-self-content{
    grid-template-columns:1fr!important;
  }
  html[data-theme] body .app .layout > .main.page-records .att-calendar-side-tools,
  html body .app .layout > .main.page-records .att-calendar-side-tools{
    width:100%!important;
  }
  html[data-theme] body .app .layout > .main.page-records .att-calendar-person-menu,
  html body .app .layout > .main.page-records .att-calendar-person-menu{
    left:0!important;
    right:auto!important;
  }
}
html[data-theme] body .app .layout > .main.page-records .att-month-layout,
html body .app .layout > .main.page-records .att-month-layout{
  display:grid!important;
  grid-template-columns:230px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-org-panel,
html body .app .layout > .main.page-records .att-month-org-panel{
  position:relative!important;
  top:auto!important;
  display:block!important;
  max-height:none!important;
  overflow:visible!important;
  width:100%!important;
  min-width:0!important;
  padding:12px!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-024-slice-09-part-03-seg-02-html-data-theme-body-app-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-025-slice-09-part-03-seg-02-html-data-theme-body-app-unit-02.css */

@media(max-width:920px){
  html[data-theme] body .app .layout > .main.page-records .att-month-layout,
  html body .app .layout > .main.page-records .att-month-layout{
    grid-template-columns:1fr!important;
  }
  html[data-theme] body .app .layout > .main.page-records .att-month-org-panel,
  html body .app .layout > .main.page-records .att-month-org-panel{
    position:relative!important;
    top:auto!important;
    max-height:none!important;
  }
}
html[data-theme] body .app .layout > .main.page-records .att-self-content,
html body .app .layout > .main.page-records .att-self-content{
  grid-template-columns:minmax(0,.96fr) minmax(248px,.78fr)!important;
  gap:34px!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-calendar-col,
html body .app .layout > .main.page-records .att-self-calendar-col{
  justify-self:start!important;
  width:min(100%,620px)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-summary-panel,
html body .app .layout > .main.page-records .att-month-summary-panel{
  justify-self:end!important;
  width:min(100%,430px)!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-09-application-layout-025-slice-09-part-03-seg-02-html-data-theme-body-app-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility/001-base-slice-09-enterprise-entry.css */

/* Enterprise compatibility entry. Ordered semantic owners preserve the original slice-09 cascade. */

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility/001-base-slice-09-enterprise-entry.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-10-application-layout-001-slice-10-part-01-seg-01-html-data-theme-body-app-fine-01-unit-01.css */

/* Legacy ordered base slice 10 part 01; split from 001-base-slice-10-html-data-theme-body-app.css. Keep import order stable. */
html[data-theme] body .app .layout > .main.page-records .att-month-summary-grid,
html body .app .layout > .main.page-records .att-month-summary-grid{
  gap:12px 16px!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-metric.ok::before,
html body .app .layout > .main.page-records .att-month-metric.ok::before{background:#16a34a!important}
html[data-theme] body .app .layout > .main.page-records .att-month-metric.gray::before,
html body .app .layout > .main.page-records .att-month-metric.gray::before{background:#9ca3af!important}
html[data-theme] body .app .layout > .main.page-records .att-month-metric.metric-blue,
html body .app .layout > .main.page-records .att-month-metric.metric-blue{
  background:linear-gradient(90deg,rgba(2,132,199,.078),rgba(255,255,255,.012) 62%)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-metric.metric-green,
html body .app .layout > .main.page-records .att-month-metric.metric-green{
  background:linear-gradient(90deg,rgba(22,163,74,.068),rgba(255,255,255,.012) 62%)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-metric.metric-yellow,
html body .app .layout > .main.page-records .att-month-metric.metric-yellow{
  background:linear-gradient(90deg,rgba(217,119,6,.074),rgba(255,255,255,.012) 62%)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-metric.metric-red,
html body .app .layout > .main.page-records .att-month-metric.metric-red{
  background:linear-gradient(90deg,rgba(185,28,28,.088),rgba(255,255,255,.012) 62%)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-metric.metric-neutral,
html body .app .layout > .main.page-records .att-month-metric.metric-neutral{
  background:transparent!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-metric.metric-blue::before,
html body .app .layout > .main.page-records .att-month-metric.metric-blue::before{background:#0284c7!important}
html[data-theme] body .app .layout > .main.page-records .att-month-metric.metric-green::before,
html body .app .layout > .main.page-records .att-month-metric.metric-green::before{background:#16a34a!important}
html[data-theme] body .app .layout > .main.page-records .att-month-metric.metric-yellow::before,
html body .app .layout > .main.page-records .att-month-metric.metric-yellow::before{background:#d97706!important}
html[data-theme] body .app .layout > .main.page-records .att-month-metric.metric-red::before,
html body .app .layout > .main.page-records .att-month-metric.metric-red::before{background:#b91c1c!important}
html[data-theme] body .app .layout > .main.page-records .att-month-metric.metric-neutral::before,
html body .app .layout > .main.page-records .att-month-metric.metric-neutral::before{background:rgba(156,163,175,.72)!important}
html[data-theme] body .app .layout > .main.page-records .att-month-metric.metric-blue b,
html body .app .layout > .main.page-records .att-month-metric.metric-blue b{color:#bae6fd!important}
html[data-theme] body .app .layout > .main.page-records .att-month-metric.metric-green b,
html body .app .layout > .main.page-records .att-month-metric.metric-green b{color:#bbf7d0!important}
html[data-theme] body .app .layout > .main.page-records .att-month-metric.metric-yellow b,
html body .app .layout > .main.page-records .att-month-metric.metric-yellow b{color:#fde68a!important}
html[data-theme] body .app .layout > .main.page-records .att-month-metric.metric-red b,
html body .app .layout > .main.page-records .att-month-metric.metric-red b{color:#fecaca!important}

html[data-theme] body .app .layout > .main.page-records,
html[data-theme=dark] body .app .layout > .main.page-records,
html[data-theme=light] body .app .layout > .main.page-records,
html body .app .layout > .main.page-records{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
html[data-theme] body .app .layout > .main.page-records::before,
html[data-theme] body .app .layout > .main.page-records::after,
html[data-theme=dark] body .app .layout > .main.page-records::before,
html[data-theme=dark] body .app .layout > .main.page-records::after,
html[data-theme=light] body .app .layout > .main.page-records::before,
html[data-theme=light] body .app .layout > .main.page-records::after,
html body .app .layout > .main.page-records::before,
html body .app .layout > .main.page-records::after{
  content:none!important;
  display:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme] body .app .layout > .main.page-records :where(.att-report-shell,.att-pie-dashboard,.att-section,.att-self-card,.att-company-pie-panel,.att-company-overview,.att-watch-panel,.att-self-content,.att-self-calendar-col,.att-month-summary-panel,.att-month-layout,.att-table,.table-wrap),
html body .app .layout > .main.page-records :where(.att-report-shell,.att-pie-dashboard,.att-section,.att-self-card,.att-company-pie-panel,.att-company-overview,.att-watch-panel,.att-self-content,.att-self-calendar-col,.att-month-summary-panel,.att-month-layout,.att-table,.table-wrap){
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-toolbar,
html body .app .layout > .main.page-records .att-calendar-toolbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px 18px!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-period-tools,
html body .app .layout > .main.page-records .att-calendar-period-tools{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:8px 12px!important;
  min-width:0!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-10-application-layout-001-slice-10-part-01-seg-01-html-data-theme-body-app-fine-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-10-application-layout-002-slice-10-part-01-seg-01-html-data-theme-body-app-fine-01-unit-02.css */

html[data-theme] body .app .layout > .main.page-records .att-calendar-period-tools .att-calendar-legend-row,
html body .app .layout > .main.page-records .att-calendar-period-tools .att-calendar-legend-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-period-tools .att-self-legend,
html body .app .layout > .main.page-records .att-calendar-period-tools .att-self-legend{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:5px 9px!important;
  margin:0!important;
  font-size:.66rem!important;
  line-height:1.1!important;
}
html[data-theme] body .app .layout > .main.page-records .att-calendar-side-tools,
html body .app .layout > .main.page-records .att-calendar-side-tools{
  justify-content:flex-end!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-content,
html body .app .layout > .main.page-records .att-self-content{
  grid-template-columns:minmax(0,520px) minmax(300px,430px)!important;
  justify-content:start!important;
  gap:34px!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-calendar-col,
html body .app .layout > .main.page-records .att-self-calendar-col{
  width:min(100%,520px)!important;
  justify-self:start!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-10-application-layout-002-slice-10-part-01-seg-01-html-data-theme-body-app-fine-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-10-shared-cross-surface-003-slice-10-part-01-seg-01-html-data-theme-body-app-fine-02-short-01.css */

html[data-theme] body .app .layout > .main.page-records .att-self-calendar,
html body .app .layout > .main.page-records .att-self-calendar{
  gap:6px!important;
  align-content:start!important;
  align-items:start!important;
  grid-auto-rows:auto!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day,
html body .app .layout > .main.page-records .att-self-day{
  min-height:54px!important;
  height:54px!important;
  grid-template-rows:auto auto auto!important;
  gap:4px!important;
  padding:6px!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-summary-panel,
html body .app .layout > .main.page-records .att-month-summary-panel{
  width:min(100%,430px)!important;
  justify-self:start!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-locked,
html body .app .layout > .main.page-records .att-self-day.att-day-locked{
  background:rgba(255,255,255,.010)!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.11)!important;
  box-shadow:none!important;
  opacity:.86!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-locked b,
html body .app .layout > .main.page-records .att-self-day.att-day-locked b{
  color:rgba(244,244,241,.40)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-locked small,
html body .app .layout > .main.page-records .att-self-day.att-day-locked small{
  color:rgba(244,244,241,.26)!important;
}
@media(max-width:980px){
  html[data-theme] body .app .layout > .main.page-records .att-calendar-toolbar,
  html body .app .layout > .main.page-records .att-calendar-toolbar{
    grid-template-columns:1fr!important;
    align-items:flex-start!important;
  }
  html[data-theme] body .app .layout > .main.page-records .att-calendar-side-tools,
  html body .app .layout > .main.page-records .att-calendar-side-tools{
    justify-content:flex-start!important;
  }
  html[data-theme] body .app .layout > .main.page-records .att-self-content,
  html body .app .layout > .main.page-records .att-self-content{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  html[data-theme] body .app .layout > .main.page-records .att-self-calendar-col,
  html[data-theme] body .app .layout > .main.page-records .att-month-summary-panel,
  html body .app .layout > .main.page-records .att-self-calendar-col,
  html body .app .layout > .main.page-records .att-month-summary-panel{
    width:100%!important;
    justify-self:stretch!important;
  }
}
html body .org-pick-modal .org-pick-person .avatar,
html[data-theme] body .org-pick-modal .org-pick-person .avatar,
html body .modal:has(.org-simple-pick) .org-pick-person .avatar,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-person .avatar,
html body .modal:has(.org-pick-list) .org-pick-person .avatar,
html[data-theme] body .modal:has(.org-pick-list) .org-pick-person .avatar{
  width:23px!important;
  height:23px!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.09)!important;
  color:#f4f4f1!important;
  font-size:.66rem!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
}
html body .org-pick-modal .org-pick-person .org-pick-main span,
html[data-theme] body .org-pick-modal .org-pick-person .org-pick-main span,
html body .modal:has(.org-simple-pick) .org-pick-person .org-pick-main span,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-person .org-pick-main span,
html body .modal:has(.org-pick-list) .org-pick-person .org-pick-main span,
html[data-theme] body .modal:has(.org-pick-list) .org-pick-person .org-pick-main span{
  opacity:.52!important;
  font-size:.66rem!important;
}
@media(max-width:900px){
  html[data-theme] body .app .layout > .main.page-records .att-self-content,
  html body .app .layout > .main.page-records .att-self-content{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  html[data-theme] body .app .layout > .main.page-records .att-self-calendar-col,
  html[data-theme] body .app .layout > .main.page-records .att-month-summary-panel,
  html body .app .layout > .main.page-records .att-self-calendar-col,
  html body .app .layout > .main.page-records .att-month-summary-panel{
    width:100%!important;
    justify-self:stretch!important;
  }
}
html body .overlay.org-pick-overlay,
html[data-theme] body .overlay.org-pick-overlay,
html body .overlay:has(.org-pick-modal),
html[data-theme] body .overlay:has(.org-pick-modal),
html body .overlay:has(.org-simple-pick),
html[data-theme] body .overlay:has(.org-simple-pick),
html body .overlay:has(.org-pick-list),
html[data-theme] body .overlay:has(.org-pick-list){
  padding:12px 0!important;
  background:rgba(0,0,0,.34)!important;
  align-items:flex-start!important;
  justify-content:center!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-10-shared-cross-surface-003-slice-10-part-01-seg-01-html-data-theme-body-app-fine-02-short-01.css */


/* >>> runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-10-organization-004-slice-10-part-01-seg-01-html-data-theme-body-app-fine-02-short-02.css */

html body .modal.org-pick-modal,
html[data-theme] body .modal.org-pick-modal,
html body .modal:has(.org-simple-pick),
html[data-theme] body .modal:has(.org-simple-pick),
html body .modal:has(.org-pick-list),
html[data-theme] body .modal:has(.org-pick-list){
  width:min(360px,calc(100vw - 24px))!important;
  min-width:min(260px,calc(100vw - 24px))!important;
  max-width:min(360px,calc(100vw - 24px))!important;
  max-height:calc(100dvh - 26px)!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(20,20,20,.82),rgba(5,5,5,.88))!important;
  background-color:rgba(8,8,8,.88)!important;
  box-shadow:0 34px 90px -54px rgba(0,0,0,.98),inset 0 1px 0 rgba(255,255,255,.07)!important;
  -webkit-backdrop-filter:blur(30px) saturate(1.16)!important;
  backdrop-filter:blur(30px) saturate(1.16)!important;
  color:#f4f4f1!important;
}
html body .org-pick-modal .m-head,
html[data-theme] body .org-pick-modal .m-head,
html body .modal:has(.org-simple-pick) .m-head,
html[data-theme] body .modal:has(.org-simple-pick) .m-head,
html body .modal:has(.org-pick-list) .m-head,
html[data-theme] body .modal:has(.org-pick-list) .m-head{
  min-height:38px!important;
  padding:10px 12px 5px!important;
  border:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-10-organization-004-slice-10-part-01-seg-01-html-data-theme-body-app-fine-02-short-02.css */


/* >>> runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-10-organization-005-slice-10-part-01-seg-01-html-data-theme-body-app-fine-03-malformed-retained.css */

html body .org-pick-modal .m-head h3,
html[data-theme] body .org-pick-modal .m-head h3,
html body .modal:has(.org-simple-pick) .m-head h3,
html[data-theme] body .modal:has(.org-simple-pick) .m-head h3,
html body .modal:has(.org-pick-list) .m-head h3,
html[data-theme] body .modal:has(.org-pick-list) .m-head h3{
  font-size:.9rem!important;
  line-height:1.2!important;
  font-weight:560!important;
  color:rgba(244,244,241,.88)!important;
  -webkit-text-fill-color:rgba(244,244,241,.88)!important;
}
html body .org-pick-modal .m-head .x,
html[data-theme] body .org-pick-modal .m-head .x,
html body .modal:has(.org-simple-pick) .m-head .x,
html[data-theme] body .modal:has(.org-simple-pick) .m-head .x,
html body .modal:has(.org-pick-list) .m-head .x,
html[data-theme] body .modal:has(.org-pick-list) .m-head .x{
  width:22px!important;
  height:22px!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:rgba(244,244,241,.54)!important;
  -webkit-text-fill-color:rgba(244,244,241,.54)!important;
  box-shadow:none!important;
  font-size:1rem!important;
}
html body .org-pick-modal .m-head .x:hover,
html[data-theme] body .org-pick-modal .m-head .x:hover,
html body .modal:has(.org-simple-pick) .m-head .x:hover,
html[data-theme] body .modal:has(.org-simple-pick) .m-head .x:hover,
html body .modal:has(.org-pick-list) .m-head .x:hover,
html[data-theme] body .modal:has(.org-pick-list) .m-head .x:hover{
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
}
html body .org-pick-modal .m-body,
html[data-theme] body .org-pick-modal .m-body,
html body .modal:has(.org-simple-pick) .m-body,
html[data-theme] body .modal:has(.org-simple-pick) .m-body,
html body .modal:has(.org-pick-list) .m-body,
html[data-theme] body .modal:has(.org-pick-list) .m-body{
  padding:4px 10px 8px!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .org-pick-modal .m-foot,
html[data-theme] body .org-pick-modal .m-foot,
html body .modal:has(.org-simple-pick) .m-foot,
html[data-theme] body .modal:has(.org-simple-pick) .m-foot,
html body .modal:has(.org-pick-list) .m-foot,
html[data-theme] body .modal:has(.org-pick-list) .m-foot{
  padding:0 10px 10px!important;
  border:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .org-pick-modal .m-foot::before,

/* <<< runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-10-organization-005-slice-10-part-01-seg-01-html-data-theme-body-app-fine-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-10-organization-006-slice-10-part-01-seg-02-html-data-theme-body-app-micro-01-unit-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-10-part-01-html-data-theme-body-app.css. Keep import order stable. */
html[data-theme] body .org-pick-modal .m-foot::before,
html body .modal:has(.org-simple-pick) .m-foot::before,
html[data-theme] body .modal:has(.org-simple-pick) .m-foot::before,
html body .modal:has(.org-pick-list) .m-foot::before,
html[data-theme] body .modal:has(.org-pick-list) .m-foot::before{
  content:none!important;
  display:none!important;
}
html body .org-pick-modal .chips,
html[data-theme] body .org-pick-modal .chips,
html body .modal:has(.org-simple-pick) .chips,
html[data-theme] body .modal:has(.org-simple-pick) .chips,
html body .modal:has(.org-pick-list) .chips,
html[data-theme] body .modal:has(.org-pick-list) .chips,
html body .org-pick-modal .org-pick-tools,
html[data-theme] body .org-pick-modal .org-pick-tools,
html body .modal:has(.org-simple-pick) .org-pick-tools,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-tools,
html body .modal:has(.org-pick-list) .org-pick-tools,
html[data-theme] body .modal:has(.org-pick-list) .org-pick-tools{
  display:none!important;
}
html body .org-pick-modal .org-pick-searchbar,
html[data-theme] body .org-pick-modal .org-pick-searchbar,
html body .modal:has(.org-simple-pick) .org-pick-searchbar,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-searchbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 26px!important;
  gap:6px!important;
  margin:0 0 7px!important;
}
html body .org-pick-modal .org-pick-searchbar .input,
html[data-theme] body .org-pick-modal .org-pick-searchbar .input,
html body .modal:has(.org-simple-pick) .org-pick-searchbar .input,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-searchbar .input{
  height:30px!important;
  padding:5px 8px!important;
  border:0!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.055)!important;
  color:#f4f4f1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
html body .org-pick-modal .org-collapse-all,
html[data-theme] body .org-pick-modal .org-collapse-all,
html body .modal:has(.org-simple-pick) .org-collapse-all,
html[data-theme] body .modal:has(.org-simple-pick) .org-collapse-all,
html body .modal:has(.org-pick-list) .org-collapse-all,
html[data-theme] body .modal:has(.org-pick-list) .org-collapse-all{
  width:26px!important;
  height:30px!important;
  min-width:26px!important;
  border:0!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.045)!important;
  color:rgba(244,244,241,.58)!important;
  box-shadow:none!important;
}
html body .org-pick-modal .org-pick-list,
html[data-theme] body .org-pick-modal .org-pick-list,
html body .org-pick-modal .org-simple-pick,
html[data-theme] body .org-pick-modal .org-simple-pick,
html body .modal:has(.org-simple-pick) .org-pick-list,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-list,
html body .modal:has(.org-simple-pick) .org-simple-pick,
html[data-theme] body .modal:has(.org-simple-pick) .org-simple-pick,
html body .modal:has(.org-pick-list) .org-pick-list,
html[data-theme] body .modal:has(.org-pick-list) .org-pick-list{
  max-height:min(58vh,520px)!important;
  overflow:auto!important;
  padding:2px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .org-pick-modal .org-pick-row,
html[data-theme] body .org-pick-modal .org-pick-row,
html body .modal:has(.org-simple-pick) .org-pick-row,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-row,
html body .modal:has(.org-pick-list) .org-pick-row,
html[data-theme] body .modal:has(.org-pick-list) .org-pick-row{
  min-height:30px!important;
  margin:0!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  padding:5px 4px 5px calc(5px + var(--depth,0) * 13px)!important;
}

/* <<< runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-10-organization-006-slice-10-part-01-seg-02-html-data-theme-body-app-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-10-organization-007-slice-10-part-01-seg-02-html-data-theme-body-app-micro-01-unit-02.css */

html body .org-pick-modal .org-pick-row:hover,
html[data-theme] body .org-pick-modal .org-pick-row:hover,
html body .modal:has(.org-simple-pick) .org-pick-row:hover,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-row:hover,
html body .modal:has(.org-pick-list) .org-pick-row:hover,
html[data-theme] body .modal:has(.org-pick-list) .org-pick-row:hover{
  background:rgba(255,255,255,.055)!important;
}
html body .org-pick-modal .org-pick-main b,
html[data-theme] body .org-pick-modal .org-pick-main b,
html body .modal:has(.org-simple-pick) .org-pick-main b,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-main b,
html body .modal:has(.org-pick-list) .org-pick-main b,
html[data-theme] body .modal:has(.org-pick-list) .org-pick-main b{
  font-weight:520!important;
  font-size:var(--mc-type-emphasized-body,.82rem)!important;
  color:rgba(244,244,241,.9)!important;
  -webkit-text-fill-color:rgba(244,244,241,.9)!important;
}
html body .org-pick-modal .org-pick-company .org-pick-main b,
html[data-theme] body .org-pick-modal .org-pick-company .org-pick-main b,
html body .org-pick-modal .org-pick-dept-head.depth-0 .org-pick-main b,
html[data-theme] body .org-pick-modal .org-pick-dept-head.depth-0 .org-pick-main b,
html body .modal:has(.org-simple-pick) .org-pick-company .org-pick-main b,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-company .org-pick-main b,
html body .modal:has(.org-simple-pick) .org-pick-dept-head.depth-0 .org-pick-main b,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-dept-head.depth-0 .org-pick-main b{
  font-weight:680!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body .org-pick-modal .org-pick-fold,
html[data-theme] body .org-pick-modal .org-pick-fold,
html body .modal:has(.org-simple-pick) .org-pick-fold,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-fold,
html body .modal:has(.org-pick-list) .org-pick-fold,
html[data-theme] body .modal:has(.org-pick-list) .org-pick-fold{
  background:transparent!important;
  color:rgba(244,244,241,.42)!important;
}

/* <<< runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-10-organization-007-slice-10-part-01-seg-02-html-data-theme-body-app-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-10-organization-008-slice-10-part-01-seg-02-html-data-theme-body-app-micro-02-unit-01.css */

html body .org-pick-modal .org-pick-empty-member,
html[data-theme] body .org-pick-modal .org-pick-empty-member,
html body .modal:has(.org-simple-pick) .org-pick-empty-member,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-empty-member,
html body .modal:has(.org-pick-list) .org-pick-empty-member,
html[data-theme] body .modal:has(.org-pick-list) .org-pick-empty-member{
  min-height:26px!important;
  padding:5px 4px 5px calc(26px + var(--depth,0) * 13px)!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:rgba(244,244,241,.42)!important;
  -webkit-text-fill-color:rgba(244,244,241,.42)!important;
}
html body .org-pick-modal .m-foot .btn.primary,
html[data-theme] body .org-pick-modal .m-foot .btn.primary,
html body .modal:has(.org-simple-pick) .m-foot .btn.primary,
html[data-theme] body .modal:has(.org-simple-pick) .m-foot .btn.primary,
html body .modal:has(.org-pick-list) .m-foot .btn.primary,
html[data-theme] body .modal:has(.org-pick-list) .m-foot .btn.primary{
  height:32px!important;
  width:100%!important;
  justify-content:center!important;
  border:0!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.075)!important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.045))!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09)!important;
  font-size:var(--mc-type-body-control,.82rem)!important;
  font-weight:560!important;
}
html body .org-pick-modal .m-foot .btn.primary.picked,
html[data-theme] body .org-pick-modal .m-foot .btn.primary.picked,
html body .modal:has(.org-simple-pick) .m-foot .btn.primary.picked,
html[data-theme] body .modal:has(.org-simple-pick) .m-foot .btn.primary.picked,
html body .modal:has(.org-pick-list) .m-foot .btn.primary.picked,
html[data-theme] body .modal:has(.org-pick-list) .m-foot .btn.primary.picked{
  background:linear-gradient(180deg,rgba(34,197,94,.86),rgba(22,163,74,.78))!important;
  box-shadow:0 16px 30px -24px rgba(34,197,94,.7),inset 0 1px 0 rgba(255,255,255,.2)!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .modal.org-pick-modal,
  html[data-theme] body .modal.org-pick-modal,
  html body .modal:has(.org-simple-pick),
  html[data-theme] body .modal:has(.org-simple-pick),
  html body .modal:has(.org-pick-list),
  html[data-theme] body .modal:has(.org-pick-list){
    width:calc(100vw - 18px)!important;
    min-width:0!important;
    max-width:calc(100vw - 18px)!important;
  }
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.danger,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.warn,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.unchecked,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checkedin,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checked,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.done,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.nonwork,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb.danger,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb.warn,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb.unchecked,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb.checkedin,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb.checked,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb.done,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb.nonwork,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb,
html body .app .layout > .main.page-attendance .attendance-orb{
  --mc-punch-grad:linear-gradient(135deg,#0b5f86 0%,#0f7fae 52%,#18a6bd 100%);
  --mc-punch-glow:rgba(24,166,189,.30);
  width:196px!important;
  height:196px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  outline:0!important;
  padding:18px!important;
  text-align:center!important;
  background:var(--mc-punch-grad)!important;
  background-image:var(--mc-punch-grad)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -28px 46px rgba(2,6,23,.20),0 22px 46px -38px rgba(0,0,0,.88),0 0 38px -26px var(--mc-punch-glow)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  isolation:isolate!important;
  overflow:hidden!important;
}

/* <<< runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-10-organization-008-slice-10-part-01-seg-02-html-data-theme-body-app-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-10-shared-cross-surface-009-slice-10-part-01-seg-02-html-data-theme-body-app-micro-02-unit-02.css */

html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb::before,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb::after,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb::before,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb::after,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb::before,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb::after,
html body .app .layout > .main.page-attendance .attendance-orb::before,
html body .app .layout > .main.page-attendance .attendance-orb::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  pointer-events:none!important;
  z-index:0!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb::before,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb::before,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb::before,
html body .app .layout > .main.page-attendance .attendance-orb::before{
  inset:0!important;
  border-radius:inherit!important;
  background:radial-gradient(circle at 16% 12%,rgba(255,255,255,.27),transparent 31%),radial-gradient(circle at 76% 86%,rgba(255,255,255,.10),transparent 42%),linear-gradient(120deg,rgba(255,255,255,.16),transparent 47%,rgba(255,255,255,.10))!important;
  opacity:.78!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb::after,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb::after,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb::after,
html body .app .layout > .main.page-attendance .attendance-orb::after{
  width:118px!important;
  height:118px!important;
  inset:auto!important;
  top:-22px!important;
  right:-20px!important;
  border:0!important;
  border-radius:24px!important;
  opacity:.18!important;
  transform:rotate(13deg)!important;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.62) 0 1px,transparent 1px 13px),repeating-linear-gradient(90deg,rgba(255,255,255,.48) 0 1px,transparent 1px 13px)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.danger,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.warn,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb.danger,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb.warn,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.danger,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.warn,
html body .app .layout > .main.page-attendance .attendance-orb.danger,
html body .app .layout > .main.page-attendance .attendance-orb.warn{
  --mc-punch-grad:linear-gradient(135deg,#7f1d1d 0%,#b32636 52%,#d34a59 100%);
  --mc-punch-glow:rgba(211,74,89,.34);
  color:#fff!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-10-shared-cross-surface-009-slice-10-part-01-seg-02-html-data-theme-body-app-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-10-shared-cross-surface-010-slice-10-part-01-seg-02-html-data-theme-body-app-micro-03.css */

html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.unchecked,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.done,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb.unchecked,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb.done,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.unchecked,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.done,
html body .app .layout > .main.page-attendance .attendance-orb.unchecked,
html body .app .layout > .main.page-attendance .attendance-orb.done{
  --mc-punch-grad:linear-gradient(135deg,#0b5f86 0%,#0f7fae 52%,#18a6bd 100%);
  --mc-punch-glow:rgba(24,166,189,.30);
  color:#fff!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checkedin,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checked,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.done,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb.checkedin,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb.checked,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb.done,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checkedin,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checked,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.done,
html body .app .layout > .main.page-attendance .attendance-orb.checkedin,
html body .app .layout > .main.page-attendance .attendance-orb.checked,
html body .app .layout > .main.page-attendance .attendance-orb.done{
  --mc-punch-grad:linear-gradient(135deg,#076b3b 0%,#0c9b5a 52%,#22c77b 100%);
  --mc-punch-glow:rgba(34,199,123,.32);
  color:#fff!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.nonwork,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb.nonwork,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.nonwork,
html body .app .layout > .main.page-attendance .attendance-orb.nonwork{
  --mc-punch-grad:linear-gradient(135deg,#17344f 0%,#1f5b7a 54%,#2b7f91 100%);
  --mc-punch-glow:rgba(43,127,145,.24);
  color:#fff!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-10-shared-cross-surface-010-slice-10-part-01-seg-02-html-data-theme-body-app-micro-03.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-10-application-layout-011-slice-10-part-02-seg-01-html-data-theme-body-app-fine-01-unit-01.css */

/* Legacy ordered base slice 10 part 02; split from 001-base-slice-10-html-data-theme-body-app.css. Keep import order stable. */
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb:hover,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb:hover,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb:hover,
html body .app .layout > .main.page-attendance .attendance-orb:hover{
  z-index:var(--mc-model-lift-z,80)!important;
  transform:translateY(var(--mc-model-lift-y-card,-3px)) scale(1.018)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -30px 50px rgba(2,6,23,.21),0 28px 56px -38px rgba(0,0,0,.92),0 0 48px -24px var(--mc-punch-glow)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb .orb-time,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb .orb-time,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb .orb-time,
html body .app .layout > .main.page-attendance .attendance-orb .orb-time{
  font-size:1.82rem!important;
  line-height:1!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb .orb-sub,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb .orb-sub,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb .orb-sub,
html body .app .layout > .main.page-attendance .attendance-orb .orb-sub{
  margin-top:10px!important;
  font-size:.8rem!important;
  letter-spacing:.02em!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb,
  html[data-theme] body .app .layout > .main.page-attendance .attendance-orb,
  html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb,
  html body .app .layout > .main.page-attendance .attendance-orb{
    width:164px!important;
    height:164px!important;
    border-radius:24px!important;
    padding:14px!important;
  }
}
:root{
  --mc-deep-panel:linear-gradient(180deg,rgba(18,18,19,.62),rgba(5,5,6,.40));
  --mc-deep-panel-strong:linear-gradient(180deg,rgba(22,22,23,.78),rgba(3,3,4,.55));
  --mc-deep-line:rgba(255,255,255,.085);
  --mc-deep-line-soft:rgba(255,255,255,.045);
  --mc-deep-field:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.028));
}
html body .main:is(.page-oa,.page-oadetail,.page-employees,.page-system) :where(.panel,.table-wrap,.tabs,.toolbar,.employee-table-panel,.emp-org-inline-editor,.oa-launch-panel,.flow-body,.info-list,.feed .fi,.modal),
html[data-theme=light] body .main:is(.page-oa,.page-oadetail,.page-employees,.page-system) :where(.panel,.table-wrap,.tabs,.toolbar,.employee-table-panel,.emp-org-inline-editor,.oa-launch-panel,.flow-body,.info-list,.feed .fi,.modal),
html:not([data-theme=dark]) body .main:is(.page-oa,.page-oadetail,.page-employees,.page-system) :where(.panel,.table-wrap,.tabs,.toolbar,.employee-table-panel,.emp-org-inline-editor,.oa-launch-panel,.flow-body,.info-list,.feed .fi,.modal){
  background:var(--mc-deep-panel)!important;
  background-color:rgba(9,9,10,.56)!important;
  background-image:var(--mc-deep-panel)!important;
  border-color:var(--mc-deep-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 24px 70px -54px rgba(0,0,0,.98)!important;
  color:#eeeeee!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.10)!important;
  backdrop-filter:blur(24px) saturate(1.10)!important;
}
html body .main:is(.page-oa,.page-oadetail,.page-employees,.page-system) :where(.panel,.table-wrap,.tabs,.toolbar,.employee-table-panel,.emp-org-inline-editor,.oa-launch-panel,.flow-body,.info-list){
  border:1px solid var(--mc-deep-line)!important;
}
html body .main:is(.page-oa,.page-oadetail,.page-employees,.page-system) :where(h1,h2,h3,b,th,td,.log-action,.oa-app-name){
  color:#f3f3f3!important;
}
html body .main:is(.page-oa,.page-oadetail,.page-employees,.page-system) :where(p,.muted,small,.oa-app-desc,.history-count){
  color:#a7a7a7!important;
  -webkit-text-fill-color:#a7a7a7!important;
}
html body .main:is(.page-oa,.page-oadetail,.page-employees,.page-system) :where(.btn,.tabs button,.toolbar input,.toolbar select,.field input,.field select,.field textarea,input,select,textarea){
  background:var(--mc-deep-field)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  color:#f1f1f1!important;
  box-shadow:none!important;
}
html body .main:is(.page-oa,.page-oadetail,.page-employees,.page-system) :where(.btn:hover,.tabs button:hover,.toolbar input:focus,.toolbar select:focus,.field input:focus,.field select:focus,.field textarea:focus){
  background:linear-gradient(180deg,rgba(255,255,255,.115),rgba(255,255,255,.048))!important;
  border-color:rgba(255,255,255,.13)!important;
  color:#fff!important;
}
html body .main:is(.page-oa,.page-oadetail,.page-employees,.page-system) :where(.btn.primary,.tag.info,.flow-dot.cur,.oa-pill){
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.065))!important;
  color:#f4f4f4!important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
}
html body .main:is(.page-oa,.page-oadetail,.page-employees,.page-system) .btn.danger{
  background:linear-gradient(180deg,rgba(127,29,29,.70),rgba(69,10,10,.50))!important;
  color:#fecaca!important;
  border-color:rgba(248,113,113,.18)!important;
}
html body .main:is(.page-oa,.page-oadetail,.page-employees,.page-system) .tabs button.active{
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.065))!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11)!important;
}
html body .main:is(.page-oa,.page-oadetail,.page-employees,.page-system) :where(.hud-blue,.emp-hud-card){
  background:var(--mc-deep-panel-strong)!important;
}
html body .main:is(.page-oa,.page-oadetail,.page-employees,.page-system) :where(thead th,tbody td){
  border-color:var(--mc-deep-line-soft)!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-10-application-layout-011-slice-10-part-02-seg-01-html-data-theme-body-app-fine-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-10-shared-cross-surface-012-slice-10-part-02-seg-01-html-data-theme-body-app-fine-01-unit-02.css */

html body .main.page-oadetail .row2{
  gap:12px!important;
}
html body .main.page-oadetail .oa-approve-actions{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  justify-content:flex-start!important;
  margin-top:4px!important;
}
html body .main.page-oadetail .oa-approve-actions .btn{
  min-width:104px!important;
}
html body .main.page-employees .employee-list-shell{
  gap:10px!important;
  align-items:flex-start!important;
}
html body .main.page-employees .employee-org-panel,
html[data-theme=light] body .main.page-employees .employee-org-panel,
html:not([data-theme=dark]) body .main.page-employees .employee-org-panel{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  padding:0!important;
}
html body .main.page-employees .employee-table-panel{
  padding:12px!important;
  border-radius:16px!important;
}
html body .main.page-employees .employee-table-panel>.toolbar{
  margin:0 0 10px!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-10-shared-cross-surface-012-slice-10-part-02-seg-01-html-data-theme-body-app-fine-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-10-application-layout-013-slice-10-part-02-seg-01-html-data-theme-body-app-fine-02-unit-01.css */

html body .main.page-employees .emp-org-inline-editor{
  padding:12px!important;
  border-radius:16px!important;
}
html body .main.page-employees .emp-org-inline-editor::before,
html body .main.page-employees .emp-org-inline-editor::after{
  display:none!important;
  content:none!important;
}
html body .main.page-system .history-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
html body .main.page-system .history-fixed-head{
  position:sticky!important;
  top:0!important;
  z-index:18!important;
  padding:12px 14px 10px!important;
  border:1px solid var(--mc-deep-line)!important;
  border-radius:16px 16px 0 0!important;
  background:var(--mc-deep-panel-strong)!important;
  background-color:rgba(8,8,9,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.12)!important;
  backdrop-filter:blur(24px) saturate(1.12)!important;
}
html body .main.page-system .history-head-main{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
html body .main.page-system .history-head-main h1{
  margin:0!important;
  font-size:var(--mc-type-page-heading,1.22rem)!important;
  line-height:1.1!important;
}
html body .main.page-system .history-head-actions{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}
html body .main.page-system .history-filter-bar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin-top:10px!important;
}
html body .main.page-system .history-count{
  font-size:.8rem!important;
}
html body .main.page-system .history-panel{
  border-top:0!important;
  border-radius:0 0 16px 16px!important;
  margin-top:0!important;
  padding:0!important;
}
html body .main.page-system .history-panel .table-wrap{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
html body .main.page-system .history-filter-menu{
  top:calc(100% + 6px)!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .main.page-oa .oa-app-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  html body .main.page-system .history-head-main{
    align-items:flex-start!important;
  }
  html body .main.page-system .history-head-actions{
    width:auto!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-10-application-layout-013-slice-10-part-02-seg-01-html-data-theme-body-app-fine-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-10-application-layout-014-slice-10-part-02-seg-01-html-data-theme-body-app-fine-02-unit-02.css */

html[data-theme] body .app .layout > .main.page-oa > .panel,
html[data-theme] body .app .layout > .main.page-oa .panel:has(.tabs),
html[data-theme] body .app .layout > .main.page-oadetail .panel,
html[data-theme] body .app .layout > .main.page-employees .employee-table-panel,
html[data-theme] body .app .layout > .main.page-employees .emp-org-inline-editor,
html[data-theme] body .app .layout > .main.page-system .history-fixed-head,
html[data-theme] body .app .layout > .main.page-system .history-panel,
html body .app .layout > .main.page-oa > .panel,
html body .app .layout > .main.page-oa .panel:has(.tabs),
html body .app .layout > .main.page-oadetail .panel,
html body .app .layout > .main.page-employees .employee-table-panel,
html body .app .layout > .main.page-employees .emp-org-inline-editor,
html body .app .layout > .main.page-system .history-fixed-head,
html body .app .layout > .main.page-system .history-panel{
  background:var(--mc-deep-panel)!important;
  background-color:rgba(9,9,10,.60)!important;
  background-image:var(--mc-deep-panel)!important;
  border-color:var(--mc-deep-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 24px 70px -54px rgba(0,0,0,.98)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.10)!important;
  backdrop-filter:blur(24px) saturate(1.10)!important;
}
html[data-theme] body .app .layout > .main.page-system .history-fixed-head,
html body .app .layout > .main.page-system .history-fixed-head{
  background:var(--mc-deep-panel-strong)!important;
  background-color:rgba(8,8,9,.72)!important;
  background-image:var(--mc-deep-panel-strong)!important;
}
html[data-theme] body .app .layout > .main.page-employees .employee-org-panel,
html body .app .layout > .main.page-employees .employee-org-panel{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html[data-theme] body .app .layout > .main:is(.page-oa,.page-oadetail,.page-employees,.page-system) :where(.tag.info,.btn.primary),
html body .app .layout > .main:is(.page-oa,.page-oadetail,.page-employees,.page-system) :where(.tag.info,.btn.primary){
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.065))!important;
  background-color:rgba(255,255,255,.10)!important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.065))!important;
  border-color:rgba(255,255,255,.13)!important;
  color:#f4f4f4!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
}
html body .app .layout > .main.page-system .page-head.role-head,
html[data-theme] body .app .layout > .main.page-system .page-head.role-head{
  margin:0 0 10px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-10-application-layout-014-slice-10-part-02-seg-01-html-data-theme-body-app-fine-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-10-application-layout-015-slice-10-part-02-seg-01-html-data-theme-body-app-fine-03-malformed-retained.css */

html body .app .layout > .main.page-system .page-head.role-head h1,
html[data-theme] body .app .layout > .main.page-system .page-head.role-head h1{
  margin:0!important;
  font-size:1.28rem!important;
  line-height:1.16!important;
  font-weight:520!important;
  letter-spacing:0!important;
}
html body .app .layout > .main.page-system .page-head.role-head p,
html body .app .layout > .main.page-system > .page-head p,
html[data-theme] body .app .layout > .main.page-system .page-head.role-head p,
html[data-theme] body .app .layout > .main.page-system > .page-head p{
  display:none!important;
}
html body .app .layout > .main.page-system .role-page,
html[data-theme] body .app .layout > .main.page-system .role-page{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:minmax(220px,248px) minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app .layout > .main.page-system :where(.panel,.role-side,.role-detail-panel,.role-assign-panel,.role-all-panel,.role-staff-panel,.perm-grp,.role-list-item,.select-summary,.tag,.btn,input,select),
html[data-theme] body .app .layout > .main.page-system :where(.panel,.role-side,.role-detail-panel,.role-assign-panel,.role-all-panel,.role-staff-panel,.perm-grp,.role-list-item,.select-summary,.tag,.btn,input,select){
  box-shadow:none!important;
  text-shadow:none!important;
}
html body .app .layout > .main.page-system .role-side,
html[data-theme] body .app .layout > .main.page-system .role-side{
  position:sticky!important;
  top:0!important;
  margin:0!important;
  padding:4px 0 0!important;
  border-radius:0!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  background-color:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app .layout > .main.page-system .role-side-head,
html[data-theme] body .app .layout > .main.page-system .role-side-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0 0 8px!important;
}
html body .app .layout > .main.page-system .role-side-head h3,
html[data-theme] body .app .layout > .main.page-system .role-side-head h3{
  margin:0!important;
  font-size:.95rem!important;
  font-weight:560!important;
  line-height:1.15!important;
}
html body .app .layout > .main.page-system .role-side > .desc,
html[data-theme] body .app .layout > .main.page-system .role-side > .desc{
  display:none!important;
}
html body .app .layout > .main.page-system .role-list-item,

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-10-application-layout-015-slice-10-part-02-seg-01-html-data-theme-body-app-fine-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-10-application-layout-016-slice-10-part-02-seg-02-html-data-theme-body-app-micro-01-unit-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-10-part-02-html-data-theme-body-app.css. Keep import order stable. */
html[data-theme] body .app .layout > .main.page-system .role-list-item{
  width:100%!important;
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:4px 0 0!important;
  padding:9px 10px!important;
  border-radius:12px!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  color:#eeeeee!important;
}
html body .app .layout > .main.page-system .role-list-item:hover,
html[data-theme] body .app .layout > .main.page-system .role-list-item:hover{
  background:var(--mc-model-button-fill-hover)!important;
  background-image:var(--mc-model-button-fill-hover)!important;
  border:0!important;
}
html body .app .layout > .main.page-system .role-list-item.active,
html[data-theme] body .app .layout > .main.page-system .role-list-item.active{
  background:var(--mc-model-button-fill-active)!important;
  background-image:var(--mc-model-button-fill-active)!important;
  background-color:transparent!important;
  border:0!important;
  color:#fff!important;
}
html body .app .layout > .main.page-system .role-list-text,
html[data-theme] body .app .layout > .main.page-system .role-list-text{
  min-width:0!important;
}
html body .app .layout > .main.page-system .role-list-item b,
html[data-theme] body .app .layout > .main.page-system .role-list-item b{
  display:block!important;
  font-size:.85rem!important;
  font-weight:560!important;
  line-height:1.18!important;
  color:#f3f3f3!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body .app .layout > .main.page-system .role-list-item small,
html[data-theme] body .app .layout > .main.page-system .role-list-item small{
  display:block!important;
  margin-top:2px!important;
  font-size:var(--mc-type-caption-meta,.68rem)!important;
  line-height:1.2!important;
  color:#9e9e9e!important;
  -webkit-text-fill-color:#9e9e9e!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body .app .layout > .main.page-system .role-list-item i,
html[data-theme] body .app .layout > .main.page-system .role-list-item i{
  flex:0 0 auto!important;
  font-style:normal!important;
  font-size:.62rem!important;
  font-weight:650!important;
  color:#d7d7d7!important;
  background:rgba(255,255,255,.065)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:999px!important;
  padding:2px 7px!important;
}
html body .app .layout > .main.page-system .role-main,
html[data-theme] body .app .layout > .main.page-system .role-main{
  display:grid!important;
  gap:10px!important;
  min-width:0!important;
}
html body .app .layout > .main.page-system :where(.role-detail-panel,.role-assign-panel,.role-all-panel,.role-staff-panel),
html[data-theme] body .app .layout > .main.page-system :where(.role-detail-panel,.role-assign-panel,.role-all-panel,.role-staff-panel){
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  background-color:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app .layout > .main.page-system .role-card-head,
html body .app .layout > .main.page-system .role-panel-title,
html[data-theme] body .app .layout > .main.page-system .role-card-head,
html[data-theme] body .app .layout > .main.page-system .role-panel-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin:0!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-10-application-layout-016-slice-10-part-02-seg-02-html-data-theme-body-app-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-10-application-layout-017-slice-10-part-02-seg-02-html-data-theme-body-app-micro-01-unit-02.css */

html body .app .layout > .main.page-system .role-card-head h3,
html body .app .layout > .main.page-system .role-panel-title h3,
html[data-theme] body .app .layout > .main.page-system .role-card-head h3,
html[data-theme] body .app .layout > .main.page-system .role-panel-title h3{
  margin:0!important;
  font-size:1rem!important;
  font-weight:560!important;
  line-height:1.2!important;
}
html body .app .layout > .main.page-system .role-meta-grid,
html[data-theme] body .app .layout > .main.page-system .role-meta-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:10px!important;
}
html body .app .layout > .main.page-system .role-meta-item,
html[data-theme] body .app .layout > .main.page-system .role-meta-item{
  min-width:0!important;
  min-height:58px!important;
  border-radius:0!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  padding:6px 0!important;
}
html body .app .layout > .main.page-system .role-meta-item span,
html[data-theme] body .app .layout > .main.page-system .role-meta-item span{
  display:block!important;
  color:#9f9f9f!important;
  -webkit-text-fill-color:#9f9f9f!important;
  font-size:var(--mc-type-caption-meta,.68rem)!important;
  line-height:1.2!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-10-application-layout-017-slice-10-part-02-seg-02-html-data-theme-body-app-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-10-application-layout-018-slice-10-part-02-seg-02-html-data-theme-body-app-micro-02-unit-01.css */

html body .app .layout > .main.page-system .role-meta-value,
html[data-theme] body .app .layout > .main.page-system .role-meta-value{
  margin-top:4px!important;
  color:#f1f1f1!important;
  font-size:.9rem!important;
  font-weight:600!important;
  min-width:0!important;
}
html body .app .layout > .main.page-system .role-meta-value select,
html[data-theme] body .app .layout > .main.page-system .role-meta-value select{
  width:100%!important;
  min-height:30px!important;
  padding:4px 8px!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.085)!important;
  color:#f1f1f1!important;
}
html body .app .layout > .main.page-system .role-assignment-grid,
html[data-theme] body .app .layout > .main.page-system .role-assignment-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:10px!important;
}
html body .app .layout > .main.page-system .role-assignment-cell,
html[data-theme] body .app .layout > .main.page-system .role-assignment-cell{
  min-width:0!important;
  min-height:58px!important;
  border-radius:0!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  padding:6px 0!important;
}
html body .app .layout > .main.page-system .role-assignment-cell > span:first-child,
html[data-theme] body .app .layout > .main.page-system .role-assignment-cell > span:first-child{
  display:block!important;
  margin-bottom:6px!important;
  color:#9f9f9f!important;
  -webkit-text-fill-color:#9f9f9f!important;
  font-size:.68rem!important;
  line-height:1.2!important;
}
html body .app .layout > .main.page-system .role-empty,
html[data-theme] body .app .layout > .main.page-system .role-empty{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  color:#8c8c8c!important;
  -webkit-text-fill-color:#8c8c8c!important;
  font-size:.76rem!important;
}
html body .app .layout > .main.page-system .role-all-panel .chips,
html body .app .layout > .main.page-system .role-staff-panel .chips,
html[data-theme] body .app .layout > .main.page-system .role-all-panel .chips,
html[data-theme] body .app .layout > .main.page-system .role-staff-panel .chips{
  gap:6px!important;
  margin-top:10px!important;
}
html body .app .layout > .main.page-system .role-permission-stack,
html[data-theme] body .app .layout > .main.page-system .role-permission-stack{
  display:grid!important;
  gap:8px!important;
}
html body .app .layout > .main.page-system .perm-grp,
html[data-theme] body .app .layout > .main.page-system .perm-grp{
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  border-radius:0!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
}
html body .app .layout > .main.page-system .perm-grp .ph,
html[data-theme] body .app .layout > .main.page-system .perm-grp .ph{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:9px 11px 7px!important;
  background:transparent!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
html body .app .layout > .main.page-system .perm-grp .ph span,
html[data-theme] body .app .layout > .main.page-system .perm-grp .ph span{
  color:#f1f1f1!important;
  font-size:.86rem!important;
  font-weight:560!important;
}
html body .app .layout > .main.page-system .perm-grp .pb,
html[data-theme] body .app .layout > .main.page-system .perm-grp .pb{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(148px,1fr))!important;
  gap:4px 8px!important;
  padding:8px 10px 10px!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-10-application-layout-018-slice-10-part-02-seg-02-html-data-theme-body-app-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-10-application-layout-019-slice-10-part-02-seg-02-html-data-theme-body-app-micro-02-unit-02.css */

html body .app .layout > .main.page-system .checkbox,
html[data-theme] body .app .layout > .main.page-system .checkbox{
  min-height:26px!important;
  padding:2px 0!important;
  background:transparent!important;
  border:0!important;
  color:#e7e7e7!important;
  font-size:.76rem!important;
  line-height:1.25!important;
}
html body .app .layout > .main.page-system :where(.btn.primary,.tag.info),
html[data-theme] body .app .layout > .main.page-system :where(.btn.primary,.tag.info){
  background:linear-gradient(180deg,rgba(255,255,255,.17),rgba(255,255,255,.065))!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#f4f4f4!important;
}
html body .app .layout > .main.page-system .select-summary,
html[data-theme] body .app .layout > .main.page-system .select-summary{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html body .app .layout > .main.page-system .select-summary .sum-row,
html[data-theme] body .app .layout > .main.page-system .select-summary .sum-row{
  margin-top:4px!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-10-application-layout-019-slice-10-part-02-seg-02-html-data-theme-body-app-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-10-application-layout-020-slice-10-part-02-seg-02-html-data-theme-body-app-micro-03.css */

@media(max-width:980px){
  html body .app .layout > .main.page-system .role-page,
  html[data-theme] body .app .layout > .main.page-system .role-page{
    grid-template-columns:1fr!important;
  }
  html body .app .layout > .main.page-system .role-side,
  html[data-theme] body .app .layout > .main.page-system .role-side{
    position:relative!important;
    top:auto!important;
  }
}
@media(max-width:720px){
  html body .app .layout > .main.page-system .role-meta-grid,
  html body .app .layout > .main.page-system .role-assignment-grid,
  html[data-theme] body .app .layout > .main.page-system .role-meta-grid,
  html[data-theme] body .app .layout > .main.page-system .role-assignment-grid{
    grid-template-columns:1fr!important;
  }
}

html body .overlay,
html[data-theme] body .overlay{
  z-index:18000!important;
  background:rgba(0,0,0,.54)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.08)!important;
  backdrop-filter:blur(12px) saturate(1.08)!important;
}
html body #modal,
html[data-theme] body #modal{
  position:relative!important;
  z-index:18000!important;
}
html body .modal,
html[data-theme] body .modal{
  position:relative!important;
  z-index:18010!important;
  box-shadow:0 24px 70px -52px rgba(0,0,0,.9)!important;
}
html body .modal .m-head,
html[data-theme] body .modal .m-head,
html body .modal .m-foot,
html[data-theme] body .modal .m-foot{
  z-index:1!important;
}
html body .topbar,
html[data-theme] body .topbar{
  z-index:900!important;
}
html body .notif-wrap,
html[data-theme] body .notif-wrap{
  position:relative!important;
  z-index:30020!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-10-application-layout-020-slice-10-part-02-seg-02-html-data-theme-body-app-micro-03.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/compatibility-layout/001-base-slice-10-notifications-021-slice-10-part-03-seg-01-html-data-theme-body-app-nano-01.css */

/* Legacy ordered base slice 10 part 03; split from 001-base-slice-10-html-data-theme-body-app.css. Keep import order stable. */
html body .notif-backdrop,
html[data-theme] body .notif-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:30000!important;
  background:transparent!important;
}
html body .notif-drop,
html[data-theme] body .notif-drop{
  position:fixed!important;
  top:50px!important;
  right:14px!important;
  width:min(420px,calc(100vw - 24px))!important;
  max-height:min(640px,calc(100dvh - 70px))!important;
  z-index:30050!important;
  background:rgba(8,8,9,.82)!important;
  color:#f3f3f3!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:16px!important;
  box-shadow:0 26px 72px -52px rgba(0,0,0,.96)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.2)!important;
  backdrop-filter:blur(24px) saturate(1.2)!important;
  overflow:hidden!important;
}
html body .notif-drop .nd-head,
html[data-theme] body .notif-drop .nd-head,
html body .notif-drop .nd-tabs,
html[data-theme] body .notif-drop .nd-tabs{
  background:transparent!important;
  border-color:rgba(255,255,255,.08)!important;
}
html body .notif-drop .nd-body,
html[data-theme] body .notif-drop .nd-body{
  max-height:calc(min(640px,100dvh - 70px) - 58px)!important;
  overflow:auto!important;
}
html body .nd-filter-menu,
html[data-theme] body .nd-filter-menu{
  z-index:30070!important;
  background:rgba(9,9,10,.86)!important;
  color:#f2f2f2!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.16)!important;
  backdrop-filter:blur(22px) saturate(1.16)!important;
}
html[data-theme=light] body{
  --brand:#222826!important;
  --brand-dark:#0f1412!important;
  --brand-soft:rgba(34,40,38,.08)!important;
  --accent:#2f3a36!important;
  --on-brand:#ffffff!important;
  --bg:#f4f4f1!important;
  --bg-subtle:#eeeeea!important;
  --chip:rgba(32,38,35,.075)!important;
  --panel:rgba(255,255,255,.74)!important;
  --text:#151715!important;
  --soft:#666b66!important;
  --line:rgba(22,24,22,.12)!important;
  --shadow:none!important;
  color:#151715!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(255,255,255,.96),transparent 30%),
    radial-gradient(circle at 86% 18%,rgba(223,228,219,.84),transparent 34%),
    linear-gradient(180deg,#f7f7f4 0%,#ededeb 100%)!important;
}
html[data-theme=light] body .app{
  background:transparent!important;
  color:#151715!important;
}
html[data-theme=light] body .topbar,
html[data-theme=light] body .app .layout>.side{
  background:linear-gradient(180deg,rgba(244,247,242,.80),rgba(221,226,218,.58))!important;
  color:#151715!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.08)!important;
  backdrop-filter:blur(20px) saturate(1.08)!important;
}
html[data-theme=light] body .app .layout{
  background:linear-gradient(180deg,rgba(244,247,242,.80),rgba(221,226,218,.58)) 0 0/var(--side-w,220px) 100% no-repeat!important;
}
html[data-theme=light] body .app .layout>.main{
  background:linear-gradient(180deg,#f7f7f4 0%,#eeeeec 100%)!important;
  color:#151715!important;
  border-radius:18px 0 0 0!important;
}
html[data-theme=light] body .app :where(.panel,.stat,.table-wrap,.tabs,.toolbar,.settings-shell,.att-report-shell,.att-rule-shell,.role-page,.org-layout>.panel,.comms-layout,.tpl-list,.tpl-editor,.oa-launch-panel,.workbench-unified,.workbench-clean,.workbench-lower,.workbench-grid,.employee-workbench-compact,.employee-org-panel,.employee-table-panel,.live-room-head,.live-room-side,.live-room-canvas-card),
html[data-theme=light] body .modal{
  background:rgba(255,255,255,.68)!important;
  color:#151715!important;
  border:1px solid rgba(20,24,22,.10)!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
}
html[data-theme=light] body :where(input,select,textarea,.input,.btn,.icon-btn,.select-summary,.tag,.role-list-item,.org-pick-row,.contact-item,.chat-list-item,.tpl-field-row,.tpl-node-row){
  background:rgba(255,255,255,.58)!important;
  color:#151715!important;
  border-color:rgba(20,24,22,.12)!important;
  box-shadow:none!important;
}
html[data-theme=light] body :where(thead th,tbody td){
  color:#151715!important;
  border-color:rgba(20,24,22,.10)!important;
}
html[data-theme=light] body thead th{
  background:rgba(20,24,22,.045)!important;
  color:#626963!important;
}

/* <<< runtime/legacy/styles/blocks/notifications/drawer/compatibility-layout/001-base-slice-10-notifications-021-slice-10-part-03-seg-01-html-data-theme-body-app-nano-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-10-shared-cross-surface-022-slice-10-part-03-seg-01-html-data-theme-body-app-nano-02.css */

html[data-theme=light] body .btn.primary,
html[data-theme=light] body button.btn.primary{
  background:#1f2723!important;
  color:#fff!important;
}
html[data-theme=light] body .nav,
html[data-theme=light] body .grp,
html[data-theme=light] body .side-profile-wrap .uchip,
html[data-theme=light] body .topbar :where(.icon-btn,.topbar-brand-chip,.theme-btn,.logout-btn){
  color:#151715!important;
}
html[data-theme=light] body :where(.tabs button.active,.role-list-item.active,.org-pick-row.active,.contact-item.active,.chat-list-item.active,.tpl-field-row.active,.type-chip.active){
  background:rgba(29,35,32,.10)!important;
  color:#111411!important;
  border-color:rgba(20,24,22,.12)!important;
  box-shadow:none!important;
}
html[data-theme=light] body .notif-drop,
html[data-theme=light] body .nd-filter-menu{
  background:rgba(255,255,255,.82)!important;
  color:#151715!important;
  border-color:rgba(20,24,22,.12)!important;
  box-shadow:0 24px 64px -54px rgba(20,24,22,.44)!important;
}
html[data-theme=light] body .notif-drop .nd-head,
html[data-theme=light] body .notif-drop .nd-tabs{
  border-color:rgba(20,24,22,.10)!important;
}
html[data-theme=light] body .app :where(.tpl-glass,.tpl-card,.tpl-zone,.tpl-builder,.tpl-step,.tpl-metric,.tpl-phone,.tpl-phone-screen,.tpl-flow-card,.tpl-summary-card,.tpl-base-main,.tpl-field-lib,.tpl-form-center,.tpl-node-lib,.tpl-flow-main,.tpl-props),
html[data-theme=light] body .app :where(.tpl-glass,.tpl-card,.tpl-zone,.tpl-builder,.tpl-step,.tpl-metric,.tpl-phone,.tpl-phone-screen,.tpl-flow-card,.tpl-summary-card,.tpl-base-main,.tpl-field-lib,.tpl-form-center,.tpl-node-lib,.tpl-flow-main,.tpl-props) :where(b,h1,h2,h3,h4,label,span,small,p,div){
  color:#151715!important;
}
html[data-theme=light] body .app :where(.tpl-glass,.tpl-card,.tpl-zone,.tpl-phone-screen,.tpl-flow-card,.tpl-field-row,.tpl-node-row,.tpl-palette-btn,.tpl-step){
  background:rgba(255,255,255,.62)!important;
  border-color:rgba(20,24,22,.10)!important;
  box-shadow:none!important;
}
html[data-theme=light] body .app :where(.tpl-card-main p,.tpl-field-row small,.tpl-node-row small,.tpl-palette-btn span,.tpl-metric span){
  color:#686d68!important;
}
html body .app .layout>.main.page-system,
html[data-theme] body .app .layout>.main.page-system{
  --sys-bg:#f4f4f1;
  --sys-bg-2:#e9e9e5;
  --sys-panel:rgba(255,255,255,.72);
  --sys-panel-strong:rgba(255,255,255,.84);
  --sys-line:rgba(24,27,25,.10);
  --sys-line-strong:rgba(24,27,25,.16);
  --sys-text:#171917;
  --sys-muted:#6a6f69;
  --sys-accent:#3d6f5f;
  --sys-accent-2:#24342f;
  background:
    radial-gradient(circle at 16% -8%,rgba(255,255,255,.95),rgba(255,255,255,0) 34%),
    radial-gradient(circle at 82% 10%,rgba(212,222,213,.78),rgba(212,222,213,0) 38%),
    linear-gradient(180deg,var(--sys-bg),var(--sys-bg-2))!important;
  color:var(--sys-text)!important;
  box-shadow:none!important;
}
html body .app .layout>.main.page-system::before,
html[data-theme] body .app .layout>.main.page-system::before{
  opacity:.16!important;
  background:
    linear-gradient(90deg,rgba(24,27,25,.045) 1px,transparent 1px),
    linear-gradient(180deg,rgba(24,27,25,.035) 1px,transparent 1px)!important;
  background-size:34px 34px!important;
  mix-blend-mode:multiply!important;
}
html body .main.page-system .settings-modern-shell,
html[data-theme] body .main.page-system .settings-modern-shell{
  width:min(1180px,100%)!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  gap:14px!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--sys-text)!important;
}
html body .main.page-system .settings-modern-head,
html[data-theme] body .main.page-system .settings-modern-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-end!important;
  gap:18px!important;
  padding:22px 24px!important;
  border:1px solid var(--sys-line)!important;
  border-radius:22px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.90),rgba(255,255,255,.56)),
    radial-gradient(circle at 100% 0%,rgba(61,111,95,.13),transparent 38%)!important;
  color:var(--sys-text)!important;
  box-shadow:0 28px 90px -78px rgba(31,39,35,.50)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.08)!important;
  backdrop-filter:blur(22px) saturate(1.08)!important;
}
html body .main.page-system .settings-modern-head h1,
html[data-theme] body .main.page-system .settings-modern-head h1{
  margin:0!important;
  color:var(--sys-text)!important;
  font-size:1.56rem!important;
  font-weight:650!important;
  letter-spacing:0!important;
  line-height:1.08!important;
}
html body .main.page-system .settings-modern-sub,
html[data-theme] body .main.page-system .settings-modern-sub{
  margin-top:7px!important;
  color:var(--sys-muted)!important;
  font-size:.88rem!important;
  line-height:1.45!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-10-shared-cross-surface-022-slice-10-part-03-seg-01-html-data-theme-body-app-nano-02.css */


/* >>> runtime/legacy/styles/blocks/system/sync/compatibility-layout/001-base-slice-10-system-023-slice-10-part-03-seg-01-html-data-theme-body-app-nano-03-malformed-retained.css */

html body .main.page-system .settings-modern-status,
html[data-theme] body .main.page-system .settings-modern-status{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
html body .main.page-system .settings-modern-status span,
html[data-theme] body .main.page-system .settings-modern-status span,
html body .main.page-system .settings-card-title b,
html[data-theme] body .main.page-system .settings-card-title b{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:5px 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(24,27,25,.10)!important;
  background:rgba(255,255,255,.60)!important;
  color:#42504a!important;
  font-size:.76rem!important;
  font-weight:650!important;
  box-shadow:none!important;
}
html body .main.page-system .settings-section-title,
html[data-theme] body .main.page-system .settings-section-title{
  margin:8px 3px -2px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  color:#4f5752!important;
  font-size:.82rem!important;
  font-weight:650!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html body .main.page-system .settings-section-title::before,
html[data-theme] body .main.page-system .settings-section-title::before{
  content:""!important;
  width:18px!important;
  height:1px!important;
  border-radius:0!important;
  background:rgba(24,27,25,.28)!important;
}
html body .main.page-system .sys-grid,
html[data-theme] body .main.page-system .sys-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
html body .main.page-system :where(.settings-card,.sys-card,.sys-location-card),

/* <<< runtime/legacy/styles/blocks/system/sync/compatibility-layout/001-base-slice-10-system-023-slice-10-part-03-seg-01-html-data-theme-body-app-nano-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/system/sync/compatibility-layout/001-base-slice-10-system-024-slice-10-part-03-seg-02-html-data-theme-body-app-unit-01.css */

/* Legacy ordered CSS segment; extracted from 001-base-slice-10-part-03-html-data-theme-body-app.css. Keep import order stable. */
html[data-theme] body .main.page-system :where(.settings-card,.sys-card,.sys-location-card){
  margin:0!important;
  min-width:0!important;
  padding:18px!important;
}
html body .main.page-system .settings-location-card,
html[data-theme] body .main.page-system .settings-location-card{
  grid-column:1 / -1!important;
}
html body .main.page-system .settings-card-title,
html[data-theme] body .main.page-system .settings-card-title{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 14px!important;
}
html body .main.page-system .settings-card-title span,
html[data-theme] body .main.page-system .settings-card-title span,
html body .main.page-system :where(.sys-card h3,.sys-location-card h3),
html[data-theme] body .main.page-system :where(.sys-card h3,.sys-location-card h3){
  margin:0!important;
  color:var(--sys-text)!important;
  font-size:1rem!important;
  line-height:1.2!important;
  font-weight:680!important;
}
html body .main.page-system :where(.desc,.muted,.office-note,.settings-inline-note),
html[data-theme] body .main.page-system :where(.desc,.muted,.office-note,.settings-inline-note){
  color:var(--sys-muted)!important;
  font-size:.82rem!important;
  line-height:1.45!important;
}
html body .main.page-system .settings-inline-note,
html[data-theme] body .main.page-system .settings-inline-note{
  margin-top:10px!important;
}
html body .main.page-system :where(.field label),
html[data-theme] body .main.page-system :where(.field label){
  display:block!important;
  margin:0 0 6px!important;
  color:#5c625d!important;
  font-size:.76rem!important;
  font-weight:620!important;
}
html body .main.page-system :where(input,select,textarea),
html[data-theme] body .main.page-system :where(input,select,textarea){
  width:100%!important;
  height:42px!important;
  padding:9px 12px!important;
  border:1px solid rgba(24,27,25,.12)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.66)!important;
  color:var(--sys-text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.70)!important;
  outline:none!important;
}
html body .main.page-system :where(input,select,textarea):focus,
html[data-theme] body .main.page-system :where(input,select,textarea):focus{
  border-color:rgba(61,111,95,.42)!important;
  box-shadow:0 0 0 3px rgba(61,111,95,.10),inset 0 1px 0 rgba(255,255,255,.72)!important;
}
html body .main.page-system .sys-kv,
html[data-theme] body .main.page-system .sys-kv{
  display:grid!important;
  grid-template-columns:82px minmax(0,1fr)!important;
  gap:12px!important;
  padding:10px 0!important;
  border-bottom:1px solid rgba(24,27,25,.08)!important;
  color:var(--sys-text)!important;
  font-size:.86rem!important;
}
html body .main.page-system .sys-kv span,
html[data-theme] body .main.page-system .sys-kv span{
  color:var(--sys-muted)!important;
}
html body .main.page-system .sys-kv b,
html[data-theme] body .main.page-system .sys-kv b{
  color:var(--sys-text)!important;
  min-width:0!important;
  word-break:break-word!important;
}
html body .main.page-system :where(.sys-actions,.office-actions,.sys-timezone-row,.radius-tools),
html[data-theme] body .main.page-system :where(.sys-actions,.office-actions,.sys-timezone-row,.radius-tools){
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  flex-wrap:wrap!important;
}

/* <<< runtime/legacy/styles/blocks/system/sync/compatibility-layout/001-base-slice-10-system-024-slice-10-part-03-seg-02-html-data-theme-body-app-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-10-shared-cross-surface-025-slice-10-part-03-seg-02-html-data-theme-body-app-unit-02-malformed-retained.css */

html body .main.page-system .sys-actions,
html[data-theme] body .main.page-system .sys-actions{
  margin-top:12px!important;
}
html body .main.page-system :where(.btn,button.btn),
html[data-theme] body .main.page-system :where(.btn,button.btn){
  min-height:36px!important;
  padding:8px 13px!important;
  border:1px solid rgba(24,27,25,.12)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.62)!important;
  color:#252927!important;
  box-shadow:none!important;
  font-weight:650!important;
}
html body .main.page-system :where(.btn,button.btn):hover,
html[data-theme] body .main.page-system :where(.btn,button.btn):hover{
  background:rgba(255,255,255,.84)!important;
  border-color:rgba(24,27,25,.18)!important;
}
html body .main.page-system :where(.btn.primary,button.btn.primary),
html[data-theme] body .main.page-system :where(.btn.primary,button.btn.primary){
  border-color:rgba(61,111,95,.24)!important;
  background:linear-gradient(180deg,var(--sys-accent),var(--sys-accent-2))!important;
  color:#fff!important;
}
html body .app .layout>.main.page-system button.btn,
html[data-theme] body .app .layout>.main.page-system button.btn,
html body .app .layout>.main.page-system .btn,

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-10-shared-cross-surface-025-slice-10-part-03-seg-02-html-data-theme-body-app-unit-02-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility/001-base-slice-10-enterprise-entry.css */

/* Enterprise compatibility entry. Ordered semantic owners preserve the original slice-10 cascade. */

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility/001-base-slice-10-enterprise-entry.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-11-shared-cross-surface-001-slice-11-part-01-seg-01-html-data-theme-body-app-fine-01-short-01.css */

/* Legacy ordered base slice 11 part 01; split from 001-base-slice-11-html-data-theme-body-app.css. Keep import order stable. */
html[data-theme] body .app .layout>.main.page-system .btn{
  min-height:36px!important;
  padding:8px 13px!important;
  border:1px solid rgba(24,27,25,.12)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.62)!important;
  background-image:none!important;
  color:#252927!important;
  box-shadow:none!important;
  font-weight:650!important;
}
html body .app .layout>.main.page-system button.btn.primary,
html[data-theme] body .app .layout>.main.page-system button.btn.primary,
html body .app .layout>.main.page-system .btn.primary,
html[data-theme] body .app .layout>.main.page-system .btn.primary{
  border-color:rgba(61,111,95,.24)!important;
  background:linear-gradient(180deg,var(--sys-accent),var(--sys-accent-2))!important;
  color:#fff!important;
}
html body .main.page-system .office-form,
html[data-theme] body .main.page-system .office-form{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  max-width:none!important;
}
html body .main.page-system .office-form>.field:first-child,
html[data-theme] body .main.page-system .office-form>.field:first-child,
html body .main.page-system .office-form>.radius-tools,
html[data-theme] body .main.page-system .office-form>.radius-tools,
html body .main.page-system .office-form>.office-actions,
html[data-theme] body .main.page-system .office-form>.office-actions,
html body .main.page-system .office-form>div:last-child,
html[data-theme] body .main.page-system .office-form>div:last-child{
  grid-column:1 / -1!important;
}
html body .main.page-system .radius-tools,
html[data-theme] body .main.page-system .radius-tools{
  padding:10px 12px!important;
  border:1px solid rgba(24,27,25,.08)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.38)!important;
}
html body .main.page-system .radius-tools input[type=range],
html[data-theme] body .main.page-system .radius-tools input[type=range]{
  min-width:220px!important;
  flex:1 1 240px!important;
  height:22px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .main.page-system .geo-preview,
html[data-theme] body .main.page-system .geo-preview{
  max-width:none!important;
  margin-top:2px!important;
  padding:10px!important;
  border:1px solid rgba(24,27,25,.08)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.46)!important;
  overflow:hidden!important;
}
html body .main.page-system .geo-preview iframe,
html[data-theme] body .main.page-system .geo-preview iframe{
  width:100%!important;
  height:220px!important;
  border:0!important;
  border-radius:14px!important;
  filter:saturate(.88) contrast(.98)!important;
}
html body .main.page-system .geo-preview a,
html[data-theme] body .main.page-system .geo-preview a{
  display:inline-flex!important;
  margin-top:8px!important;
  color:#315f51!important;
  font-size:var(--mc-type-body-control,.82rem)!important;
  text-decoration:none!important;
}
html body .main.page-system .settings-empty,
html[data-theme] body .main.page-system .settings-empty{
  min-height:128px!important;
  display:grid!important;
  place-items:center!important;
  padding:18px!important;
  border:1px dashed rgba(24,27,25,.18)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.36)!important;
  color:var(--sys-muted)!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-11-shared-cross-surface-001-slice-11-part-01-seg-01-html-data-theme-body-app-fine-01-short-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-11-application-layout-002-slice-11-part-01-seg-01-html-data-theme-body-app-fine-02-unit-01.css */

html[data-theme] body .app::after,
html body .app::after{
  content:""!important;
  display:block!important;
  position:fixed!important;
  left:0!important;
  top:0!important;
  width:100vw!important;
  height:var(--mc-topbar-h,56px)!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.045),transparent),
    linear-gradient(90deg,rgba(5,8,6,.88),rgba(16,24,19,.64) 44%,rgba(5,6,5,.36) 100%)!important;
}
html[data-theme] body .topbar,
html body .topbar,
html[data-theme] body .app .layout > .side,
html body .app .layout > .side{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.10)!important;
  backdrop-filter:blur(20px) saturate(1.10)!important;
}
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html[data-theme] body .app .layout > .main:not(.page-system),
  html body .app .layout > .main:not(.page-system){
    color:#f4f4f1!important;
    background:
      radial-gradient(980px 440px at 82% -18%,rgba(255,255,255,.040),transparent 72%),
      radial-gradient(660px 420px at 16% 110%,rgba(255,255,255,.020),transparent 76%),
      linear-gradient(180deg,var(--mc-content-deep-2) 0%,var(--mc-content-deep) 100%)!important;
    border:0!important;
    border-radius:30px 0 0 0!important;
    box-shadow:
      -1px 0 0 rgba(0,0,0,.74),
      inset 1px 1px 0 rgba(255,255,255,.090)!important;
    min-height:calc(100dvh - var(--mc-topbar-h,56px))!important;
  }
}
html[data-theme] body .app .layout > .main:not(.page-system)::before,
html body .app .layout > .main:not(.page-system)::before{
  border-top-color:rgba(255,255,255,.105)!important;
  border-left-color:rgba(255,255,255,.090)!important;
  opacity:.92!important;
}
html[data-theme] body .app .layout > .main:not(.page-system) :where(.panel,.stat,.card,.hud-card,.ann-banner,.work-punch-stage,.settings-compact-shell,.settings-shell,.sys-card,.att-rule-shell,.att-report-shell,.role-page,.org-layout,.comms-layout,.tpl-list,.tpl-editor,.oa-launch-panel,.workbench-unified,.workbench-clean,.employee-workbench-compact,.network-shell,.live-room-shell,.live-room-panel,.table-wrap,.toolbar,.tabs,.employee-table-panel,.live-room-head,.live-room-side,.live-room-canvas-card),
html body .app .layout > .main:not(.page-system) :where(.panel,.stat,.card,.hud-card,.ann-banner,.work-punch-stage,.settings-compact-shell,.settings-shell,.sys-card,.att-rule-shell,.att-report-shell,.role-page,.org-layout,.comms-layout,.tpl-list,.tpl-editor,.oa-launch-panel,.workbench-unified,.workbench-clean,.employee-workbench-compact,.network-shell,.live-room-shell,.live-room-panel,.table-wrap,.toolbar,.tabs,.employee-table-panel,.live-room-head,.live-room-side,.live-room-canvas-card){
  color:#f4f4f1!important;
  background:linear-gradient(180deg,var(--mc-content-panel),var(--mc-content-panel-2))!important;
  border-color:var(--mc-content-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.06)!important;
  backdrop-filter:blur(18px) saturate(1.06)!important;
}
html[data-theme] body .app .layout > .main:not(.page-system) :where(h1,h2,h3,h4,p,span,small,label,div,td,th,b,strong,li),
html body .app .layout > .main:not(.page-system) :where(h1,h2,h3,h4,p,span,small,label,div,td,th,b,strong,li){
  color:inherit!important;
}
html[data-theme] body .app .layout > .main :where(button.btn,.btn,.tabs button,.toolbar button,.icon-btn),
html body .app .layout > .main :where(button.btn,.btn,.tabs button,.toolbar button,.icon-btn),
html[data-theme] body .app .layout > .main button.btn.primary,
html body .app .layout > .main button.btn.primary,
html[data-theme] body .app .layout > .main .btn.primary,
html body .app .layout > .main .btn.primary{
  background:var(--mc-glass-btn)!important;
  background-image:none!important;
  border:1px solid var(--mc-glass-btn-line)!important;
  color:rgba(244,244,241,.90)!important;
  -webkit-text-fill-color:rgba(244,244,241,.90)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
}
html[data-theme] body .app .layout > .main :where(button.btn,.btn,.tabs button,.toolbar button,.icon-btn):hover,
html body .app .layout > .main :where(button.btn,.btn,.tabs button,.toolbar button,.icon-btn):hover,
html[data-theme] body .app .layout > .main button.btn.primary:hover,
html body .app .layout > .main button.btn.primary:hover,
html[data-theme] body .app .layout > .main .btn.primary:hover,
html body .app .layout > .main .btn.primary:hover{
  background:var(--mc-glass-btn-hover)!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.22)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-theme] body .app .layout > .main :where(.btn.danger,button.btn.danger),
html body .app .layout > .main :where(.btn.danger,button.btn.danger){
  background:rgba(127,29,29,.16)!important;
  border-color:rgba(248,113,113,.25)!important;
  color:#fca5a5!important;
  -webkit-text-fill-color:#fca5a5!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-11-application-layout-002-slice-11-part-01-seg-01-html-data-theme-body-app-fine-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-11-shared-cross-surface-003-slice-11-part-01-seg-01-html-data-theme-body-app-fine-02-unit-02.css */

html body .app .layout>.main.page-system :where(button.btn,.btn,button.btn.primary,.btn.primary),
html[data-theme] body .app .layout>.main.page-system :where(button.btn,.btn,button.btn.primary,.btn.primary){
  background:rgba(255,255,255,.24)!important;
  background-image:none!important;
  border:1px solid rgba(24,27,25,.16)!important;
  color:#252927!important;
  -webkit-text-fill-color:#252927!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55)!important;
}
html body .app .layout>.main.page-system :where(button.btn,.btn,button.btn.primary,.btn.primary):hover,
html[data-theme] body .app .layout>.main.page-system :where(button.btn,.btn,button.btn.primary,.btn.primary):hover{
  background:rgba(255,255,255,.44)!important;
  border-color:rgba(24,27,25,.24)!important;
}
html body .app .layout>.main.page-system button.btn,
html body .app .layout>.main.page-system button.btn.primary,
html body .app .layout>.main.page-system .btn,
html body .app .layout>.main.page-system .btn.primary,
html[data-theme] body .app .layout>.main.page-system button.btn,
html[data-theme] body .app .layout>.main.page-system button.btn.primary,
html[data-theme] body .app .layout>.main.page-system .btn,
html[data-theme] body .app .layout>.main.page-system .btn.primary{
  background:rgba(255,255,255,.24)!important;
  background-image:none!important;
  border:1px solid rgba(24,27,25,.16)!important;
  color:#252927!important;
  -webkit-text-fill-color:#252927!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55)!important;
}
html body .app .layout>.main.page-system button.btn:hover,
html body .app .layout>.main.page-system button.btn.primary:hover,
html body .app .layout>.main.page-system .btn:hover,
html body .app .layout>.main.page-system .btn.primary:hover,
html[data-theme] body .app .layout>.main.page-system button.btn:hover,
html[data-theme] body .app .layout>.main.page-system button.btn.primary:hover,
html[data-theme] body .app .layout>.main.page-system .btn:hover,
html[data-theme] body .app .layout>.main.page-system .btn.primary:hover{
  background:rgba(255,255,255,.44)!important;
  background-image:none!important;
  border-color:rgba(24,27,25,.24)!important;
  color:#151715!important;
  -webkit-text-fill-color:#151715!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-11-shared-cross-surface-003-slice-11-part-01-seg-01-html-data-theme-body-app-fine-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-11-shared-cross-surface-004-slice-11-part-01-seg-02-html-data-theme-body-app-micro-02.css */

.live-device-detail-fields b{min-width:0;color:#dedcd5;font-size:.63rem;line-height:1.14;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-device-price{font-family:var(--mono);color:#f1f0eb!important}
.live-device-check,.live-device-net-pill{display:inline;color:inherit;font-style:normal;background:transparent!important;border:0!important;padding:0!important;border-radius:0!important}
.live-device-check.on{color:#86efac}.live-device-check.off{color:#fca5a5}
.live-device-net-pill{color:#c8c7c2;max-width:118px;overflow:hidden;text-overflow:ellipsis}
.live-device-detail-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}
.live-device-detail-state{display:inline-flex;align-items:center;gap:5px;color:#aaa9a5;font-size:.62rem;font-weight:760;margin-right:2px}
.live-device-detail-state em{font-style:normal}
.live-device-detail-actions .btn{height:auto!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:rgba(244,244,241,.66)!important;font-size:.64rem!important}
.live-device-detail-actions .btn:hover{color:#f4f4f1!important;background:transparent!important;position:relative!important;z-index:var(--mc-model-lift-z,80)!important;transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important}
.live-device-detail-actions .btn.danger{color:#ff9aad!important}
.live-floor-detail-panel{display:grid;gap:11px;min-width:0}
.live-floor-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.live-floor-detail-head h3{margin:0;font-size:.98rem;line-height:1.14;color:#f6f6f3}
.live-floor-detail-head small{display:block;margin-top:2px;color:#9a9892;font-size:.66rem;line-height:1.2}
.live-floor-detail-head b{font-family:var(--mono);font-size:.78rem;color:#f1f0eb;font-weight:820;white-space:nowrap}
.live-floor-detail-grid{display:grid;gap:8px;align-items:stretch;min-width:0}
.live-floor-detail-room{min-width:0;min-height:68px;border:.5px solid var(--live-room-floor-edge,rgba(184,200,189,.46));border-radius:12px;background:var(--live-room-floor-base,rgba(5,7,6,.74));background-image:radial-gradient(circle at 50% 42%,var(--live-room-floor-glow,rgba(138,163,149,.22)),transparent 64%),linear-gradient(145deg,var(--live-room-floor-fill,rgba(71,91,81,.38)),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -10px 18px rgba(0,0,0,.18);padding:8px;display:grid;grid-template-rows:auto auto 1fr;gap:6px;cursor:pointer;transition:var(--mc-model-lift-transition)}
.live-floor-detail-room:hover{border-color:var(--live-room-floor-edge,rgba(244,244,241,.22));box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 12px 28px var(--live-room-floor-glow,rgba(138,163,149,.18));position:relative;z-index:var(--mc-model-lift-z,80);transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))}
.live-floor-detail-room.active{border-color:var(--live-room-floor-edge,rgba(244,244,241,.26));box-shadow:inset 0 0 0 1px var(--live-room-floor-edge,rgba(244,244,241,.20)),0 10px 26px var(--live-room-floor-glow,rgba(138,163,149,.18))}
.live-floor-detail-status{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}
.live-floor-detail-status i{display:block;width:8px;height:8px;border-radius:50%;background:var(--live-room-floor-dot,#9a9a9a);box-shadow:0 0 0 3px var(--live-room-floor-glow,rgba(255,255,255,.045))}
.live-floor-detail-status i.on{background:#00ff00}.live-floor-detail-status i.busy{background:#ffff00}.live-floor-detail-status i.off{background:#ff0000}.live-floor-detail-status i.idle{background:#9a9a9a}
.live-floor-detail-status span{display:block;min-width:0;color:#85837d;font-size:.56rem;font-weight:780;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-floor-room-sync{display:block;min-width:0;color:rgba(247,247,244,.72);font-size:.62rem;font-weight:760;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;text-shadow:0 1px 7px rgba(0,0,0,.42)}
.live-floor-room-no-input{width:100%!important;min-width:0!important;height:30px!important;min-height:30px!important;padding:0 6px!important;border:.5px solid rgba(244,244,241,.14)!important;border-radius:8px!important;background:rgba(255,255,255,.026)!important;background-image:none!important;box-shadow:none!important;color:#f7f7f4!important;text-align:center!important;font-size:.78rem!important;font-weight:850!important;line-height:1!important;letter-spacing:0!important}
.live-floor-room-no-input:hover,.live-floor-room-no-input:focus,.live-floor-room-no-input:focus-visible{border-color:rgba(244,244,241,.28)!important;background:rgba(255,255,255,.044)!important;background-image:none!important;box-shadow:none!important;outline:0!important}
.live-floor-room-no-input.invalid{border-color:rgba(255,111,111,.72)!important;background:rgba(255,111,111,.09)!important}
@media(max-width:900px){.live-device-detail-row{grid-template-columns:1fr;gap:7px}.live-device-detail-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.live-device-detail-actions{justify-content:flex-start}}
html body .auth.auth-v2,
html[data-theme] body .auth.auth-v2,
html[data-theme=light] body .auth.auth-v2,
html:not([data-theme=dark]) body .auth.auth-v2{
  --auth-x:50%;
  --auth-y:42%;
  background:
    radial-gradient(circle 640px at var(--auth-x) var(--auth-y),rgba(255,255,255,.30),rgba(255,255,255,.135) 18%,rgba(255,255,255,.045) 42%,transparent 74%),
    radial-gradient(circle 920px at calc(var(--auth-x) + 14%) calc(var(--auth-y) + 18%),rgba(31,191,184,.11),rgba(31,191,184,.045) 38%,transparent 78%),
    #000!important;
  background-color:#000!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
html body .auth.auth-v2::before,
html[data-theme] body .auth.auth-v2::before,
html body .auth.auth-v2 .auth-brand::before,
html[data-theme] body .auth.auth-v2 .auth-brand::before{
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
}
html body .auth.auth-v2::after,
html[data-theme] body .auth.auth-v2::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-1px!important;
  pointer-events:none!important;
  z-index:0!important;
  background:
    radial-gradient(circle 560px at var(--auth-x) var(--auth-y),rgba(255,255,255,.28),rgba(255,255,255,.105) 28%,transparent 70%),
    radial-gradient(circle 860px at var(--auth-x) var(--auth-y),rgba(31,191,184,.13),rgba(31,191,184,.050) 44%,transparent 82%)!important;
  opacity:.96!important;
  mix-blend-mode:screen!important;
}
html body .auth.auth-v2 > *,
html[data-theme] body .auth.auth-v2 > *{
  position:relative!important;
  z-index:1!important;
}
html body .overlay.org-pick-overlay,
html[data-theme] body .overlay.org-pick-overlay,
html body .overlay:has(.org-pick-modal),
html[data-theme] body .overlay:has(.org-pick-modal),
html body .overlay:has(.org-simple-pick),
html[data-theme] body .overlay:has(.org-simple-pick),
html body .overlay:has(.org-pick-list),
html[data-theme] body .overlay:has(.org-pick-list){
  background:rgba(0,0,0,.34)!important;
  padding:12px 0!important;
  align-items:flex-start!important;
  justify-content:center!important;
}
html body .modal.org-pick-modal,
html[data-theme] body .modal.org-pick-modal,
html body .modal:has(.org-simple-pick),
html[data-theme] body .modal:has(.org-simple-pick),
html body .modal:has(.org-pick-list),
html[data-theme] body .modal:has(.org-pick-list){
  width:min(390px,calc(100vw - 22px))!important;
  min-width:min(290px,calc(100vw - 22px))!important;
  max-width:min(390px,calc(100vw - 22px))!important;
  max-height:calc(100dvh - 28px)!important;
  overflow:hidden!important;
  color:#f4f4f1!important;
  background:rgba(5,5,5,.70)!important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:16px!important;
  box-shadow:0 34px 96px -58px rgba(0,0,0,.98),inset 0 1px 0 rgba(255,255,255,.070)!important;
  -webkit-backdrop-filter:blur(30px) saturate(1.10)!important;
  backdrop-filter:blur(30px) saturate(1.10)!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-11-shared-cross-surface-004-slice-11-part-01-seg-02-html-data-theme-body-app-micro-02.css */


/* >>> runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-11-organization-005-slice-11-part-02-seg-01-html-data-theme-body-app-fine-02-short-01.css */

html body .org-pick-modal .org-pick-person .avatar,
html[data-theme] body .org-pick-modal .org-pick-person .avatar,
html body .modal:has(.org-simple-pick) .org-pick-person .avatar,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-person .avatar,
html body .modal:has(.org-pick-list) .org-pick-person .avatar,
html[data-theme] body .modal:has(.org-pick-list) .org-pick-person .avatar{
  position:relative!important;
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  font-size:.66rem!important;
  overflow:visible!important;
}
.org-account-avatar{
  position:absolute!important;
  right:-3px!important;
  bottom:-3px!important;
  width:13px!important;
  height:13px!important;
  min-width:13px!important;
  font-size:.42rem!important;
}
html body .org-pick-modal .org-pick-dept::before,
html[data-theme] body .org-pick-modal .org-pick-dept::before,
html body .org-pick-modal .org-pick-dept>.org-pick-row::before,
html[data-theme] body .org-pick-modal .org-pick-dept>.org-pick-row::before,
html body .org-pick-modal .org-pick-person::before,
html[data-theme] body .org-pick-modal .org-pick-person::before,
html body .modal:has(.org-simple-pick) .org-pick-dept::before,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-dept::before,
html body .modal:has(.org-simple-pick) .org-pick-dept>.org-pick-row::before,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-dept>.org-pick-row::before,
html body .modal:has(.org-simple-pick) .org-pick-person::before,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-person::before{
  content:none!important;
  display:none!important;
}
html body .org-pick-modal .org-pick-empty-member,
html[data-theme] body .org-pick-modal .org-pick-empty-member,
html body .modal:has(.org-simple-pick) .org-pick-empty-member,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-empty-member,
html body .modal:has(.org-pick-list) .org-pick-empty-member,
html[data-theme] body .modal:has(.org-pick-list) .org-pick-empty-member{
  min-height:26px!important;
  padding:5px 4px 5px calc(28px + var(--depth,0) * 14px)!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:rgba(244,244,241,.42)!important;
}
html body .org-pick-modal .m-foot .btn.primary,
html[data-theme] body .org-pick-modal .m-foot .btn.primary,
html body .modal:has(.org-simple-pick) .m-foot .btn.primary,
html[data-theme] body .modal:has(.org-simple-pick) .m-foot .btn.primary,
html body .modal:has(.org-pick-list) .m-foot .btn.primary,
html[data-theme] body .modal:has(.org-pick-list) .m-foot .btn.primary{
  width:100%!important;
  height:32px!important;
  justify-content:center!important;
  border:0!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.075)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09)!important;
  font-size:var(--mc-type-body-control,.82rem)!important;
  font-weight:560!important;
}
html body .org-pick-modal .m-foot .btn.primary.picked,
html[data-theme] body .org-pick-modal .m-foot .btn.primary.picked,
html body .modal:has(.org-simple-pick) .m-foot .btn.primary.picked,
html[data-theme] body .modal:has(.org-simple-pick) .m-foot .btn.primary.picked,
html body .modal:has(.org-pick-list) .m-foot .btn.primary.picked,
html[data-theme] body .modal:has(.org-pick-list) .m-foot .btn.primary.picked{
  background:linear-gradient(180deg,rgba(34,197,94,.88),rgba(22,163,74,.78))!important;
}
:root{
  --mc-z-page-head:120;
  --mc-z-topbar:420;
  --mc-z-modal:700000;
  --mc-z-modal-panel:700020;
  --mc-z-notif-backdrop:900000;
  --mc-z-notif:900020;
}
html body #modal,
html[data-theme] body #modal{
  position:relative!important;
  z-index:var(--mc-z-modal)!important;
}
html body .overlay,
html[data-theme] body .overlay,
html body .mp-overlay,
html[data-theme] body .mp-overlay,
html body .mobile-fullscreen-overlay,
html[data-theme] body .mobile-fullscreen-overlay{
  z-index:var(--mc-z-modal)!important;
}
html body .modal,
html[data-theme] body .modal,
html body .org-pick-modal,
html[data-theme] body .org-pick-modal,
html body .mobile-fullscreen-modal,
html[data-theme] body .mobile-fullscreen-modal{
  z-index:var(--mc-z-modal-panel)!important;
}
html body .app>.topbar,
html[data-theme] body .app>.topbar,
html body .topbar,
html[data-theme] body .topbar{
  z-index:var(--mc-z-topbar)!important;
}

/* <<< runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-11-organization-005-slice-11-part-02-seg-01-html-data-theme-body-app-fine-02-short-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-11-application-layout-006-slice-11-part-02-seg-01-html-data-theme-body-app-fine-03.css */

html body .app .layout>.main>.page-head,
html[data-theme] body .app .layout>.main>.page-head,
html body .app .layout>.main.page-networkDiag .nd-page-head,
html[data-theme] body .app .layout>.main.page-networkDiag .nd-page-head,
html body :where(.settings-modern-head,.att-rule-top,.att-rule-topline,.workbench-unified-head,.live-room-head,.tpl-card-main),
html[data-theme] body :where(.settings-modern-head,.att-rule-top,.att-rule-topline,.workbench-unified-head,.live-room-head,.tpl-card-main){
  z-index:var(--mc-z-page-head)!important;
}
@media(max-width:860px){
  html body .main.page-system .settings-modern-head,
  html[data-theme] body .main.page-system .settings-modern-head{
    align-items:flex-start!important;
    flex-direction:column!important;
    padding:18px!important;
  }
  html body .main.page-system .sys-grid,
  html[data-theme] body .main.page-system .sys-grid,
  html body .main.page-system .office-form,
  html[data-theme] body .main.page-system .office-form{
    grid-template-columns:1fr!important;
  }
  html body .main.page-system .office-form>*,
  html[data-theme] body .main.page-system .office-form>*{
    grid-column:1 / -1!important;
  }
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .notif-drop,
  html[data-theme] body .notif-drop{
    top:48px!important;
    right:8px!important;
    left:8px!important;
    width:auto!important;
  }
  html body .app .layout>.main>.page-head,
  html[data-theme] body .app .layout>.main>.page-head{
    min-height:44px!important;
    padding:8px 10px!important;
  }
}

/* Unified punch model: workbench + attendance use the same button interior and state styling. */
html body .main.page-workbench :where(.workbench-punch-slot,.work-punch-stage,.work-punch-hero),
html body .main.page-attendance :where(#punchBox,.attendance-panel.att-compact-main){
 background:transparent!important;
 background-image:none!important;
 border:0!important;
 outline:0!important;
 box-shadow:none!important;
}
html body .main.page-workbench .work-punch-stage{
 min-height:284px!important;
 padding:4px 0 2px!important;
 overflow:visible!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-11-application-layout-006-slice-11-part-02-seg-01-html-data-theme-body-app-fine-03.css */


/* >>> runtime/legacy/styles/blocks/attendance/rules/compatibility-layout/001-base-slice-11-attendance-007-slice-11-part-02-seg-02-html-data-theme-body-app-micro-01-unit-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-11-part-02-html-data-theme-body-app.css. Keep import order stable. */
html body .main.page-attendance #punchBox{
 padding:8px 10px 10px!important;
}
html body :where(.main.page-workbench .work-punch-stage,.main.page-attendance .att-punch-zone) .punch-orb,
html body .main.page-attendance .attendance-orb{
 --mc-punch-grad:linear-gradient(135deg,#0b5f86 0%,#0f7fae 52%,#18a6bd 100%);
 --mc-punch-glow:rgba(24,166,189,.30);
 width:202px!important;
 height:202px!important;
 border:1px solid rgba(255,255,255,.13)!important;
 outline:0!important;
 border-radius:26px!important;
 padding:17px 16px!important;
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:center!important;
 gap:4px!important;
 color:#f8fafc!important;
 text-align:center!important;
 background:var(--mc-punch-grad)!important;
 background-image:var(--mc-punch-grad)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -28px 46px rgba(2,6,23,.20),0 22px 46px -38px rgba(0,0,0,.88),0 0 38px -26px var(--mc-punch-glow)!important;
 text-shadow:0 9px 20px rgba(0,0,0,.38)!important;
 position:relative!important;
 overflow:hidden!important;
 transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
}
html body :where(.main.page-workbench .work-punch-stage,.main.page-attendance .att-punch-zone) .punch-orb:hover,
html body .main.page-attendance .attendance-orb:hover{
 z-index:var(--mc-model-lift-z,80)!important;
 transform:translateY(var(--mc-model-lift-y-card,-3px)) scale(1.018)!important;
 filter:saturate(1.04) brightness(1.02)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -30px 50px rgba(2,6,23,.21),0 28px 56px -38px rgba(0,0,0,.92),0 0 48px -24px var(--mc-punch-glow)!important;
}
html body :where(.main.page-workbench .work-punch-stage,.main.page-attendance .att-punch-zone) .punch-orb::before,
html body .main.page-attendance .attendance-orb::before{
 content:""!important;
 position:absolute!important;
 inset:0!important;
 border-radius:inherit!important;
 border:0!important;
 background:radial-gradient(circle at 16% 12%,rgba(255,255,255,.27),transparent 31%),radial-gradient(circle at 76% 86%,rgba(255,255,255,.10),transparent 42%),linear-gradient(120deg,rgba(255,255,255,.16),transparent 47%,rgba(255,255,255,.10))!important;
 opacity:.78!important;
 box-shadow:none!important;
 pointer-events:none!important;
}
html body :where(.main.page-workbench .work-punch-stage,.main.page-attendance .att-punch-zone) .punch-orb::after,
html body .main.page-attendance .attendance-orb::after{
 content:""!important;
 display:block!important;
 position:absolute!important;
 inset:auto!important;
 top:-22px!important;
 right:-20px!important;
 width:118px!important;
 height:118px!important;
 border:0!important;
 border-radius:24px!important;
 background:repeating-linear-gradient(0deg,rgba(255,255,255,.62) 0 1px,transparent 1px 13px),repeating-linear-gradient(90deg,rgba(255,255,255,.48) 0 1px,transparent 1px 13px)!important;
 opacity:.18!important;
 transform:rotate(13deg)!important;
 animation:none!important;
 pointer-events:none!important;
}
@keyframes punchSheen{0%,55%{transform:translateX(-64%) rotate(8deg);opacity:0}72%{opacity:.42}100%{transform:translateX(64%) rotate(8deg);opacity:0}}
html body :where(.main.page-workbench .work-punch-stage,.main.page-attendance .att-punch-zone) .punch-orb.danger,
html body .main.page-attendance .attendance-orb.danger{
 --mc-punch-grad:linear-gradient(135deg,#7f1d1d 0%,#b32636 52%,#d34a59 100%);
 --mc-punch-glow:rgba(211,74,89,.34);
}
html body :where(.main.page-workbench .work-punch-stage,.main.page-attendance .att-punch-zone) .punch-orb.warn,
html body .main.page-attendance .attendance-orb.warn{
 --mc-punch-grad:linear-gradient(135deg,#7f1d1d 0%,#b32636 52%,#d34a59 100%);
 --mc-punch-glow:rgba(211,74,89,.34);
}
html body :where(.main.page-workbench .work-punch-stage,.main.page-attendance .att-punch-zone) .punch-orb.checked,
html body :where(.main.page-workbench .work-punch-stage,.main.page-attendance .att-punch-zone) .punch-orb.checkedin,
html body .main.page-attendance .attendance-orb.checked,
html body .main.page-attendance .attendance-orb.checkedin{
 --mc-punch-grad:linear-gradient(135deg,#076b3b 0%,#0c9b5a 52%,#22c77b 100%);
 --mc-punch-glow:rgba(34,199,123,.32);
}
html body :where(.main.page-workbench .work-punch-stage,.main.page-attendance .att-punch-zone) .punch-orb.done,
html body .main.page-attendance .attendance-orb.done{
 --mc-punch-grad:linear-gradient(135deg,#076b3b 0%,#0c9b5a 52%,#22c77b 100%);
 --mc-punch-glow:rgba(34,199,123,.32);
}
html body :where(.main.page-workbench .work-punch-stage,.main.page-attendance .att-punch-zone) .punch-orb.nonwork,
html body .main.page-attendance .attendance-orb.nonwork{
 --mc-punch-grad:linear-gradient(135deg,#17344f 0%,#1f5b7a 54%,#2b7f91 100%);
 --mc-punch-glow:rgba(43,127,145,.24);
}

/* <<< runtime/legacy/styles/blocks/attendance/rules/compatibility-layout/001-base-slice-11-attendance-007-slice-11-part-02-seg-02-html-data-theme-body-app-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/attendance/rules/compatibility-layout/001-base-slice-11-attendance-008-slice-11-part-02-seg-02-html-data-theme-body-app-micro-01-unit-02.css */

html body .punch-orb :where(.orb-person,.orb-dept,.orb-time,.orb-sub,.orb-meta,.orb-tiny),
html body .attendance-orb :where(.orb-person,.orb-dept,.orb-time,.orb-sub,.orb-meta,.orb-tiny){
 position:relative!important;
 z-index:2!important;
 max-width:92%!important;
 white-space:nowrap!important;
 overflow:hidden!important;
 text-overflow:ellipsis!important;
 line-height:1.08!important;
}
html body .punch-orb .orb-person,
html body .attendance-orb .orb-person{
 font-size:.86rem!important;
 font-weight:860!important;
 color:#fff!important;
 letter-spacing:.01em!important;
}
html body .punch-orb .orb-dept,
html body .attendance-orb .orb-dept{
 font-size:.62rem!important;
 font-weight:760!important;
 color:rgba(255,255,255,.74)!important;
 margin-bottom:5px!important;
}
html body .punch-orb .orb-time,
html body .attendance-orb .orb-time{
 font-family:var(--mono)!important;
 font-size:1.86rem!important;
 font-weight:900!important;
 letter-spacing:0!important;
 color:#fff!important;
}
html body .punch-orb .orb-sub,
html body .attendance-orb .orb-sub{
 font-size:var(--mc-type-emphasized-body,.82rem)!important;
 font-weight:900!important;
 margin-top:4px!important;
 color:#e0f2fe!important;
}

/* <<< runtime/legacy/styles/blocks/attendance/rules/compatibility-layout/001-base-slice-11-attendance-008-slice-11-part-02-seg-02-html-data-theme-body-app-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-11-shared-cross-surface-009-slice-11-part-02-seg-02-html-data-theme-body-app-micro-02-unit-01.css */

html body .punch-orb .orb-meta,
html body .attendance-orb .orb-meta{
 font-size:.64rem!important;
 font-weight:760!important;
 color:rgba(255,255,255,.76)!important;
 margin-top:2px!important;
}
html body .punch-orb .orb-tiny,
html body .attendance-orb .orb-tiny{
 font-size:.58rem!important;
 font-weight:760!important;
 color:rgba(255,255,255,.56)!important;
 margin-top:1px!important;
 font-family:var(--mono)!important;
}
html body :where(.punch-orb.danger,.attendance-orb.danger) :where(.orb-sub,.orb-meta){
 color:#fecaca!important;
}
html body :where(.punch-orb.checked,.punch-orb.checkedin,.attendance-orb.checked,.attendance-orb.checkedin) :where(.orb-sub,.orb-meta){
 color:#bbf7d0!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 html body :where(.main.page-workbench .work-punch-stage,.main.page-attendance .att-punch-zone) .punch-orb,
 html body .main.page-attendance .attendance-orb{
  width:158px!important;
  height:158px!important;
  border-radius:24px!important;
  padding:12px 11px!important;
 }
 html body .punch-orb .orb-person,
 html body .attendance-orb .orb-person{font-size:.74rem!important}
 html body .punch-orb .orb-dept,
 html body .attendance-orb .orb-dept{font-size:.54rem!important;margin-bottom:3px!important}
 html body .punch-orb .orb-time,
 html body .attendance-orb .orb-time{font-size:1.34rem!important}
 html body .punch-orb .orb-sub,
 html body .attendance-orb .orb-sub{font-size:.65rem!important;margin-top:3px!important}
 html body .punch-orb .orb-meta,
 html body .attendance-orb .orb-meta{font-size:.56rem!important}
 html body .punch-orb .orb-tiny,
 html body .attendance-orb .orb-tiny{font-size:.50rem!important}
 html body .main.page-workbench .work-punch-stage{height:auto!important;min-height:190px!important;padding:2px 0!important}
 html body .main.page-attendance #punchBox{padding:6px!important}
}
html[data-theme] body .app .layout > .main.page-workbench :where(.workbench-punch-slot,.work-punch-stage,.work-punch-hero),
html body .app .layout > .main.page-workbench :where(.workbench-punch-slot,.work-punch-stage,.work-punch-hero),
html[data-theme] body .app .layout > .main.page-attendance :where(#punchBox,.attendance-panel.att-compact-main),
html body .app .layout > .main.page-attendance :where(#punchBox,.attendance-panel.att-compact-main){
 background:transparent!important;
 background-image:none!important;
 border:0!important;
 border-color:transparent!important;
 outline:0!important;
 box-shadow:none!important;
}
html[data-theme] body .app .layout > .main :where(.punch-orb.danger,.attendance-orb.danger) :where(.orb-sub,.orb-meta),
html body .app .layout > .main :where(.punch-orb.danger,.attendance-orb.danger) :where(.orb-sub,.orb-meta){
 color:#fecaca!important;
 -webkit-text-fill-color:#fecaca!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.danger .orb-sub,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.danger .orb-meta,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb.danger .orb-sub,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb.danger .orb-meta,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.danger .orb-sub,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.danger .orb-meta,
html body .app .layout > .main.page-attendance .attendance-orb.danger .orb-sub,
html body .app .layout > .main.page-attendance .attendance-orb.danger .orb-meta{
 color:#fecaca!important;
 -webkit-text-fill-color:#fecaca!important;
}
html[data-theme] body .app .layout > .main :where(.punch-orb.checked,.punch-orb.checkedin,.attendance-orb.checked,.attendance-orb.checkedin) :where(.orb-sub,.orb-meta),
html body .app .layout > .main :where(.punch-orb.checked,.punch-orb.checkedin,.attendance-orb.checked,.attendance-orb.checkedin) :where(.orb-sub,.orb-meta){
 color:#bbf7d0!important;
 -webkit-text-fill-color:#bbf7d0!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checked .orb-sub,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checked .orb-meta,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checkedin .orb-sub,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checkedin .orb-meta,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb.checked .orb-sub,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb.checked .orb-meta,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb.checkedin .orb-sub,
html[data-theme] body .app .layout > .main.page-attendance .attendance-orb.checkedin .orb-meta,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checked .orb-sub,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checked .orb-meta,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checkedin .orb-sub,
html body .app .layout > .main.page-workbench .work-punch-stage .punch-orb.checkedin .orb-meta,
html body .app .layout > .main.page-attendance .attendance-orb.checked .orb-sub,
html body .app .layout > .main.page-attendance .attendance-orb.checked .orb-meta,
html body .app .layout > .main.page-attendance .attendance-orb.checkedin .orb-sub,
html body .app .layout > .main.page-attendance .attendance-orb.checkedin .orb-meta{
 color:#bbf7d0!important;
 -webkit-text-fill-color:#bbf7d0!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-11-shared-cross-surface-009-slice-11-part-02-seg-02-html-data-theme-body-app-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-11-application-layout-010-slice-11-part-02-seg-02-html-data-theme-body-app-micro-02-unit-02.css */

html[data-theme] body .app .layout > .main.page-records .att-self-content,
html body .app .layout > .main.page-records .att-self-content{
  grid-template-columns:minmax(620px,690px) minmax(280px,360px)!important;
  gap:26px!important;
  align-items:start!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-calendar-col,
html body .app .layout > .main.page-records .att-self-calendar-col{
  width:min(100%,690px)!important;
  justify-self:start!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-summary-panel,
html body .app .layout > .main.page-records .att-month-summary-panel{
  width:min(100%,360px)!important;
  justify-self:start!important;
}
html[data-theme] body .app .layout > .main.page-records .att-month-summary-grid,
html body .app .layout > .main.page-records .att-month-summary-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px 14px!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-calendar,
html body .app .layout > .main.page-records .att-self-calendar{
  gap:8px!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day,
html body .app .layout > .main.page-records .att-self-day{
  min-height:84px!important;
  height:84px!important;
  padding:8px 9px 7px!important;
  grid-template-rows:auto auto minmax(12px,auto) auto!important;
  gap:4px!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day b,
html body .app .layout > .main.page-records .att-self-day b{
  font-size:.86rem!important;
  line-height:1!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-11-application-layout-010-slice-11-part-02-seg-02-html-data-theme-body-app-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-11-application-layout-011-slice-11-part-02-seg-02-html-data-theme-body-app-micro-03.css */

html[data-theme] body .app .layout > .main.page-records .att-self-day small,
html body .app .layout > .main.page-records .att-self-day small{
  font-size:.62rem!important;
  line-height:1.12!important;
}
html[data-theme] body .app .layout > .main.page-records .att-day-badges,
html body .app .layout > .main.page-records .att-day-badges{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
  overflow:hidden!important;
}
html[data-theme] body .app .layout > .main.page-records .att-day-badge,
html body .app .layout > .main.page-records .att-day-badge{
  display:inline-flex!important;
  align-items:center!important;
  max-width:46px!important;
  height:15px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  font-style:normal!important;
  font-size:.52rem!important;
  line-height:15px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:rgba(244,244,241,.92)!important;
  background:rgba(255,255,255,.09)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-day-badge.join,
html body .app .layout > .main.page-records .att-day-badge.join{background:rgba(22,163,74,.22)!important;color:#bbf7d0!important}
html[data-theme] body .app .layout > .main.page-records .att-day-badge.leave,
html body .app .layout > .main.page-records .att-day-badge.leave{background:rgba(185,28,28,.24)!important;color:#fecaca!important}
html[data-theme] body .app .layout > .main.page-records .att-day-badge.note,
html body .app .layout > .main.page-records .att-day-badge.note{background:rgba(255,255,255,.13)!important;color:#f4f4f1!important}
html[data-theme] body .app .layout > .main.page-records .att-day-note,
html body .app .layout > .main.page-records .att-day-note{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:rgba(244,244,241,.54)!important;
  font-size:.55rem!important;
  line-height:1.1!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-11-application-layout-011-slice-11-part-02-seg-02-html-data-theme-body-app-micro-03.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-11-shared-cross-surface-012-slice-11-part-03-seg-02-html-data-theme-body-app-short-02.css */

html body #modal .att-date-note-field textarea:hover,
html body #modal .att-date-note-field textarea:focus{
  border-color:rgba(var(--att-day-rgb),.62)!important;
  outline:0!important;
}
@media(max-width:720px){
  html body #modal .att-date-top{
    grid-template-columns:1fr!important;
    align-items:start!important;
    min-height:0!important;
  }
  html body #modal .att-date-top em{
    justify-self:start!important;
  }
  html body #modal .att-date-summary-grid,
  html body #modal .att-date-summary-grid.daily{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body #modal .att-date-timeline,
  html body #modal .att-date-link-row{
    grid-template-columns:1fr!important;
  }
  html body #modal .att-date-link-row em{
    display:none!important;
  }
  html body #modal .att-date-compact-note{
    grid-template-columns:1fr!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-11-shared-cross-surface-012-slice-11-part-03-seg-02-html-data-theme-body-app-short-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility/001-base-slice-11-enterprise-entry.css */

/* Enterprise compatibility entry. Ordered semantic owners preserve the original slice-11 cascade. */

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility/001-base-slice-11-enterprise-entry.css */


/* >>> runtime/legacy/styles/blocks/overlays/application-layout/effects/001-base-slice-11-part-01-seg-01-html-data-theme-body-app-fine-01-short-02.css */

html[data-theme] body,
html[data-theme] body #root,
html[data-theme] body .app,
html body,
html body #root,
html body .app{
  --mc-shell-surface:#080b09;
  --mc-shell-surface-2:#101913;
  --mc-shell-surface-3:#020303;
  --mc-content-deep:#151615;
  --mc-content-deep-2:#1a1b19;
  --mc-content-panel:rgba(255,255,255,.068);
  --mc-content-panel-2:rgba(255,255,255,.036);
  --mc-content-line:rgba(255,255,255,.088);
  --mc-glass-btn:rgba(255,255,255,.034);
  --mc-glass-btn-hover:rgba(255,255,255,.072);
  --mc-glass-btn-line:rgba(255,255,255,.15);
  --text:#f4f4f1;
  --soft:#aaaea8;
  --line:rgba(255,255,255,.082);
  --panel:var(--mc-content-panel);
  --chip:rgba(255,255,255,.060);
  color:#f4f4f1!important;
  background:
    radial-gradient(900px 520px at 9% 106%,rgba(43,76,59,.42),transparent 72%),
    radial-gradient(680px 380px at 4% -10%,rgba(148,166,154,.18),transparent 70%),
    radial-gradient(520px 340px at 34% 8%,rgba(255,255,255,.055),transparent 74%),
    linear-gradient(148deg,var(--mc-shell-surface-3) 0%,var(--mc-shell-surface) 34%,var(--mc-shell-surface-2) 68%,#030403 100%)!important;
}
html[data-theme] body .app,
html body .app{
  background:
    radial-gradient(900px 520px at 8% 108%,rgba(43,76,59,.38),transparent 72%),
    radial-gradient(720px 390px at 4% -12%,rgba(148,166,154,.16),transparent 72%),
    linear-gradient(148deg,var(--mc-shell-surface-3) 0%,var(--mc-shell-surface) 34%,var(--mc-shell-surface-2) 68%,#030403 100%)!important;
}
html[data-theme] body .app::before,
html body .app::before{
  content:""!important;
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.034),transparent 38%),
    radial-gradient(760px 360px at 9% 0%,rgba(255,255,255,.08),transparent 72%),
    radial-gradient(620px 460px at 0% 90%,rgba(36,74,55,.34),transparent 74%),
    linear-gradient(148deg,rgba(2,3,3,.98),rgba(16,25,19,.90) 64%,rgba(3,4,3,.98))!important;
  -webkit-backdrop-filter:blur(26px) saturate(1.12)!important;
  backdrop-filter:blur(26px) saturate(1.12)!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/application-layout/effects/001-base-slice-11-part-01-seg-01-html-data-theme-body-app-fine-01-short-02.css */


/* >>> runtime/legacy/styles/blocks/overlays/application-layout/effects/001-base-slice-11-part-01-seg-01-html-data-theme-body-app-fine-03.css */

html[data-theme] body .app .layout > .side .nav,
html[data-theme=dark] body .app .layout > .side .nav,
html[data-theme=light] body .app .layout > .side .nav,
html body .app .layout > .side .nav,
html[data-theme] body .app .layout > .side:not(.collapsed) .nav,
html body .app .layout > .side:not(.collapsed) .nav,
html[data-theme] body .app .layout > .side.collapsed .nav,
html body .app .layout > .side.collapsed .nav{
  position:relative!important;
  isolation:isolate!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  transition:background .14s ease,box-shadow .14s ease,color .14s ease!important;
}
html[data-theme] body .app .layout > .side .nav::before,
html[data-theme] body .app .layout > .side .nav::after,
html body .app .layout > .side .nav::before,
html body .app .layout > .side .nav::after{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}
html[data-theme] body .app .layout > .main.page-liveRooms,
html body .app .layout > .main.page-liveRooms{
  --brand:#b8b8b8;
  --brand-dark:#7d7d7d;
  --brand-soft:rgba(255,255,255,.070);
  --accent:#a8a8a8;
  --info:#a8a8a8;
  --mc-content-panel:rgba(255,255,255,.050);
  --mc-content-panel-2:rgba(255,255,255,.028);
  --mc-content-line:rgba(255,255,255,.070);
  background:
    radial-gradient(920px 420px at 76% -18%,rgba(255,255,255,.032),transparent 72%),
    linear-gradient(180deg,#171817 0%,#0f100f 100%)!important;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.060)!important;
}
html[data-theme] body .app .layout > .main.page-liveRooms :where(.live-room-shell,.live-room-toolbar,.live-room-layout),
html body .app .layout > .main.page-liveRooms :where(.live-room-shell,.live-room-toolbar,.live-room-layout){
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme] body .app .layout > .main.page-liveRooms :where(.live-room-head,.live-room-stage-wrap,.live-room-side .panel,.live-edit-panel,.live-building-overview),

/* <<< runtime/legacy/styles/blocks/overlays/application-layout/effects/001-base-slice-11-part-01-seg-01-html-data-theme-body-app-fine-03.css */


/* >>> runtime/legacy/styles/blocks/overlays/application-layout/effects/001-base-slice-11-part-01-seg-02-html-data-theme-body-app-micro-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-11-part-01-html-data-theme-body-app.css. Keep import order stable. */
html body .app .layout > .main.page-liveRooms :where(.live-room-head,.live-room-stage-wrap,.live-room-side .panel,.live-edit-panel,.live-building-overview){
  color:#f3f3f0!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.060),rgba(255,255,255,.030))!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.04)!important;
  backdrop-filter:blur(20px) saturate(1.04)!important;
}
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-head,
html body .app .layout > .main.page-liveRooms .live-room-head{
  background:linear-gradient(180deg,rgba(255,255,255,.066),rgba(255,255,255,.034))!important;
  border-color:rgba(255,255,255,.082)!important;
}
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-stage-wrap,
html body .app .layout > .main.page-liveRooms .live-room-stage-wrap{
  background:
    radial-gradient(circle at 22% 14%,rgba(255,255,255,.034),transparent 34%),
    linear-gradient(180deg,rgba(22,23,22,.72),rgba(10,11,10,.58))!important;
  border-color:rgba(255,255,255,.070)!important;
}
html[data-theme] body .app .layout > .main.page-liveRooms :where(.live-room-head h1,.live-building-overview h3,.live-room-side h3),
html body .app .layout > .main.page-liveRooms :where(.live-room-head h1,.live-building-overview h3,.live-room-side h3){
  color:#f5f5f2!important;
}
html[data-theme] body .app .layout > .main.page-liveRooms :where(.live-room-head p,.live-floor-overview-row small,.live-floor-summary-values em,.live-building-overview small,.live-building-total-strip span),
html body .app .layout > .main.page-liveRooms :where(.live-room-head p,.live-floor-overview-row small,.live-floor-summary-values em,.live-building-overview small,.live-building-total-strip span){
  color:#aaa9a5!important;
}
html[data-theme] body .app .layout > .main.page-liveRooms :where(.live-room-actions .btn,.live-room-actions .btn.primary,.live-room-crumbs button,.live-room-zoom-row input[type=range],.live-number-slider input[type=range],.live-edit-range input[type=range]),
html body .app .layout > .main.page-liveRooms :where(.live-room-actions .btn,.live-room-actions .btn.primary,.live-room-crumbs button,.live-room-zoom-row input[type=range],.live-number-slider input[type=range],.live-edit-range input[type=range]){
  accent-color:#a8a8a8!important;
}
html[data-theme] body .app .layout > .main.page-liveRooms :where(.live-room-actions .btn.primary,.live-room-actions .btn:hover,.live-room-crumbs button.active,.live-floor-row:hover,.live-floor-row.active,.live-room-mini:hover,.live-room-mini.active,.live-device-palette button:hover,.live-edit-floors button.active,.live-edit-room-dot:hover,.live-building-tab:hover,.live-building-tab.active),
html body .app .layout > .main.page-liveRooms :where(.live-room-actions .btn.primary,.live-room-actions .btn:hover,.live-room-crumbs button.active,.live-floor-row:hover,.live-floor-row.active,.live-room-mini:hover,.live-room-mini.active,.live-device-palette button:hover,.live-edit-floors button.active,.live-edit-room-dot:hover,.live-building-tab:hover,.live-building-tab.active){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:rgba(255,255,255,.082)!important;
  border-color:rgba(255,255,255,.090)!important;
  box-shadow:none!important;
}
html[data-theme] body .app .layout > .main.page-liveRooms .live-bar-fill,
html body .app .layout > .main.page-liveRooms .live-bar-fill{
  background:linear-gradient(90deg,#00ff00,#a8a8a8)!important;
}
html[data-theme] body .app .layout > .main.page-liveRooms :where(.live-dot.idle,.live-room-net-led,.live-room-net-led.idle),
html body .app .layout > .main.page-liveRooms :where(.live-dot.idle,.live-room-net-led,.live-room-net-led.idle){
  background:#9a9a9a!important;
}
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-bar::before,
html body .app .layout > .main.page-liveRooms .live-room-bar::before{
  background:var(--live-room-color,#9a9a9a)!important;
}
.live-building-overview{display:grid;gap:11px;padding:13px!important;border-radius:16px!important;min-height:0}
.live-building-overview-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.live-building-overview-head h3{margin:0;font-size:.98rem;letter-spacing:0}
.live-building-overview-head small{display:block;margin-top:2px;font-size:.70rem;line-height:1.25}
.live-building-overview-head b{font-family:var(--mono);font-size:.88rem;color:#f3f3f0;font-weight:780}
.live-building-total-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.live-building-total-strip span{display:grid;gap:2px;border:0;border-radius:10px;background:rgba(255,255,255,.040);padding:8px 8px;font-size:.68rem;line-height:1.15}
.live-building-total-strip b{font-size:.96rem;color:#f4f4f1;font-family:var(--mono);line-height:1}
.live-building-total-strip small{font-size:.57rem;color:rgba(244,244,241,.48);line-height:1;white-space:nowrap}
.live-floor-overview-list{display:grid;gap:11px;max-height:min(520px,calc(100dvh - 300px));overflow:auto;padding-right:2px;padding-bottom:10px}
.live-floor-overview-row{width:100%;border:0!important;border-radius:var(--mc-radius-control,8px)!important;background:linear-gradient(90deg,var(--live-floor-left-fill,rgba(47,191,130,.82)) 0%,var(--live-floor-left-fill,rgba(47,191,130,.82)) var(--live-floor-split,50%),var(--live-floor-right-fill,rgba(216,117,135,.72)) var(--live-floor-split,50%),var(--live-floor-right-fill,rgba(216,117,135,.72)) 100%)!important;background-image:linear-gradient(90deg,var(--live-floor-left-fill,rgba(47,191,130,.82)) 0%,var(--live-floor-left-fill,rgba(47,191,130,.82)) var(--live-floor-split,50%),var(--live-floor-right-fill,rgba(216,117,135,.72)) var(--live-floor-split,50%),var(--live-floor-right-fill,rgba(216,117,135,.72)) 100%)!important;color:#f3f3f0!important;padding:9px 0 0;display:grid;gap:0;text-align:left;cursor:pointer;box-shadow:none!important;transition:var(--mc-model-lift-transition);overflow:hidden!important;position:relative!important;border-bottom:1px solid rgba(255,255,255,.040)!important}
.live-floor-overview-row:hover{color:#f8f8f5!important;-webkit-text-fill-color:#f8f8f5!important;position:relative!important;z-index:var(--mc-model-lift-z,80)!important;transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important;filter:brightness(1.08) saturate(1.06)!important}
.live-floor-overview-row.active{color:#f8f8f5!important;-webkit-text-fill-color:#f8f8f5!important;position:relative!important;z-index:calc(var(--mc-model-lift-z,80) - 1)!important;transform:translateY(0) scale(1)!important;filter:brightness(1.05) saturate(1.04)!important}
.live-floor-overview-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:0 10px 8px}
.live-floor-count{min-width:0}.live-floor-count b{display:block;font-size:.92rem;color:#f6f6f3;line-height:1.15}.live-floor-count small{display:block;font-size:var(--mc-type-caption-meta,.68rem);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-floor-overview-room-total{display:grid;grid-template-columns:auto auto;grid-template-areas:"num label";align-items:center;justify-items:end;gap:0 5px;min-width:54px;font-size:var(--mc-type-emphasized-body,.82rem);color:#efefec;font-weight:780;line-height:1;white-space:nowrap}.live-floor-overview-room-total b{grid-area:num;font-family:var(--mono);font-size:1.06rem;line-height:1;color:#f4f4f1}.live-floor-overview-room-total small{grid-area:label;font-size:.62rem;color:rgba(244,244,241,.68)}
.live-floor-layer-detail{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;align-items:start!important}
.live-floor-layer-detail-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start!important;gap:4px!important;min-height:0!important;padding-top:6px!important;border-top:1px solid rgba(255,255,255,.060)!important}
.live-floor-layer-detail-row .live-floor-layer-room-lines{display:grid!important;grid-template-rows:repeat(2,minmax(1.1em,auto))!important;gap:2px!important;min-height:calc(2.2em + 2px)!important;line-height:1.1!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}
.live-floor-layer-room-line{display:block!important;min-width:0!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
.live-floor-summary-card{gap:7px}
.live-floor-summary-data{display:grid;gap:4px}
.live-floor-summary-line{display:grid;grid-template-columns:minmax(82px,.78fr) minmax(0,1.22fr);align-items:center;gap:8px;min-width:0}
.live-floor-summary-line>span:first-child{min-width:0;display:flex;align-items:baseline;gap:5px}
.live-floor-summary-line>span:first-child b{font-size:.66rem;color:#f5f5f2;line-height:1.1;white-space:nowrap}
.live-floor-summary-line>span:first-child small{font-size:.52rem;line-height:1;color:rgba(244,244,241,.42)}
.live-floor-summary-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-width:0}
.live-floor-summary-values em{min-width:0;font-style:normal;display:inline-flex;align-items:center;justify-content:flex-end;gap:3px;font-size:.58rem;line-height:1;white-space:nowrap}
.live-floor-summary-values em b{font-family:var(--mono);font-size:var(--mc-type-emphasized-body,.82rem);color:#f7f7f4;line-height:1}
.live-floor-summary-values i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;box-shadow:none!important}
.live-room-side .live-room-zoom-panel{padding:13px!important;border-radius:16px!important}
.live-room-device-panel{display:grid;gap:11px;min-width:0}
.live-device-add-head{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#d7d5ce;font-size:var(--mc-type-secondary-body,.76rem);font-weight:760}
.live-device-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.live-device-palette button{min-width:0;border:0;border-radius:12px;background:rgba(255,255,255,.042);color:#f3f3f0;padding:8px 6px;display:grid;gap:4px;place-items:center;cursor:pointer;transition:background .16s ease,transform .16s ease}
.live-device-palette button:hover{position:relative!important;z-index:var(--mc-model-lift-z,80)!important;transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important}
.live-device-palette i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.070);font-style:normal;font-size:var(--mc-type-caption-meta,.68rem);font-weight:820}
.live-device-palette b{font-size:.64rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.live-device-detail-list{display:grid;gap:0;max-height:min(520px,calc(100dvh - 395px));overflow:auto;padding-right:2px;border-top:1px solid rgba(255,255,255,.070)}
.live-device-detail-row{display:grid;grid-template-columns:minmax(136px,.9fr) minmax(0,1.8fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.065);background:transparent;box-shadow:none}
.live-device-detail-row:hover{background:rgba(255,255,255,.026)}
.live-device-detail-main{min-width:0;display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:center}
.live-device-detail-main>i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.060);font-style:normal;color:#fff;font-size:.62rem;font-weight:820}
.live-device-detail-main b{display:block;min-width:0;color:#f7f7f4;font-size:.74rem;line-height:1.16;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-device-detail-main small{display:block;min-width:0;color:#989690;font-size:.61rem;line-height:1.12;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}
.live-device-detail-fields{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px 11px;align-items:center}
.live-device-detail-fields span{min-width:0;display:grid;gap:2px}
.live-device-detail-fields em{font-style:normal;color:#85837d;font-size:.55rem;line-height:1}

.live-building-overview .live-floor-overview-row::before{content:none!important;display:none!important}.live-building-overview .live-floor-progress-fill{position:absolute!important;inset:0 auto 0 0!important;width:var(--live-floor-split,0%)!important;min-width:0!important;pointer-events:none!important;border-radius:inherit!important;background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.020) 42%,rgba(0,0,0,.10) 100%),linear-gradient(90deg,rgba(25,190,102,.50),rgba(56,238,142,.42) 58%,rgba(116,255,190,.30) 100%)!important;mix-blend-mode:normal!important;opacity:1!important;z-index:1!important;display:block!important}.live-building-overview .live-floor-overview-row>*:not(.live-floor-progress-fill){position:relative!important;z-index:2!important}.live-floor-split-panel{grid-template-columns:minmax(0,var(--live-floor-left-fr,1fr)) minmax(0,var(--live-floor-right-fr,1fr))!important}.live-floor-split-side.is-left{grid-column:1!important}.live-floor-split-side.is-right{grid-column:2!important}.live-building-overview .live-floor-split-status{justify-content:flex-start!important;gap:5px!important;min-width:0!important;width:max-content!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important}.live-building-overview .live-floor-split-side.is-right .live-floor-split-status{justify-content:flex-start!important;justify-self:end!important;flex-direction:row!important}.live-building-overview .live-floor-split-status b,.live-building-overview .live-floor-split-status em{flex:0 0 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:clip!important}.live-building-overview .live-floor-split-side.is-narrow .live-floor-layer-room-lines,.live-building-overview .live-floor-split-side.is-tiny .live-floor-split-status{display:none!important}
.live-building-overview .live-floor-layer-legend-summary{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px 11px!important;padding:2px 2px 3px!important;color:rgba(255,255,255,.78)!important}.live-building-overview .live-floor-layer-legend-title{color:rgba(255,255,255,.92)!important;font-size:var(--mc-type-compact-heading,.92rem)!important;font-weight:820!important;line-height:1!important;white-space:nowrap!important}.live-building-overview .live-floor-layer-legend-item{display:inline-flex!important;align-items:center!important;gap:4px!important;font-size:var(--mc-type-caption-meta,.68rem)!important;line-height:1!important;white-space:nowrap!important;color:rgba(255,255,255,.72)!important}.live-building-overview .live-floor-layer-legend-item i{width:7px!important;height:7px!important;flex:0 0 7px!important;border-radius:50%!important;box-shadow:none!important}.live-building-overview :is(.live-floor-layer-legend-item.off,.live-floor-layer-legend-item.idle) i{background:rgba(255,255,255,.30)!important;border-color:rgba(255,255,255,.16)!important}.live-building-overview .live-floor-layer-legend-item b{font-family:var(--mono);font-size:.76rem!important;font-weight:840!important;color:rgba(255,255,255,.92)!important;line-height:1!important}.live-building-overview .live-floor-layer-legend-item em{font-style:normal!important;color:rgba(255,255,255,.70)!important}.live-building-overview .live-floor-layer-legend-summary strong{margin-left:auto!important;color:rgba(255,255,255,.90)!important;font-size:.68rem!important;font-weight:780!important;line-height:1!important;white-space:nowrap!important}.live-building-overview .live-floor-overview-row{background:linear-gradient(180deg,rgba(255,255,255,.072),rgba(255,255,255,.030) 42%,rgba(0,0,0,.16) 100%),radial-gradient(circle at 18% 0,rgba(104,216,255,.075),transparent 42%),linear-gradient(0deg,rgba(255,255,255,.030),rgba(255,255,255,.018))!important;background-image:linear-gradient(180deg,rgba(255,255,255,.072),rgba(255,255,255,.030) 42%,rgba(0,0,0,.16) 100%),radial-gradient(circle at 18% 0,rgba(104,216,255,.075),transparent 42%),linear-gradient(0deg,rgba(255,255,255,.030),rgba(255,255,255,.018))!important;background-blend-mode:normal!important;backdrop-filter:blur(16px) saturate(1.12) contrast(1.02)!important;-webkit-backdrop-filter:blur(16px) saturate(1.12) contrast(1.02)!important;box-shadow:none!important}

/* <<< runtime/legacy/styles/blocks/overlays/application-layout/effects/001-base-slice-11-part-01-seg-02-html-data-theme-body-app-micro-01.css */


/* >>> runtime/legacy/styles/blocks/overlays/application-layout/effects/001-base-slice-11-part-01-seg-02-html-data-theme-body-app-micro-03.css */

html body .org-pick-modal :where(.m-head,.m-body,.m-foot),
html[data-theme] body .org-pick-modal :where(.m-head,.m-body,.m-foot),
html body .modal:has(.org-simple-pick) :where(.m-head,.m-body,.m-foot),
html[data-theme] body .modal:has(.org-simple-pick) :where(.m-head,.m-body,.m-foot),
html body .modal:has(.org-pick-list) :where(.m-head,.m-body,.m-foot),
html[data-theme] body .modal:has(.org-pick-list) :where(.m-head,.m-body,.m-foot){
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body .org-pick-modal .m-head,
html[data-theme] body .org-pick-modal .m-head,
html body .modal:has(.org-simple-pick) .m-head,
html[data-theme] body .modal:has(.org-simple-pick) .m-head,
html body .modal:has(.org-pick-list) .m-head,
html[data-theme] body .modal:has(.org-pick-list) .m-head{
  min-height:38px!important;
  padding:10px 12px 4px!important;
}
html body .org-pick-modal .m-body,
html[data-theme] body .org-pick-modal .m-body,
html body .modal:has(.org-simple-pick) .m-body,
html[data-theme] body .modal:has(.org-simple-pick) .m-body,
html body .modal:has(.org-pick-list) .m-body,
html[data-theme] body .modal:has(.org-pick-list) .m-body{
  padding:4px 10px 8px!important;
}
html body .org-pick-modal .m-foot,
html[data-theme] body .org-pick-modal .m-foot,
html body .modal:has(.org-simple-pick) .m-foot,
html[data-theme] body .modal:has(.org-simple-pick) .m-foot,
html body .modal:has(.org-pick-list) .m-foot,
html[data-theme] body .modal:has(.org-pick-list) .m-foot{
  padding:0 10px 10px!important;
}
html body .org-pick-modal .m-head h3,
html[data-theme] body .org-pick-modal .m-head h3,
html body .modal:has(.org-simple-pick) .m-head h3,
html[data-theme] body .modal:has(.org-simple-pick) .m-head h3,
html body .modal:has(.org-pick-list) .m-head h3,
html[data-theme] body .modal:has(.org-pick-list) .m-head h3{
  color:rgba(244,244,241,.88)!important;
  -webkit-text-fill-color:rgba(244,244,241,.88)!important;
  font-size:.9rem!important;
  line-height:1.2!important;
  font-weight:560!important;
}
html body .org-pick-modal .m-head .x,
html[data-theme] body .org-pick-modal .m-head .x,
html body .modal:has(.org-simple-pick) .m-head .x,
html[data-theme] body .modal:has(.org-simple-pick) .m-head .x,
html body .modal:has(.org-pick-list) .m-head .x,
html[data-theme] body .modal:has(.org-pick-list) .m-head .x{
  width:22px!important;
  height:22px!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(244,244,241,.52)!important;
}
html body .org-pick-modal .chips,
html[data-theme] body .org-pick-modal .chips,
html body .modal:has(.org-simple-pick) .chips,
html[data-theme] body .modal:has(.org-simple-pick) .chips,
html body .modal:has(.org-pick-list) .chips,
html[data-theme] body .modal:has(.org-pick-list) .chips{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:4px 8px!important;
  margin:0 0 7px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .org-pick-modal .org-pick-searchbar,
html[data-theme] body .org-pick-modal .org-pick-searchbar,
html body .modal:has(.org-simple-pick) .org-pick-searchbar,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-searchbar,
html body .modal:has(.org-pick-list) .org-pick-searchbar,
html[data-theme] body .modal:has(.org-pick-list) .org-pick-searchbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 28px!important;
  gap:6px!important;
  margin:0 0 8px!important;
}
html body .org-pick-modal .org-pick-searchbar .input,
html[data-theme] body .org-pick-modal .org-pick-searchbar .input,
html body .modal:has(.org-simple-pick) .org-pick-searchbar .input,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-searchbar .input,
html body .modal:has(.org-pick-list) .org-pick-searchbar .input,
html[data-theme] body .modal:has(.org-pick-list) .org-pick-searchbar .input{
  height:31px!important;
  padding:5px 8px!important;
  border:0!important;
  border-radius:9px!important;
  color:#f4f4f1!important;
  background:rgba(255,255,255,.052)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.050)!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/application-layout/effects/001-base-slice-11-part-01-seg-02-html-data-theme-body-app-micro-03.css */


/* >>> runtime/legacy/styles/blocks/overlays/application-layout/effects/001-base-slice-11-part-02-seg-01-html-data-theme-body-app-fine-01-short-01.css */

/* Legacy ordered base slice 11 part 02; split from 001-base-slice-11-html-data-theme-body-app.css. Keep import order stable. */
html body .org-pick-modal .org-collapse-all,
html[data-theme] body .org-pick-modal .org-collapse-all,
html body .modal:has(.org-simple-pick) .org-collapse-all,
html[data-theme] body .modal:has(.org-simple-pick) .org-collapse-all,
html body .modal:has(.org-pick-list) .org-collapse-all,
html[data-theme] body .modal:has(.org-pick-list) .org-collapse-all{
  width:28px!important;
  height:31px!important;
  min-width:28px!important;
  padding:0!important;
  border:0!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:none!important;
  color:rgba(244,244,241,.62)!important;
}
html body .org-pick-modal .org-pick-list,
html[data-theme] body .org-pick-modal .org-pick-list,
html body .org-pick-modal .org-simple-pick,
html[data-theme] body .org-pick-modal .org-simple-pick,
html body .modal:has(.org-simple-pick) .org-pick-list,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-list,
html body .modal:has(.org-simple-pick) .org-simple-pick,
html[data-theme] body .modal:has(.org-simple-pick) .org-simple-pick,
html body .modal:has(.org-pick-list) .org-pick-list,
html[data-theme] body .modal:has(.org-pick-list) .org-pick-list{
  max-height:min(58vh,520px)!important;
  overflow:auto!important;
  padding:1px!important;
  gap:1px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .org-pick-modal .org-pick-row,
html[data-theme] body .org-pick-modal .org-pick-row,
html body .modal:has(.org-simple-pick) .org-pick-row,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-row,
html body .modal:has(.org-pick-list) .org-pick-row,
html[data-theme] body .modal:has(.org-pick-list) .org-pick-row{
  min-height:32px!important;
  margin:0!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  padding:5px 4px 5px calc(5px + var(--depth,0) * 14px)!important;
  transition:background .14s ease,box-shadow .14s ease!important;
}
html body .org-pick-modal .org-pick-row:hover,
html[data-theme] body .org-pick-modal .org-pick-row:hover,
html body .modal:has(.org-simple-pick) .org-pick-row:hover,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-row:hover,
html body .modal:has(.org-pick-list) .org-pick-row:hover,
html[data-theme] body .modal:has(.org-pick-list) .org-pick-row:hover,
html body .org-pick-modal .org-pick-person,
html[data-theme] body .org-pick-modal .org-pick-person,
html body .modal:has(.org-simple-pick) .org-pick-person,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-person,
html body .modal:has(.org-pick-list) .org-pick-person,
html[data-theme] body .modal:has(.org-pick-list) .org-pick-person{
  display:grid!important;
  grid-template-columns:18px 26px minmax(0,1fr) 16px!important;
  gap:7px!important;
  align-items:center!important;
}
html body .org-pick-modal .org-pick-dept-head,
html[data-theme] body .org-pick-modal .org-pick-dept-head,
html body .modal:has(.org-simple-pick) .org-pick-dept-head,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-dept-head,
html body .modal:has(.org-pick-list) .org-pick-dept-head,
html[data-theme] body .modal:has(.org-pick-list) .org-pick-dept-head{
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr) 16px!important;
  gap:7px!important;
  align-items:center!important;
}
html body .org-pick-modal .org-pick-main,
html[data-theme] body .org-pick-modal .org-pick-main,
html body .modal:has(.org-simple-pick) .org-pick-main,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-main,
html body .modal:has(.org-pick-list) .org-pick-main,
html[data-theme] body .modal:has(.org-pick-list) .org-pick-main{
  display:flex!important;
  flex-direction:column!important;
  gap:1px!important;
  min-width:0!important;
  max-width:none!important;
  cursor:pointer!important;
}
html body .org-pick-modal .org-pick-main b,
html[data-theme] body .org-pick-modal .org-pick-main b,
html body .modal:has(.org-simple-pick) .org-pick-main b,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-main b,
html body .modal:has(.org-pick-list) .org-pick-main b,
html[data-theme] body .modal:has(.org-pick-list) .org-pick-main b{
  display:block!important;
  max-width:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:rgba(244,244,241,.90)!important;
  -webkit-text-fill-color:rgba(244,244,241,.90)!important;
  font-size:var(--mc-type-emphasized-body,.82rem)!important;
  line-height:1.2!important;
  font-weight:520!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/application-layout/effects/001-base-slice-11-part-02-seg-01-html-data-theme-body-app-fine-01-short-01.css */


/* >>> runtime/legacy/styles/blocks/overlays/application-layout/effects/001-base-slice-11-part-02-seg-01-html-data-theme-body-app-fine-01-short-02.css */

html body .org-pick-modal .org-pick-company .org-pick-main b,
html[data-theme] body .org-pick-modal .org-pick-company .org-pick-main b,
html body .org-pick-modal .org-pick-dept-head.depth-0 .org-pick-main b,
html[data-theme] body .org-pick-modal .org-pick-dept-head.depth-0 .org-pick-main b,
html body .modal:has(.org-simple-pick) .org-pick-company .org-pick-main b,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-company .org-pick-main b,
html body .modal:has(.org-simple-pick) .org-pick-dept-head.depth-0 .org-pick-main b,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-dept-head.depth-0 .org-pick-main b{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:.88rem!important;
  font-weight:680!important;
}
html body .org-pick-modal .org-pick-main span,
html[data-theme] body .org-pick-modal .org-pick-main span,
html body .modal:has(.org-simple-pick) .org-pick-main span,
html[data-theme] body .modal:has(.org-simple-pick) .org-pick-main span,
html body .modal:has(.org-pick-list) .org-pick-main span,
html[data-theme] body .modal:has(.org-pick-list) .org-pick-main span{
  display:block!important;
  max-width:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:rgba(244,244,241,.46)!important;
  -webkit-text-fill-color:rgba(244,244,241,.46)!important;
  font-size:.66rem!important;
  line-height:1.15!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/application-layout/effects/001-base-slice-11-part-02-seg-01-html-data-theme-body-app-fine-01-short-02.css */


/* >>> runtime/legacy/styles/blocks/overlays/application-layout/effects/001-base-slice-11-part-02-seg-01-html-data-theme-body-app-fine-02-short-02.css */

html body .notif-portal,
html[data-theme] body .notif-portal{
  position:fixed!important;
  inset:0!important;
  z-index:var(--mc-z-notif)!important;
  pointer-events:none!important;
}
html body .notif-backdrop,
html[data-theme] body .notif-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:var(--mc-z-notif-backdrop)!important;
  background:transparent!important;
}
html body .notif-drop,
html[data-theme] body .notif-drop,
html body .nd-filter-menu,
html[data-theme] body .nd-filter-menu{
  z-index:var(--mc-z-notif)!important;
  pointer-events:auto!important;
}
html body .notif-drop,
html[data-theme] body .notif-drop{
  position:fixed!important;
  top:50px!important;
  right:14px!important;
  width:min(420px,calc(100vw - 24px))!important;
  max-height:min(640px,calc(100dvh - 70px))!important;
}
html body .nd-filter-menu,
html[data-theme] body .nd-filter-menu{
  z-index:calc(var(--mc-z-notif) + 2)!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/application-layout/effects/001-base-slice-11-part-02-seg-01-html-data-theme-body-app-fine-02-short-02.css */


/* >>> runtime/legacy/styles/blocks/overlays/application-layout/effects/001-base-slice-11-part-03-seg-01-html-data-theme-body-app-nano-01.css */

/* Legacy ordered base slice 11 part 03; split from 001-base-slice-11-html-data-theme-body-app.css. Keep import order stable. */
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open .att-day-badge,
html body .app .layout > .main.page-records .att-self-day.att-day-open .att-day-badge{
  color:#111827!important;
  background:rgba(17,24,39,.10)!important;
}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open .att-day-badge.join,
html body .app .layout > .main.page-records .att-self-day.att-day-open .att-day-badge.join{color:#166534!important;background:rgba(22,163,74,.14)!important}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open .att-day-badge.leave,
html body .app .layout > .main.page-records .att-self-day.att-day-open .att-day-badge.leave{color:#991b1b!important;background:rgba(185,28,28,.14)!important}
html[data-theme] body .app .layout > .main.page-records .att-self-day.att-day-open .att-day-note,
html body .app .layout > .main.page-records .att-self-day.att-day-open .att-day-note{
  color:#4b5563!important;
}
html body #modal .modal,
html[data-theme] body #modal .modal,
html[data-theme=light] body #modal .modal,
html:not([data-theme=dark]) body #modal .modal{
  background:rgba(7,8,9,.78)!important;
  color:#f4f4f1!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.18)!important;
  backdrop-filter:blur(24px) saturate(1.18)!important;
}
html body #modal .modal .m-head,
html body #modal .modal .m-body,
html body #modal .modal .m-foot,
html[data-theme] body #modal .modal .m-head,
html[data-theme] body #modal .modal .m-body,
html[data-theme] body #modal .modal .m-foot{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body #modal .modal .m-head{
  padding-bottom:8px!important;
}
html body #modal .modal .m-foot{
  padding-top:8px!important;
}
html body #modal .modal .m-head h3,
html body #modal .modal :where(h1,h2,h3,h4,b,label,span,td,th){
  color:#f4f4f1!important;
}
html body #modal .modal :where(.muted,small,p,.desc){
  color:rgba(244,244,241,.56)!important;
}
html body #modal .modal .x{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(244,244,241,.72)!important;
}
html body #modal .modal :where(input,select,textarea,.input){
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#f4f4f1!important;
  box-shadow:none!important;
}
html body #modal .modal :where(.table-wrap,.panel,.stat,.att-kpi,.info-list .r){
  background:transparent!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:none!important;
}
html body #modal .modal:has(.att-date-detail){
  max-width:min(880px,calc(100vw - 32px))!important;
  background:rgba(5,6,7,.76)!important;
}
html body #modal .modal:has(.att-date-detail) .m-body{
  padding-top:12px!important;
}
html body #modal .att-date-detail{
  --att-day-rgb:156,163,175;
  --att-day-strong:#e5e7eb;
  display:grid!important;
  gap:14px!important;
  color:#f4f4f1!important;
}
html body #modal .att-date-detail.ok{--att-day-rgb:34,197,94;--att-day-strong:#bbf7d0}
html body #modal .att-date-detail.warn{--att-day-rgb:245,158,11;--att-day-strong:#fde68a}
html body #modal .att-date-detail.info{--att-day-rgb:14,165,233;--att-day-strong:#bae6fd}
html body #modal .att-date-detail.danger{--att-day-rgb:239,68,68;--att-day-strong:#fecaca}
html body #modal .att-date-detail.gray{--att-day-rgb:148,163,184;--att-day-strong:#dbe4ef}
html body #modal .att-date-top{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  min-height:116px!important;
  padding:18px 18px 17px!important;
  border:1px solid rgba(var(--att-day-rgb),.22)!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 12% -40%,rgba(var(--att-day-rgb),.34),transparent 46%),
    radial-gradient(circle at 102% 120%,rgba(var(--att-day-rgb),.16),transparent 42%),
    linear-gradient(135deg,rgba(var(--att-day-rgb),.12),rgba(255,255,255,.030) 48%,rgba(255,255,255,.012))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12)!important;
  backdrop-filter:blur(18px) saturate(1.12)!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/application-layout/effects/001-base-slice-11-part-03-seg-01-html-data-theme-body-app-nano-01.css */


/* >>> runtime/legacy/styles/blocks/overlays/application-layout/effects/001-base-slice-11-part-03-seg-01-html-data-theme-body-app-nano-02.css */

html body #modal .att-date-top::before{
  content:""!important;
  position:absolute!important;
  inset:13px auto 13px 0!important;
  width:3px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.70),rgba(var(--att-day-rgb),.92),rgba(255,255,255,.18))!important;
}
html body #modal .att-date-top span,
html body #modal .att-date-top small{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  color:rgba(244,244,241,.58)!important;
  font-size:.76rem!important;
  line-height:1.35!important;
}
html body #modal .att-date-top b{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  margin:7px 0 7px!important;
  color:#fff!important;
  font-size:1.72rem!important;
  font-weight:760!important;
  line-height:1.05!important;
}
html body #modal .att-date-top em{
  position:relative!important;
  z-index:1!important;
  align-self:center!important;
  font-style:normal!important;
  border-radius:999px!important;
  padding:8px 12px!important;
  border:1px solid rgba(var(--att-day-rgb),.34)!important;
  color:var(--att-day-strong)!important;
  background:rgba(var(--att-day-rgb),.13)!important;
  font-size:var(--mc-type-caption-meta,.68rem)!important;
  font-weight:760!important;
  white-space:nowrap!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
html body #modal .att-date-markers{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
html body #modal .att-date-markers span{
  border-radius:999px!important;
  padding:5px 9px!important;
  font-size:var(--mc-type-body-control,.82rem)!important;
  font-weight:700!important;
  color:rgba(244,244,241,.62)!important;
  background:rgba(255,255,255,.050)!important;
}
html body #modal .att-date-markers .join{color:#bbf7d0!important;background:rgba(22,163,74,.13)!important}
html body #modal .att-date-markers .leave{color:#fecaca!important;background:rgba(239,68,68,.14)!important}
html body #modal .att-date-markers .note{color:#f4f4f1!important;background:rgba(255,255,255,.075)!important}
html body #modal .att-date-summary-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px 14px!important;
}
html body #modal .att-date-summary-grid.daily{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
html body #modal .att-date-metric{
  position:relative!important;
  min-width:0!important;
  min-height:72px!important;
  padding:10px 10px 9px 12px!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:linear-gradient(90deg,rgba(156,163,175,.060),rgba(255,255,255,.012) 66%,transparent)!important;
  box-shadow:none!important;
}
html body #modal .att-date-metric::before{
  content:""!important;
  position:absolute!important;
  inset:8px auto 8px 0!important;
  width:2px!important;
  border-radius:999px!important;
  background:rgba(156,163,175,.76)!important;
}
html body #modal .att-date-metric span{
  display:block!important;
  color:rgba(244,244,241,.55)!important;
  font-size:.70rem!important;
  font-weight:760!important;
  line-height:1.12!important;
  margin-bottom:7px!important;
}
html body #modal .att-date-metric b{
  display:block!important;
  color:#f4f4f1!important;
  font-size:1.42rem!important;
  font-weight:850!important;
  line-height:1.04!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
html body #modal .att-date-metric.green{background:linear-gradient(90deg,rgba(22,163,74,.095),rgba(255,255,255,.012) 66%,transparent)!important}
html body #modal .att-date-metric.red{background:linear-gradient(90deg,rgba(239,68,68,.120),rgba(255,255,255,.012) 66%,transparent)!important}
html body #modal .att-date-metric.yellow{background:linear-gradient(90deg,rgba(245,158,11,.110),rgba(255,255,255,.012) 66%,transparent)!important}
html body #modal .att-date-metric.blue{background:linear-gradient(90deg,rgba(14,165,233,.105),rgba(255,255,255,.012) 66%,transparent)!important}
html body #modal .att-date-metric.green::before{background:#22c55e!important}

/* <<< runtime/legacy/styles/blocks/overlays/application-layout/effects/001-base-slice-11-part-03-seg-01-html-data-theme-body-app-nano-02.css */


/* >>> runtime/legacy/styles/blocks/overlays/application-layout/effects/001-base-slice-11-part-03-seg-01-html-data-theme-body-app-nano-03.css */

html body #modal .att-date-metric.red::before{background:#ef4444!important}
html body #modal .att-date-metric.yellow::before{background:#f59e0b!important}
html body #modal .att-date-metric.blue::before{background:#0ea5e9!important}
html body #modal .att-date-metric.green b{color:#bbf7d0!important}
html body #modal .att-date-metric.red b{color:#fecaca!important}
html body #modal .att-date-metric.yellow b{color:#fde68a!important}
html body #modal .att-date-metric.blue b{color:#bae6fd!important}
html body #modal .att-date-section-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:2px 0 -4px!important;
  color:rgba(244,244,241,.76)!important;
  font-size:.78rem!important;
  font-weight:760!important;
  line-height:1.2!important;
}
html body #modal .att-date-section-title small{
  color:rgba(244,244,241,.44)!important;
  font-size:.68rem!important;
  font-weight:520!important;
}
html body #modal .att-date-timeline{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
html body #modal .att-date-time-card{
  position:relative!important;
  min-height:92px!important;
  padding:13px 14px 12px 15px!important;
  border:0!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:linear-gradient(90deg,rgba(255,255,255,.055),rgba(255,255,255,.014) 72%,transparent)!important;
  box-shadow:none!important;
}
html body #modal .att-date-time-card::before{
  content:""!important;
  position:absolute!important;
  inset:12px auto 12px 0!important;
  width:2px!important;
  border-radius:999px!important;
  background:rgba(var(--att-day-rgb),.80)!important;
}
html body #modal .att-date-time-card span{
  display:block!important;
  color:rgba(244,244,241,.50)!important;
  font-size:.70rem!important;
  font-weight:760!important;
}
html body #modal .att-date-time-card b{
  display:block!important;
  margin-top:7px!important;
  color:#fff!important;
  font-size:1.22rem!important;
  font-weight:820!important;
  line-height:1.10!important;
}
html body #modal .att-date-time-card small{
  display:block!important;
  margin-top:6px!important;
  color:rgba(244,244,241,.58)!important;
  font-size:.70rem!important;
  line-height:1.36!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/application-layout/effects/001-base-slice-11-part-03-seg-01-html-data-theme-body-app-nano-03.css */


/* >>> runtime/legacy/styles/blocks/overlays/application-layout/effects/001-base-slice-11-part-03-seg-02-html-data-theme-body-app-short-01.css */

/* Legacy ordered CSS segment; extracted from 001-base-slice-11-part-03-html-data-theme-body-app.css. Keep import order stable. */
html body #modal .att-date-time-card.good b{color:#bbf7d0!important}
html body #modal .att-date-time-card.warn b{color:#fde68a!important}
html body #modal .att-date-time-card.danger b{color:#fecaca!important}
html body #modal .att-date-link-list{
  display:grid!important;
  gap:7px!important;
}
html body #modal .att-date-link-row{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:8px 10px!important;
  border:0!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.038)!important;
  color:#f4f4f1!important;
  text-align:left!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
html body #modal .att-date-link-row:hover{
  background:linear-gradient(90deg,rgba(126,240,164,.10),rgba(88,166,255,.07),transparent)!important;
  transform:translateY(-1px)!important;
}
html body #modal .att-date-link-row i{
  min-width:48px!important;
  font-style:normal!important;
  color:var(--att-day-strong)!important;
  font-size:.68rem!important;
  font-weight:800!important;
}
html body #modal .att-date-link-row b{
  display:block!important;
  min-width:0!important;
  color:#fff!important;
  font-size:.78rem!important;
  font-weight:760!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body #modal .att-date-link-row small{
  display:block!important;
  margin-top:2px!important;
  min-width:0!important;
  color:rgba(244,244,241,.48)!important;
  font-size:.66rem!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body #modal .att-date-link-row em{
  font-style:normal!important;
  color:rgba(244,244,241,.44)!important;
  font-size:.66rem!important;
  white-space:nowrap!important;
}
html body #modal .att-date-compact-note{
  display:grid!important;
  grid-template-columns:82px minmax(0,1fr)!important;
  align-items:start!important;
  gap:12px!important;
  padding:12px 13px!important;
  border:0!important;
  border-left:2px solid rgba(var(--att-day-rgb),.68)!important;
  border-radius:0!important;
  background:linear-gradient(90deg,rgba(var(--att-day-rgb),.075),rgba(255,255,255,.012) 78%)!important;
  box-shadow:none!important;
}
html body #modal .att-date-compact-note span{
  color:rgba(244,244,241,.50)!important;
  font-size:var(--mc-type-caption-meta,.68rem)!important;
  font-weight:760!important;
}
html body #modal .att-date-compact-note b{
  min-width:0!important;
  color:rgba(244,244,241,.86)!important;
  font-size:.80rem!important;
  font-weight:460!important;
  line-height:1.45!important;
  text-align:left!important;
}
html body #modal .att-date-note-field{
  display:grid!important;
  gap:8px!important;
  padding:12px 13px!important;
  border:1px solid rgba(255,255,255,.095)!important;
  border-radius:14px!important;
  background:rgba(0,0,0,.16)!important;
  box-shadow:none!important;
}
html body #modal .att-date-note-field span{
  color:rgba(244,244,241,.62)!important;
  font-size:var(--mc-type-secondary-body,.76rem)!important;
  font-weight:760!important;
}
html body #modal .att-date-note-field textarea{
  width:100%!important;
  min-height:82px!important;
  border-radius:10px!important;
  resize:vertical!important;
  background:transparent!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/application-layout/effects/001-base-slice-11-part-03-seg-02-html-data-theme-body-app-short-01.css */


/* >>> runtime/legacy/styles/index-parts/index-part-03.css */

/* Legacy CSS entry part 3/7. Keep import order stable. */

/* <<< runtime/legacy/styles/index-parts/index-part-03.css */


/* >>> runtime/legacy/styles/blocks/overlays/secondary-modal/effects/001-base-slice-12-part-01-seg-01-html-body-modal-secondar-fine-01-unit-01.css */

/* Legacy ordered base slice 12 part 01; split from 001-base-slice-12-html-body-modal-secondar.css. Keep import order stable. */
html body #modal .secondary-rail-shell .att-date-summary-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
html body #modal .secondary-rail-shell .att-date-metric b{
  font-size:.94rem!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
html body .main.page-employees .employee-admin-fixed,
html[data-theme] body .main.page-employees .employee-admin-fixed{
  grid-template-columns:minmax(0,1fr)!important;
  align-items:stretch!important;
}
html body .main.page-employees .employee-admin-main,
html[data-theme] body .main.page-employees .employee-admin-main{
  display:grid!important;
  grid-template-columns:minmax(148px,max-content) minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:14px!important;
  row-gap:8px!important;
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  overflow:visible!important;
}
html body .main.page-employees .employee-admin-title,
html[data-theme] body .main.page-employees .employee-admin-title{
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
}
html body .main.page-employees .employee-admin-title h1,
html[data-theme] body .main.page-employees .employee-admin-title h1{
  margin:0!important;
  font-size:var(--mc-head-title)!important;
  line-height:1.1!important;
  font-weight:900!important;
  color:#f4f4f1!important;
  white-space:nowrap!important;
}
html body .main.page-employees .employee-admin-title p,
html[data-theme] body .main.page-employees .employee-admin-title p{
  margin:0!important;
  max-width:240px!important;
  color:rgba(244,244,241,.62)!important;
  font-size:var(--mc-head-small)!important;
  line-height:1.2!important;
  font-weight:400!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .main.page-employees .employee-admin-tabs-wrap,
html[data-theme] body .main.page-employees .employee-admin-tabs-wrap{
  min-width:0!important;
  max-width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}
html body .main.page-employees .tabs.emp-sort-tabs.employee-tabline,
html[data-theme] body .main.page-employees .tabs.emp-sort-tabs.employee-tabline{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  max-width:100%!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:visible!important;
  scrollbar-width:none!important;
  position:relative!important;
  top:0!important;
  z-index:3!important;
}
html body .main.page-employees .tabs.emp-sort-tabs.employee-tabline::-webkit-scrollbar{display:none!important}
html body .main.page-employees .tabs.emp-sort-tabs.employee-tabline .drag-handle,
html body .main.page-employees .tabs.emp-sort-tabs.employee-tabline .sortable-tab .drag-handle{
  display:none!important;
}
html body .main.page-employees .employee-admin-actions{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:nowrap!important;
  margin:0!important;
  min-width:0!important;
  overflow:visible!important;
  position:relative!important;
  z-index:4!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/secondary-modal/effects/001-base-slice-12-part-01-seg-01-html-body-modal-secondar-fine-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-12-shared-cross-surface-001-slice-12-part-01-seg-01-html-body-modal-secondar-fine-01-unit-02.css */

html body .main.page-employees .employee-admin-fixed .select-summary,
html body .main.page-employees .employee-admin-fixed .pending-banner{
  margin-top:6px!important;
}
@media(max-width:980px){
  html body .main.page-employees .employee-admin-main{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:7px!important;
    align-items:start!important;
  }
  html body .main.page-employees .employee-admin-title{
    min-width:0!important;
  }
  html body .main.page-employees .employee-admin-title p{
    max-width:none!important;
  }
  html body .main.page-employees .employee-admin-tabs-wrap{
    grid-column:1 / -1!important;
    grid-row:2!important;
  }
  html body .main.page-employees .employee-admin-actions{
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    min-width:0!important;
  }
}
@media(max-width:1180px){
  html[data-theme] body .app .layout > .main.page-records .att-self-content,
  html body .app .layout > .main.page-records .att-self-content{
    grid-template-columns:minmax(0,1fr) minmax(260px,340px)!important;
    gap:22px!important;
  }
  html[data-theme] body .app .layout > .main.page-records .att-self-calendar-col,
  html body .app .layout > .main.page-records .att-self-calendar-col{
    width:100%!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-12-shared-cross-surface-001-slice-12-part-01-seg-01-html-body-modal-secondar-fine-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-12-application-layout-002-slice-12-part-01-seg-01-html-body-modal-secondar-fine-02-short-01.css */

@media(max-width:980px){
  html[data-theme] body .app .layout > .main.page-records .att-self-content,
  html body .app .layout > .main.page-records .att-self-content{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  html[data-theme] body .app .layout > .main.page-records .att-month-summary-panel,
  html body .app .layout > .main.page-records .att-month-summary-panel{
    width:100%!important;
  }
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html[data-theme] body .app .layout > .main.page-records .att-self-day,
  html body .app .layout > .main.page-records .att-self-day{
    min-height:72px!important;
    height:72px!important;
    padding:7px!important;
  }
  html body #modal .att-date-top{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
}
html body .app .layout > .main.page-nasStorage{
 background:#0b0b0c!important;
 box-shadow:none!important;
}
html body .app .layout > .main.page-nasStorage .head{
 margin-bottom:12px!important;
}
html body .main.page-nasStorage .nas-shell{
 display:grid;
 gap:12px;
 color:#f4f4f3;
}
html body .main.page-nasStorage .nas-hero{
 position:relative;
 display:grid;
 grid-template-columns:minmax(260px,.78fr) minmax(360px,1.22fr);
 gap:14px;
 align-items:stretch;
 min-height:330px;
 overflow:hidden;
 border-radius:18px;
 border:1px solid rgba(255,255,255,.075);
 background:
  radial-gradient(circle at 14% 12%,rgba(125,237,169,.13),transparent 30%),
  linear-gradient(145deg,rgba(32,39,36,.72),rgba(13,13,14,.92) 52%,rgba(7,7,8,.98));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
}
html body .main.page-nasStorage .nas-hero:before{
 content:"";
 position:absolute;
 inset:0;
 pointer-events:none;
 background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 26%,transparent 72%,rgba(255,255,255,.045));
 opacity:.52;
}
html body .main.page-nasStorage .nas-hero-copy{
 position:relative;
 z-index:1;
 padding:28px 26px;
 display:flex;
 flex-direction:column;
 justify-content:space-between;
 min-width:0;
}
html body .main.page-nasStorage .nas-hero-copy>span{
 width:max-content;
 color:#9fa8a1;
 font-size:10px;
 letter-spacing:.22em;
 font-weight:700;
}
html body .main.page-nasStorage .nas-hero-copy h1{
 margin:18px 0 8px;
 font-size:36px;
 line-height:1.05;
 font-weight:520;
 letter-spacing:0;
 color:#fff;
}
html body .main.page-nasStorage .nas-hero-copy p{
 margin:0;
 max-width:38ch;
 color:#b8beba;
 font-size:13px;
 line-height:1.7;
}
html body .main.page-nasStorage .nas-hero-metrics{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:9px;
 margin-top:26px;
}
html body .main.page-nasStorage .nas-hero-metrics div,
html body .main.page-nasStorage .nas-summary>div,
html body .main.page-nasStorage .nas-rule-cards>div{
 border:1px solid rgba(255,255,255,.07);
 border-radius:14px;
 background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.026));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
html body .main.page-nasStorage .nas-hero-metrics div{
 padding:11px 12px;
 min-width:0;
}
html body .main.page-nasStorage .nas-hero-metrics b{
 display:block;
 font-size:24px;
 line-height:1;
 color:#fff;
 font-weight:580;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-12-application-layout-002-slice-12-part-01-seg-01-html-body-modal-secondar-fine-02-short-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-12-application-layout-003-slice-12-part-01-seg-01-html-body-modal-secondar-fine-02-short-02.css */

html body .main.page-nasStorage .nas-hero-metrics small{
 display:block;
 margin-top:6px;
 color:#9ba29d;
 font-size:11px;
 white-space:nowrap;
}
html body .main.page-nasStorage .nas-rack-scene{
 position:relative;
 z-index:1;
 min-height:330px;
 perspective:980px;
 overflow:hidden;
 border-left:1px solid rgba(255,255,255,.055);
 background:radial-gradient(circle at 62% 12%,rgba(255,255,255,.10),transparent 34%);
}
html body .main.page-nasStorage .nas-rack-back{
 position:absolute;
 inset:38px 38px 70px 22px;
 transform:rotateX(58deg) rotateZ(-36deg) translateY(24px);
 transform-origin:center;
 border-radius:28px;
 background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.014));
 border:1px solid rgba(255,255,255,.06);
 box-shadow:0 34px 90px -52px rgba(0,0,0,.92),inset 0 1px 0 rgba(255,255,255,.055);
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-12-application-layout-003-slice-12-part-01-seg-01-html-body-modal-secondar-fine-02-short-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-12-application-layout-004-slice-12-part-01-seg-01-html-body-modal-secondar-fine-03-malformed-retained.css */

html body .main.page-nasStorage .nas-rack-floor{
 position:absolute;
 left:30px;
 right:30px;
 bottom:22px;
 height:110px;
 transform:rotateX(66deg);
 transform-origin:bottom;
 border-radius:28px;
 background:
  linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) 0 0/46px 46px,
  linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/46px 46px,
  linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.012));
 opacity:.68;
}
html body .main.page-nasStorage .nas-rack-grid{
 position:absolute;
 inset:34px 34px 46px 28px;
 display:grid;
 grid-template-columns:repeat(6,minmax(56px,1fr));
 grid-auto-rows:74px;
 gap:11px;
 transform:rotateX(52deg) rotateZ(-31deg) translateY(12px);
 transform-origin:center;
}
html body .main.page-nasStorage .nas-3d-folder{
 position:relative;
 min-width:0;
 display:grid;
 align-content:center;
 gap:3px;
 padding:10px;
 text-align:left;
 border:1px solid rgba(255,255,255,.075);
 border-radius:12px;
 color:#f5f5f5;
 background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035));
 box-shadow:10px 14px 26px -20px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.07);
 transform:translateZ(calc((var(--i) % 3) * 3px));
 cursor:pointer;
 overflow:hidden;
}
html body .main.page-nasStorage .nas-3d-folder:before{
 content:"";
 position:absolute;
 left:10px;
 top:7px;
 width:30px;
 height:7px;
 border-radius:4px 4px 0 0;
 background:rgba(255,255,255,.18);
}
html body .main.page-nasStorage .nas-3d-folder.ok{
 background:linear-gradient(145deg,rgba(114,223,150,.22),rgba(255,255,255,.038));
 border-color:rgba(137,246,174,.18);
}
html body .main.page-nasStorage .nas-3d-folder.lock{
 opacity:.42;
 cursor:not-allowed;
 filter:saturate(.55);
}
html body .main.page-nasStorage .nas-3d-folder span,
html body .main.page-nasStorage .nas-3d-folder b,

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-12-application-layout-004-slice-12-part-01-seg-01-html-body-modal-secondar-fine-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-12-application-layout-005-slice-12-part-01-seg-02-html-body-modal-secondar-micro-01-unit-02.css */

html body .main.page-nasStorage .nas-folder-card{
 display:block;
 width:100%;
 min-height:170px;
 padding:13px;
 text-align:left;
 color:#f2f3f2;
 border:1px solid rgba(255,255,255,.065);
 border-radius:15px;
 background:linear-gradient(180deg,rgba(255,255,255,.062),rgba(255,255,255,.022));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
 cursor:pointer;
 transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
html body .main.page-nasStorage .nas-folder-card:hover{
 position:relative!important;
 z-index:var(--mc-model-lift-z,80)!important;
 transform:translateY(var(--mc-model-lift-y-card,-3px)) scale(var(--mc-model-lift-scale-card,1.01))!important;
 border-color:rgba(151,245,178,.16);
 background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.03));
}
html body .main.page-nasStorage .nas-folder-card.locked{
 opacity:.48;
 cursor:not-allowed;
}
html body .main.page-nasStorage .nas-folder-card.locked:hover{
 transform:none;
 border-color:rgba(255,255,255,.065);
}
html body .main.page-nasStorage .nas-folder-top{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:10px;
 margin-bottom:13px;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-12-application-layout-005-slice-12-part-01-seg-02-html-body-modal-secondar-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-12-application-layout-006-slice-12-part-01-seg-02-html-body-modal-secondar-micro-02-unit-01.css */

html body .main.page-nasStorage .nas-folder-top span{
 font-size:21px;
 line-height:1;
 font-weight:560;
 color:#fff;
 letter-spacing:.01em;
}
html body .main.page-nasStorage .nas-folder-top i{
 width:13px;
 height:13px;
 border-radius:50%;
 background:#8b8b8b;
 box-shadow:0 0 0 5px rgba(139,139,139,.12);
}
html body .main.page-nasStorage .nas-folder-top i.on{background:#58dd78;box-shadow:0 0 0 5px rgba(88,221,120,.12),0 0 18px rgba(88,221,120,.36)}
html body .main.page-nasStorage .nas-folder-top i.off{background:#ff5f69;box-shadow:0 0 0 5px rgba(255,95,105,.12),0 0 18px rgba(255,95,105,.28)}
html body .main.page-nasStorage .nas-folder-card>b{
 display:block;
 color:#ecefec;
 font-size:13px;
 font-weight:560;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}
html body .main.page-nasStorage .nas-folder-card>small{
 display:block;
 margin-top:4px;
 color:#898f8b;
 font-size:11px;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}
html body .main.page-nasStorage .nas-folder-user{
 margin-top:15px;
 color:#f4f4f4;
 font-size:12px;
 min-height:18px;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}
html body .main.page-nasStorage .nas-folder-meta{
 display:flex;
 gap:7px;
 flex-wrap:wrap;
 margin-top:9px;
}
html body .main.page-nasStorage .nas-folder-meta span{
 display:inline-flex;
 border-radius:999px;
 padding:4px 7px;
 color:#bfc5c0;
 font-size:10px;
 background:rgba(255,255,255,.055);
}
html body .main.page-nasStorage .nas-folder-card em{
 display:block;
 margin-top:11px;
 color:#91daa4;
 font-size:11px;
 font-style:normal;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}
html body .main.page-nasStorage .nas-folder-card.locked em{color:#a1a7a2}
html body .main.page-nasStorage .nas-rule-cards{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:9px;
}
html body .main.page-nasStorage .nas-rule-cards b{
 display:block;
 color:#f1f1f1;
 font-size:13px;
 font-weight:560;
 margin-bottom:7px;
}
html body .main.page-nasStorage .nas-rule-cards span{
 display:block;
 color:#a0a7a1;
 font-size:12px;
 line-height:1.55;
}
html body .main.page-nasStorage .nas-access-list{
 display:grid;
 gap:5px;
 border-top:1px solid rgba(255,255,255,.06);
}
html body .main.page-nasStorage .nas-access-row{
 display:grid;
 grid-template-columns:34px minmax(0,1fr) minmax(120px,.45fr) 72px auto;
 gap:10px;
 align-items:center;
 min-height:52px;
 padding:8px 2px;
 border-bottom:1px solid rgba(255,255,255,.055);
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-12-application-layout-006-slice-12-part-01-seg-02-html-body-modal-secondar-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-12-application-layout-007-slice-12-part-01-seg-02-html-body-modal-secondar-micro-02-unit-02.css */

html body .main.page-nasStorage .nas-access-row .avatar{
 width:30px;
 height:30px;
 border-radius:50%;
 display:grid;
 place-items:center;
 background:rgba(255,255,255,.08);
 color:#f2f2f2;
 overflow:hidden;
 font-size:12px;
}
html body .main.page-nasStorage .nas-access-row .avatar img{
 width:100%;
 height:100%;
 object-fit:cover;
}
html body .main.page-nasStorage .nas-access-row b,
html body .main.page-nasStorage .nas-access-row span{
 display:block;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}
html body .main.page-nasStorage .nas-access-row b{
 color:#f2f2f2;
 font-size:13px;
 font-weight:520;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-12-application-layout-007-slice-12-part-01-seg-02-html-body-modal-secondar-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-12-application-layout-008-slice-12-part-02-seg-01-html-body-modal-secondar-fine-01-short-01.css */

/* Legacy ordered base slice 12 part 02; split from 001-base-slice-12-html-body-modal-secondar.css. Keep import order stable. */
html body .nas-folder-modal-hero span{
 color:#aef0bd;
 font-size:20px;
 font-weight:560;
 white-space:nowrap;
}
html body .nas-detail-grid{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:8px;
 margin-top:10px;
}
html body .nas-detail-grid>div{
 padding:12px;
 border-radius:13px;
 background:rgba(255,255,255,.045);
 border:1px solid rgba(255,255,255,.055);
}
html body .nas-detail-people{
 margin-top:10px;
 padding:12px;
 border-radius:13px;
 background:rgba(255,255,255,.04);
 border:1px solid rgba(255,255,255,.055);
}
html body .nas-detail-people>b{
 display:block;
 color:#f1f1f1;
 font-size:13px;
 margin-bottom:8px;
}
html body .nas-detail-people>div{
 display:flex;
 flex-wrap:wrap;
 gap:6px;
}
html body .nas-detail-people span{
 border-radius:999px;
 padding:5px 8px;
 color:#d8dbd8;
 background:rgba(255,255,255,.06);
 font-size:11px;
}
html body .nas-room-check-grid{
 display:grid;
 grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
 gap:6px;
 max-height:280px;
 overflow:auto;
 padding:4px 2px;
}
html body .nas-room-check{
 display:grid;
 grid-template-columns:18px minmax(0,1fr);
 align-items:center;
 gap:7px;
 padding:8px 9px;
 border-radius:11px;
 background:rgba(255,255,255,.045);
 border:1px solid rgba(255,255,255,.055);
}
html body .nas-room-check input{
 width:15px;
 height:15px;
 accent-color:#5fe27e;
}
html body .nas-room-check b,
html body .nas-room-check small{
 display:block;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}
html body .nas-room-check b{
 color:#f2f2f2;
 font-size:12px;
}
html body .nas-room-check small{
 color:#929993;
 font-size:10px;
 margin-top:2px;
}
@media(max-width:1040px){
 html body .main.page-nasStorage .nas-hero{
  grid-template-columns:1fr;
 }
 html body .main.page-nasStorage .nas-rack-scene{
  min-height:290px;
  border-left:0;
  border-top:1px solid rgba(255,255,255,.055);
 }
 html body .main.page-nasStorage .nas-summary,
 html body .main.page-nasStorage .nas-rule-cards{
  grid-template-columns:1fr;
 }
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-12-application-layout-008-slice-12-part-02-seg-01-html-body-modal-secondar-fine-01-short-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-12-application-layout-009-slice-12-part-02-seg-01-html-body-modal-secondar-fine-01-short-02.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
 html body .main.page-nasStorage .nas-hero-copy{
  padding:22px 18px;
 }
 html body .main.page-nasStorage .nas-hero-metrics{
  grid-template-columns:1fr;
 }
 html body .main.page-nasStorage .nas-rack-grid{
  grid-template-columns:repeat(3,minmax(56px,1fr));
  grid-auto-rows:64px;
 }
 html body .main.page-nasStorage .nas-folder-grid{
  grid-template-columns:1fr;
 }
 html body .main.page-nasStorage .nas-access-row{
  grid-template-columns:32px minmax(0,1fr) auto;
 }
 html body .main.page-nasStorage .nas-access-row em,
 html body .main.page-nasStorage .nas-access-row strong{
  display:none;
 }
 html body .nas-detail-grid{
  grid-template-columns:1fr;
 }
}
html body .att-rule-unified,
html[data-theme] body .att-rule-unified{
 background:transparent!important;
 border:0!important;
 box-shadow:none!important;
 padding:0!important;
}
html body .main.page-records .att-rule-fixed-head,
html[data-theme] body .main.page-records .att-rule-fixed-head{
 position:sticky!important;
 top:0!important;
 z-index:140!important;
 display:grid!important;
 grid-template-columns:1fr!important;
 gap:9px!important;
 margin:0 0 12px!important;
 padding:10px 12px!important;
 min-height:0!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-12-application-layout-009-slice-12-part-02-seg-01-html-body-modal-secondar-fine-01-short-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-12-shared-cross-surface-010-slice-12-part-02-seg-01-html-body-modal-secondar-fine-02-short-01.css */

html body .main.page-records .att-rule-title-row,
html[data-theme] body .main.page-records .att-rule-title-row{
 display:grid!important;
 grid-template-columns:minmax(0,1fr) auto!important;
 gap:12px!important;
 align-items:center!important;
}
html body .main.page-records .att-rule-fixed-head h1,
html[data-theme] body .main.page-records .att-rule-fixed-head h1{
 margin:0!important;
 font-size:1.14rem!important;
 line-height:1.08!important;
 font-weight:620!important;
 color:#f2f2f2!important;
}
html:not([data-theme=dark]) body .main.page-records .att-rule-fixed-head h1{
 color:#161616!important;
}
html body .main.page-records .att-rule-fixed-head p,
html[data-theme] body .main.page-records .att-rule-fixed-head p{
 display:none!important;
}
html body .main.page-records .att-rule-nav,
html[data-theme] body .main.page-records .att-rule-nav{
 display:flex!important;
 flex-wrap:wrap!important;
 gap:6px!important;
 margin:0!important;
 justify-content:flex-end!important;
}
html body .main.page-records .att-rule-nav button,
html[data-theme] body .main.page-records .att-rule-nav button{
 border:0!important;
 border-radius:999px!important;
 padding:6px 10px!important;
 min-height:30px!important;
 background:transparent!important;
 color:color-mix(in srgb,var(--text) 72%,transparent)!important;
 box-shadow:none!important;
 font-size:.78rem!important;
 font-weight:760!important;
}
html body .main.page-records .att-rule-nav button:hover,
html body .main.page-records .att-rule-nav button.active,
html[data-theme] body .main.page-records .att-rule-nav button:hover,
html[data-theme] body .main.page-records .att-rule-nav button.active{
 background:rgba(255,255,255,.075)!important;
 color:#f6f6f6!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
}
html:not([data-theme=dark]) body .main.page-records .att-rule-nav button:hover,
html:not([data-theme=dark]) body .main.page-records .att-rule-nav button.active{
 background:rgba(15,23,42,.06)!important;
 color:#111827!important;
}
html body .main.page-records .att-rule-summary.in-head,
html[data-theme] body .main.page-records .att-rule-summary.in-head{
 display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:7px!important;
 margin:0!important;
}
html body .main.page-records .att-rule-summary.in-head .att-rule-card,
html[data-theme] body .main.page-records .att-rule-summary.in-head .att-rule-card{
 padding:8px 10px!important;
 min-height:58px!important;
 border-radius:11px!important;
 background:rgba(255,255,255,.045)!important;
 border:1px solid rgba(255,255,255,.06)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
html:not([data-theme=dark]) body .main.page-records .att-rule-summary.in-head .att-rule-card{
 background:rgba(255,255,255,.58)!important;
 border-color:rgba(15,23,42,.06)!important;
}
html body .main.page-records .att-rule-summary.in-head .att-rule-card span,
html[data-theme] body .main.page-records .att-rule-summary.in-head .att-rule-card span{
 font-size:.68rem!important;
 color:color-mix(in srgb,var(--text) 58%,transparent)!important;
}
html body .main.page-records .att-rule-summary.in-head .att-rule-card b,
html[data-theme] body .main.page-records .att-rule-summary.in-head .att-rule-card b{
 margin-top:3px!important;
 font-size:1rem!important;
 line-height:1.05!important;
 color:var(--text)!important;
}
html body .main.page-records .att-rule-summary.in-head .att-rule-card small,
html[data-theme] body .main.page-records .att-rule-summary.in-head .att-rule-card small{
 margin-top:2px!important;
 font-size:.66rem!important;
 color:color-mix(in srgb,var(--text) 46%,transparent)!important;
}
html body .main.page-records .att-rule-content,
html[data-theme] body .main.page-records .att-rule-content{
 min-width:0!important;
}
@media(max-width:920px){
 html body .main.page-records .att-rule-title-row,
 html[data-theme] body .main.page-records .att-rule-title-row{
  grid-template-columns:1fr!important;
  gap:8px!important;
 }
 html body .main.page-records .att-rule-nav,
 html[data-theme] body .main.page-records .att-rule-nav{
  justify-content:flex-start!important;
 }
 html body .main.page-records .att-rule-summary.in-head,
 html[data-theme] body .main.page-records .att-rule-summary.in-head{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-12-shared-cross-surface-010-slice-12-part-02-seg-01-html-body-modal-secondar-fine-02-short-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-12-shared-cross-surface-011-slice-12-part-02-seg-01-html-body-modal-secondar-fine-02-short-02.css */

@media(max-width:560px){
 html body .main.page-records .att-rule-summary.in-head,
 html[data-theme] body .main.page-records .att-rule-summary.in-head{
  grid-template-columns:1fr!important;
 }
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report,
html body .app .layout .main.page-networkDiag .nd-report{
 --r-bg:#090909!important;
 --r-panel:rgba(18,18,19,.72)!important;
 --r-text:#eeeeee!important;
 --r-muted:#9a9a9a!important;
 --r-line:rgba(255,255,255,.07)!important;
 --r-info:#9a9a9a!important;
 color:#eeeeee!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report :where(.nd-report-panel,.nd-report-section,.nd-report-speed),
html body .app .layout .main.page-networkDiag .nd-report :where(.nd-report-panel,.nd-report-section,.nd-report-speed){
 background:linear-gradient(180deg,rgba(24,24,25,.64),rgba(10,10,11,.46))!important;
 border-color:rgba(255,255,255,.062)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report table,
html body .app .layout .main.page-networkDiag .nd-report table{
 background:#090909!important;
 border-color:rgba(255,255,255,.055)!important;
 box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-12-shared-cross-surface-011-slice-12-part-02-seg-01-html-body-modal-secondar-fine-02-short-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-12-shared-cross-surface-012-slice-12-part-02-seg-01-html-body-modal-secondar-fine-03-malformed-retained.css */

html[data-theme] body .app .layout .main.page-networkDiag .nd-report th,
html body .app .layout .main.page-networkDiag .nd-report th{
 background:#19191a!important;
 color:#b9b9b9!important;
 border-bottom-color:rgba(255,255,255,.085)!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report td,
html body .app .layout .main.page-networkDiag .nd-report td{
 color:#e8e8e8!important;
 border-bottom-color:rgba(255,255,255,.055)!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report :where(.nd-report-badge.info,.tag.info),
html body .app .layout .main.page-networkDiag .nd-report :where(.nd-report-badge.info,.tag.info){
 background:#6f6f6f!important;
 color:#f4f4f4!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report :where(.nd-tk-line,.nd-chip.info b,.nd-dot.info),
html body .app .layout .main.page-networkDiag .nd-report :where(.nd-tk-line,.nd-chip.info b,.nd-dot.info){
 color:#bdbdbd!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report :where(.nd-chip.info i,.nd-dot.info),
html body .app .layout .main.page-networkDiag .nd-report :where(.nd-chip.info i,.nd-dot.info){
 background:#9a9a9a!important;
 box-shadow:0 0 0 3px rgba(255,255,255,.055)!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report :where(.nd-report-speed-line i.rx,.nd-report-legend .rx,.nd-legend .rx),
html body .app .layout .main.page-networkDiag .nd-report :where(.nd-report-speed-line i.rx,.nd-report-legend .rx,.nd-legend .rx){
 background:#d2d2d2!important;
 box-shadow:0 0 0 3px rgba(255,255,255,.055)!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report :where(.nd-report-speed-line i.tx,.nd-report-legend .tx,.nd-legend .tx),
html body .app .layout .main.page-networkDiag .nd-report :where(.nd-report-speed-line i.tx,.nd-report-legend .tx,.nd-legend .tx){
 background:#78e59b!important;
 box-shadow:0 0 0 3px rgba(120,229,155,.105)!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report :where(polyline[stroke="#0ea5e9"],polyline[stroke="#38bdf8"],polyline[stroke="#2563eb"]),
html body .app .layout .main.page-networkDiag .nd-report :where(polyline[stroke="#0ea5e9"],polyline[stroke="#38bdf8"],polyline[stroke="#2563eb"]){
 stroke:#d2d2d2!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report :where(circle[fill="#0ea5e9"],circle[fill="#38bdf8"],circle[fill="#2563eb"]),
html body .app .layout .main.page-networkDiag .nd-report :where(circle[fill="#0ea5e9"],circle[fill="#38bdf8"],circle[fill="#2563eb"]){
 fill:#d2d2d2!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report :where(stop[stop-color="#0ea5e9"],stop[stop-color="#38bdf8"],stop[stop-color="#2563eb"]),
html body .app .layout .main.page-networkDiag .nd-report :where(stop[stop-color="#0ea5e9"],stop[stop-color="#38bdf8"],stop[stop-color="#2563eb"]){
 stop-color:#d2d2d2!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report .nd-grid-line,
html body .app .layout .main.page-networkDiag .nd-report .nd-grid-line{
 stroke:rgba(255,255,255,.075)!important;
 stroke-width:.38!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-system .nd-report-speed,

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-12-shared-cross-surface-012-slice-12-part-02-seg-01-html-body-modal-secondar-fine-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-12-shared-cross-surface-013-slice-12-part-02-seg-02-html-body-modal-secondar-micro-01-unit-02.css */

html[data-theme] body .app .layout .main.page-networkDiag .nd-report-system :where(.nd-report-room-total,.nd-report-wan-total),
html body .app .layout .main.page-networkDiag .nd-report-system :where(.nd-report-room-total,.nd-report-wan-total){
 padding:8px 9px!important;
 border-radius:13px!important;
 background:linear-gradient(180deg,#181818,#101010)!important;
 border:1px solid rgba(255,255,255,.065)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-system :where(.nd-report-room-total,.nd-report-wan-total) span,
html body .app .layout .main.page-networkDiag .nd-report-system :where(.nd-report-room-total,.nd-report-wan-total) span{
 color:#8f8f8f!important;
 font-size:9.6px!important;
 letter-spacing:.03em!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-system :where(.nd-report-room-total,.nd-report-wan-total) b,
html body .app .layout .main.page-networkDiag .nd-report-system :where(.nd-report-room-total,.nd-report-wan-total) b{
 color:#f1f1f1!important;
 font-size:11.3px!important;
 font-variant-numeric:tabular-nums!important;
 line-height:1.22!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-system .nd-traffic-spark,
html body .app .layout .main.page-networkDiag .nd-report-system .nd-traffic-spark{
 height:138px!important;
 padding:0!important;
 border-radius:12px!important;
 background:linear-gradient(180deg,#0d0d0e,#080809)!important;
 border:1px solid rgba(255,255,255,.055)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-system .nd-report-rates,
html body .app .layout .main.page-networkDiag .nd-report-system .nd-report-rates{
 gap:4px!important;
 margin-top:6px!important;
 align-items:center!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-12-shared-cross-surface-013-slice-12-part-02-seg-02-html-body-modal-secondar-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-12-shared-cross-surface-014-slice-12-part-02-seg-02-html-body-modal-secondar-micro-02-unit-01.css */

html[data-theme] body .app .layout .main.page-networkDiag .nd-report-system .nd-report-rates span,
html body .app .layout .main.page-networkDiag .nd-report-system .nd-report-rates span{
 justify-content:center!important;
 border-radius:0!important;
 padding:2px 4px!important;
 background:transparent!important;
 border:0!important;
 box-shadow:none!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-system .nd-report-speed-line,
html body .app .layout .main.page-networkDiag .nd-report-system .nd-report-speed-line{
 grid-template-columns:auto auto auto auto!important;
 justify-content:center!important;
 gap:6px!important;
 min-height:22px!important;
 text-align:center!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-system .nd-report-speed-line b,
html body .app .layout .main.page-networkDiag .nd-report-system .nd-report-speed-line b{
 color:#f4f4f4!important;
 font-size:12px!important;
 font-variant-numeric:tabular-nums!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-system .nd-report-speed-line small,
html body .app .layout .main.page-networkDiag .nd-report-system .nd-report-speed-line small{
 color:#8f8f8f!important;
 font-size:10.5px!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-system .nd-report-speed-line em,
html body .app .layout .main.page-networkDiag .nd-report-system .nd-report-speed-line em{
 color:#c6c6c6!important;
 font-size:10.8px!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-system .nd-report-speed-head,
html body .app .layout .main.page-networkDiag .nd-report-system .nd-report-speed-head{
 display:grid!important;
 grid-template-columns:1fr!important;
 gap:4px!important;
 margin-bottom:4px!important;
 line-height:1.2!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-system .nd-report-total-groups,
html body .app .layout .main.page-networkDiag .nd-report-system .nd-report-total-groups{
 display:flex!important;
 align-items:center!important;
 justify-content:flex-start!important;
 gap:12px!important;
 flex-wrap:wrap!important;
 width:100%!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-system :where(.nd-report-room-total,.nd-report-wan-total),
html body .app .layout .main.page-networkDiag .nd-report-system :where(.nd-report-room-total,.nd-report-wan-total){
 display:inline-flex!important;
 align-items:center!important;
 width:auto!important;
 min-width:0!important;
 gap:8px!important;
 padding:0!important;
 border:0!important;
 border-radius:0!important;
 background:transparent!important;
 box-shadow:none!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-system .nd-live-total-card .nd-live-total-line,
html body .app .layout .main.page-networkDiag .nd-report-system .nd-live-total-card .nd-live-total-line{
 display:inline-flex!important;
 align-items:center!important;
 width:auto!important;
 max-width:none!important;
 gap:4px!important;
 padding:0!important;
 border:0!important;
 background:transparent!important;
 box-shadow:none!important;
 line-height:1.1!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-system .nd-traffic-spark,
html body .app .layout .main.page-networkDiag .nd-report-system .nd-traffic-spark{
 height:154px!important;
 margin-top:5px!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-flow,
html body .app .layout .main.page-networkDiag .nd-report-flow{
 display:grid!important;
 grid-template-columns:1fr!important;
 gap:2px!important;
 min-width:0!important;
 width:100%!important;
 line-height:1.12!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-12-shared-cross-surface-014-slice-12-part-02-seg-02-html-body-modal-secondar-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-12-application-layout-015-slice-12-part-02-seg-02-html-body-modal-secondar-micro-02-unit-02.css */

html[data-theme] body .app .layout .main.page-networkDiag .nd-flow-live,
html body .app .layout .main.page-networkDiag .nd-flow-live,
html[data-theme] body .app .layout .main.page-networkDiag .nd-flow-total,
html body .app .layout .main.page-networkDiag .nd-flow-total{
 display:flex!important;
 align-items:center!important;
 width:100%!important;
 min-width:0!important;
 padding:0!important;
 border:0!important;
 background:transparent!important;
 box-shadow:none!important;
 line-height:1.12!important;
 white-space:nowrap!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-flow-live,
html body .app .layout .main.page-networkDiag .nd-flow-live{
 gap:10px!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-flow-total,
html body .app .layout .main.page-networkDiag .nd-flow-total{
 gap:12px!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-flow-live .nd-report-speed-line,
html body .app .layout .main.page-networkDiag .nd-flow-live .nd-report-speed-line{
 display:inline-flex!important;
 align-items:center!important;
 grid-template-columns:none!important;
 gap:4px!important;
 width:auto!important;
 min-width:0!important;
 min-height:0!important;
 padding:0!important;
 border:0!important;
 border-radius:0!important;
 background:transparent!important;
 box-shadow:none!important;
 line-height:1.1!important;
 white-space:nowrap!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-12-application-layout-015-slice-12-part-02-seg-02-html-body-modal-secondar-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-12-application-layout-016-slice-12-part-02-seg-02-html-body-modal-secondar-micro-03.css */

html[data-theme] body .app .layout .main.page-networkDiag .nd-flow-live .nd-report-speed-line :where(i,em,b,small),
html body .app .layout .main.page-networkDiag .nd-flow-live .nd-report-speed-line :where(i,em,b,small),
html[data-theme] body .app .layout .main.page-networkDiag .nd-flow-total span,
html body .app .layout .main.page-networkDiag .nd-flow-total span,
html[data-theme] body .app .layout .main.page-networkDiag .nd-flow-total :where(em,b),
html body .app .layout .main.page-networkDiag .nd-flow-total :where(em,b){
 display:inline-flex!important;
 width:auto!important;
 padding:0!important;
 border:0!important;
 border-radius:0!important;
 background:transparent!important;
 box-shadow:none!important;
 line-height:1.12!important;
 white-space:nowrap!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-room th:nth-child(6),
html body .app .layout .main.page-networkDiag .nd-report-room th:nth-child(6),
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-room td:nth-child(6),
html body .app .layout .main.page-networkDiag .nd-report-room td:nth-child(6){
 min-width:360px!important;
 width:360px!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-room th,
html body .app .layout .main.page-networkDiag .nd-report-room th,
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-room td,
html body .app .layout .main.page-networkDiag .nd-report-room td{
 padding-top:5px!important;
 padding-bottom:5px!important;
 line-height:1.16!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-room table,
html body .app .layout .main.page-networkDiag .nd-report-room table{
 min-width:1150px!important;
 table-layout:fixed!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-room th:nth-child(1),
html body .app .layout .main.page-networkDiag .nd-report-room th:nth-child(1),
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-room td:nth-child(1),
html body .app .layout .main.page-networkDiag .nd-report-room td:nth-child(1){
 width:210px!important;
 min-width:210px!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-room th:nth-child(2),
html body .app .layout .main.page-networkDiag .nd-report-room th:nth-child(2),
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-room td:nth-child(2),
html body .app .layout .main.page-networkDiag .nd-report-room td:nth-child(2){
 width:205px!important;
 min-width:205px!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-room th:nth-child(3),
html body .app .layout .main.page-networkDiag .nd-report-room th:nth-child(3),
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-room td:nth-child(3),
html body .app .layout .main.page-networkDiag .nd-report-room td:nth-child(3){
 width:120px!important;
 min-width:120px!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-12-application-layout-016-slice-12-part-02-seg-02-html-body-modal-secondar-micro-03.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-12-shared-cross-surface-017-slice-12-part-03-seg-01-html-body-modal-secondar-nano-01.css */

/* Legacy ordered base slice 12 part 03; split from 001-base-slice-12-html-body-modal-secondar.css. Keep import order stable. */
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-room th:nth-child(4),
html body .app .layout .main.page-networkDiag .nd-report-room th:nth-child(4),
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-room td:nth-child(4),
html body .app .layout .main.page-networkDiag .nd-report-room td:nth-child(4){
 width:150px!important;
 min-width:150px!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-room th:nth-child(5),
html body .app .layout .main.page-networkDiag .nd-report-room th:nth-child(5),
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-room td:nth-child(5),
html body .app .layout .main.page-networkDiag .nd-report-room td:nth-child(5){
 width:135px!important;
 min-width:135px!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-room th:nth-child(6),
html body .app .layout .main.page-networkDiag .nd-report-room th:nth-child(6),
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-room td:nth-child(6),
html body .app .layout .main.page-networkDiag .nd-report-room td:nth-child(6){
 width:330px!important;
 min-width:330px!important;
}
html body .app .layout .main.page-networkDiag .nd-page-head,
html[data-theme] body .app .layout .main.page-networkDiag .nd-page-head{
 align-items:center!important;
 gap:14px!important;
}
html body .app .layout .main.page-networkDiag .nd-page-head>div:first-child,
html[data-theme] body .app .layout .main.page-networkDiag .nd-page-head>div:first-child{
 min-width:0!important;
}
html body .app .layout .main.page-networkDiag .nd-page-head p,
html[data-theme] body .app .layout .main.page-networkDiag .nd-page-head p{
 display:block!important;
 margin:2px 0 0!important;
 max-width:none!important;
 overflow:visible!important;
 opacity:1!important;
 height:auto!important;
 visibility:visible!important;
}
html body .app .layout .main.page-networkDiag .nd-headline,
html[data-theme] body .app .layout .main.page-networkDiag .nd-headline{
 display:flex!important;
 align-items:center!important;
 gap:6px 12px!important;
 flex-wrap:wrap!important;
 margin-top:3px!important;
 color:#9d9d9d!important;
 font-size:.72rem!important;
 line-height:1.28!important;
 white-space:normal!important;
}
html body .app .layout .main.page-networkDiag .nd-headline span,
html[data-theme] body .app .layout .main.page-networkDiag .nd-headline span{
 display:inline-flex!important;
 align-items:center!important;
 gap:4px!important;
 min-width:0!important;
}
html body .app .layout .main.page-networkDiag .nd-headline b,
html[data-theme] body .app .layout .main.page-networkDiag .nd-headline b{
 color:#e6e6e6!important;
 font-size:.72rem!important;
 font-weight:680!important;
 font-variant-numeric:tabular-nums!important;
 white-space:nowrap!important;
}
html body .app .layout .main.page-networkDiag .nd-toolbar,
html[data-theme] body .app .layout .main.page-networkDiag .nd-toolbar{
 height:36px!important;
 gap:3px!important;
 padding:0!important;
 border:0!important;
 background:transparent!important;
 box-shadow:none!important;
 border-radius:0!important;
}
html body .app .layout .main.page-networkDiag :where(.nd-action,.nd-action.btn,.nd-action.btn.sm,.nd-action.primary,.nd-action.btn.primary),
html[data-theme] body .app .layout .main.page-networkDiag :where(.nd-action,.nd-action.btn,.nd-action.btn.sm,.nd-action.primary,.nd-action.btn.primary){
 width:34px!important;
 min-width:34px!important;
 height:34px!important;
 min-height:34px!important;
 border:0!important;
 border-radius:999px!important;
 background:transparent!important;
 color:#cfcfcf!important;
 box-shadow:none!important;
 outline:0!important;
}
html body .app .layout .main.page-networkDiag :where(.nd-action,.nd-action.btn,.nd-action.btn.sm,.nd-action.primary,.nd-action.btn.primary):hover,
html[data-theme] body .app .layout .main.page-networkDiag :where(.nd-action,.nd-action.btn,.nd-action.btn.sm,.nd-action.primary,.nd-action.btn.primary):hover{
 background:rgba(255,255,255,.07)!important;
 color:#f1f1f1!important;
 box-shadow:none!important;
}
html body .app .layout .main.page-networkDiag :where(.nd-action,.nd-action.btn,.nd-action.btn.sm,.nd-action.primary,.nd-action.btn.primary) svg,
html[data-theme] body .app .layout .main.page-networkDiag :where(.nd-action,.nd-action.btn,.nd-action.btn.sm,.nd-action.primary,.nd-action.btn.primary) svg{
 color:currentColor!important;
 stroke:currentColor!important;
 width:17px!important;
 height:17px!important;
 stroke-width:1.85!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-12-shared-cross-surface-017-slice-12-part-03-seg-01-html-body-modal-secondar-nano-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-12-shared-cross-surface-018-slice-12-part-03-seg-01-html-body-modal-secondar-nano-02.css */

html body .app .layout .main.page-networkDiag .nd-count,
html[data-theme] body .app .layout .main.page-networkDiag .nd-count{
 min-width:34px!important;
 height:26px!important;
 padding:0 5px!important;
 border:0!important;
 border-radius:7px!important;
 background:transparent!important;
 color:#9d9d9d!important;
 box-shadow:none!important;
 font-size:.7rem!important;
 font-weight:760!important;
}
html body .app .layout > .main.page-employees,
html[data-theme] body .app .layout > .main.page-employees{
 width:100%!important;
 max-width:none!important;
 min-width:0!important;
 overflow-x:hidden!important;
}
html body .app .layout > .main.page-employees .employee-admin-shell,
html[data-theme] body .app .layout > .main.page-employees .employee-admin-shell{
 width:100%!important;
 max-width:none!important;
 min-width:0!important;
 margin:0!important;
 box-sizing:border-box!important;
}
html body .app .layout > .main.page-employees .employee-list-shell,
html[data-theme] body .app .layout > .main.page-employees .employee-list-shell{
 width:100%!important;
 max-width:none!important;
 min-width:0!important;
 display:grid!important;
 grid-template-columns:minmax(240px,260px) minmax(0,1fr)!important;
 gap:10px!important;
 align-items:stretch!important;
 box-sizing:border-box!important;
}
html body .app .layout > .main.page-employees .employee-list-shell.org-editing,
html[data-theme] body .app .layout > .main.page-employees .employee-list-shell.org-editing{
 grid-template-columns:minmax(240px,260px) minmax(0,1fr)!important;
}
html body .app .layout > .main.page-employees .employee-list-shell > *,
html[data-theme] body .app .layout > .main.page-employees .employee-list-shell > *{
 min-width:0!important;
 max-width:none!important;
 box-sizing:border-box!important;
}
html body .app .layout > .main.page-employees .employee-table-wrap-col,
html[data-theme] body .app .layout > .main.page-employees .employee-table-wrap-col{
 width:100%!important;
 max-width:none!important;
 min-width:0!important;
 justify-self:stretch!important;
 align-self:stretch!important;
 display:block!important;
 box-sizing:border-box!important;
}
html body .app .layout > .main.page-employees .employee-table-panel,
html[data-theme] body .app .layout > .main.page-employees .employee-table-panel{
 width:100%!important;
 max-width:none!important;
 min-width:0!important;
 height:100%!important;
 box-sizing:border-box!important;
}
html body .app .layout > .main.page-employees .employee-table-panel .table-wrap,
html[data-theme] body .app .layout > .main.page-employees .employee-table-panel .table-wrap{
 width:100%!important;
 max-width:none!important;
 min-width:0!important;
 overflow-x:auto!important;
 box-sizing:border-box!important;
}
html body .app .layout > .main.page-employees .employee-table-panel table,
html[data-theme] body .app .layout > .main.page-employees .employee-table-panel table{
 width:100%!important;
 min-width:100%!important;
 table-layout:auto!important;
}
html body .app .layout > .main.page-employees .employee-list-name-cell,
html[data-theme] body .app .layout > .main.page-employees .employee-list-name-cell{
 display:flex!important;
 align-items:center!important;
 justify-content:flex-start!important;
 text-align:left!important;
 gap:9px!important;
 min-width:148px!important;
 max-width:260px!important;
 background:transparent!important;
 box-shadow:none!important;
 text-shadow:none!important;
}
html body .app .layout > .main.page-employees .employee-list-avatar-btn,
html[data-theme] body .app .layout > .main.page-employees .employee-list-avatar-btn{
 flex:0 0 40px!important;
 width:40px!important;
 height:40px!important;
 min-width:40px!important;
 min-height:40px!important;
 padding:0!important;
 margin:0!important;
 border:0!important;
 border-radius:8px!important;
 background:transparent!important;
 box-shadow:none!important;
 display:grid!important;
 place-items:center!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-12-shared-cross-surface-018-slice-12-part-03-seg-01-html-body-modal-secondar-nano-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-12-shared-cross-surface-019-slice-12-part-03-seg-01-html-body-modal-secondar-nano-03-malformed-retained.css */

html body .app .layout > .main.page-employees .employee-list-avatar,
html[data-theme] body .app .layout > .main.page-employees .employee-list-avatar{
 width:40px!important;
 height:40px!important;
 min-width:40px!important;
 min-height:40px!important;
 font-size:.82rem!important;
 border-radius:10px!important;
 box-shadow:none!important;
 overflow:hidden!important;
}
html body .app .layout > .main.page-employees .employee-list-avatar img,
html[data-theme] body .app .layout > .main.page-employees .employee-list-avatar img{
 width:100%!important;
 height:100%!important;
 object-fit:cover!important;
}
html body .avatar.employee-avatar-unregistered,
html[data-theme] body .avatar.employee-avatar-unregistered{
 border:1px solid rgba(255,166,166,.82)!important;
 outline:1px solid rgba(255,96,96,.34)!important;
 outline-offset:3px!important;
 box-shadow:
  0 0 0 1px rgba(255,255,255,.08) inset,
  0 0 0 3px rgba(248,113,113,.16),
  0 0 13px rgba(248,113,113,.48),
  0 0 24px rgba(239,68,68,.32)!important;
 filter:drop-shadow(0 0 7px rgba(248,113,113,.52))!important;
}
html body .app .layout > .main.page-employees .employee-list-name-text,
html[data-theme] body .app .layout > .main.page-employees .employee-list-name-text{
 min-width:0!important;
 display:flex!important;
 flex-direction:column!important;
 align-items:flex-start!important;
 text-align:left!important;
 gap:2px!important;
 line-height:1.15!important;
}
html body .app .layout > .main.page-employees .employee-list-name-text b,
html[data-theme] body .app .layout > .main.page-employees .employee-list-name-text b{
 color:#fff!important;
 font-size:.84rem!important;
 font-weight:760!important;
 display:flex!important;
 flex-direction:column!important;
 align-items:flex-start!important;
 text-align:left!important;
 white-space:normal!important;
 overflow:hidden!important;
 text-overflow:ellipsis!important;
}
html body .app .layout > .main.page-employees .employee-list-name-text b span,
html[data-theme] body .app .layout > .main.page-employees .employee-list-name-text b span{
 text-align:left!important;
 align-self:flex-start!important;
 max-width:100%!important;
 overflow:hidden!important;
 text-overflow:ellipsis!important;
 white-space:nowrap!important;
}
html body .app .layout > .main.page-employees .employee-list-name-text small,
html[data-theme] body .app .layout > .main.page-employees .employee-list-name-text small{
 color:rgba(244,244,241,.46)!important;
 font-size:.66rem!important;
 white-space:nowrap!important;
 overflow:hidden!important;
 text-overflow:ellipsis!important;
}
html body .app .layout.side-collapsed > .main.page-employees .employee-list-shell,
html[data-theme] body .app .layout.side-collapsed > .main.page-employees .employee-list-shell{
 grid-template-columns:minmax(240px,260px) minmax(0,1fr)!important;
}
html body .app .layout.side-collapsed > .main.page-employees .employee-list-shell.org-editing,
html[data-theme] body .app .layout.side-collapsed > .main.page-employees .employee-list-shell.org-editing{
 grid-template-columns:minmax(240px,260px) minmax(0,1fr)!important;
}
@media(max-width:900px){
 html body .app .layout > .main.page-employees .employee-list-shell,
 html body .app .layout > .main.page-employees .employee-list-shell.org-editing,
 html[data-theme] body .app .layout > .main.page-employees .employee-list-shell,
 html[data-theme] body .app .layout > .main.page-employees .employee-list-shell.org-editing{
  grid-template-columns:minmax(0,1fr)!important;
 }
}
html body .main.page-records .att-report-head-main,
html[data-theme] body .main.page-records .att-report-head-main{
 display:grid!important;
 grid-template-columns:auto minmax(0,1fr) auto!important;
 align-items:center!important;
 gap:12px!important;
 min-height:32px!important;
}
html body .main.page-records .att-report-title,

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-12-shared-cross-surface-019-slice-12-part-03-seg-01-html-body-modal-secondar-nano-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-12-shared-cross-surface-020-slice-12-part-03-seg-02-html-body-modal-secondar-unit-01.css */

/* Legacy ordered CSS segment; extracted from 001-base-slice-12-part-03-html-body-modal-secondar.css. Keep import order stable. */
html[data-theme] body .main.page-records .att-report-title{
 display:grid!important;
 gap:1px!important;
 min-width:max-content!important;
}
html body .main.page-records .att-report-title h1,
html[data-theme] body .main.page-records .att-report-title h1{
 margin:0!important;
 font-size:1rem!important;
 line-height:1.05!important;
 font-weight:520!important;
 color:#f4f4f1!important;
 white-space:nowrap!important;
}
html body .main.page-records .att-report-title p,
html[data-theme] body .main.page-records .att-report-title p{
 margin:0!important;
 max-width:220px!important;
 color:rgba(244,244,241,.45)!important;
 font-size:.62rem!important;
 line-height:1.08!important;
 white-space:nowrap!important;
 overflow:hidden!important;
 text-overflow:ellipsis!important;
}
html body .main.page-records .att-report-tabs-wrap,
html[data-theme] body .main.page-records .att-report-tabs-wrap{
 min-width:0!important;
}
html body .main.page-records .tabs.att-report-tabs.att-report-tabline,
html[data-theme] body .main.page-records .tabs.att-report-tabs.att-report-tabline{
 display:inline-flex!important;
 align-items:center!important;
 max-width:100%!important;
 gap:6px!important;
 margin:0!important;
 padding:0!important;
 border:0!important;
 border-radius:0!important;
 background:transparent!important;
 background-image:none!important;
 box-shadow:none!important;
 overflow-x:auto!important;
 scrollbar-width:none!important;
}
html body .main.page-records .tabs.att-report-tabs.att-report-tabline::-webkit-scrollbar{display:none!important}
html body .main.page-records .att-report-actions,
html[data-theme] body .main.page-records .att-report-actions{
 display:flex!important;
 justify-content:flex-end!important;
 align-items:center!important;
 gap:6px!important;
 flex-wrap:nowrap!important;
 margin:0!important;
 min-width:max-content!important;
}
@media(max-width:980px){
 html body .main.page-records .att-report-head-main,
 html[data-theme] body .main.page-records .att-report-head-main{
  grid-template-columns:1fr!important;
  gap:7px!important;
  align-items:start!important;
 }
 html body .main.page-records .att-report-title,
 html[data-theme] body .main.page-records .att-report-title{
  min-width:0!important;
 }
 html body .main.page-records .att-report-title p,
 html[data-theme] body .main.page-records .att-report-title p{
  max-width:none!important;
 }
 html body .main.page-records .att-report-actions,
 html[data-theme] body .main.page-records .att-report-actions{
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  min-width:0!important;
 }
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-12-shared-cross-surface-020-slice-12-part-03-seg-02-html-body-modal-secondar-unit-01.css */


/* >>> runtime/legacy/styles/blocks/overlays/secondary-modal/compatibility/001-base-slice-12-enterprise-entry.css */

/* Enterprise compatibility entry. Ordered semantic owners preserve the original slice-12 cascade. */

/* <<< runtime/legacy/styles/blocks/overlays/secondary-modal/compatibility/001-base-slice-12-enterprise-entry.css */


/* >>> runtime/legacy/styles/blocks/overlays/secondary-modal/effects/001-base-slice-12-part-01-seg-02-html-body-modal-secondar-micro-01-unit-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-12-part-01-html-body-modal-secondar.css. Keep import order stable. */
html body .main.page-nasStorage .nas-3d-folder small{
 position:relative;
 z-index:1;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
}
html body .main.page-nasStorage .nas-3d-folder span{
 font-size:11px;
 color:#f1f5f2;
 font-weight:750;
}
html body .main.page-nasStorage .nas-3d-folder b{
 font-size:10px;
 color:#cbd1cc;
 font-weight:520;
}
html body .main.page-nasStorage .nas-3d-folder small{
 font-size:9px;
 color:#8f9691;
}
html body .main.page-nasStorage .nas-empty-3d{
 grid-column:1/-1;
 align-self:center;
 justify-self:center;
 color:#9fa6a0;
 transform:rotateZ(31deg) rotateX(-52deg);
}
html body .main.page-nasStorage .nas-summary{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:10px;
}
html body .main.page-nasStorage .nas-summary>div,
html body .main.page-nasStorage .nas-rule-cards>div{
 padding:14px 15px;
 min-width:0;
}
html body .main.page-nasStorage .nas-summary span,
html body .main.page-nasStorage .nas-detail-grid span{
 display:block;
 color:#969c98;
 font-size:11px;
 margin-bottom:6px;
}
html body .main.page-nasStorage .nas-summary b,
html body .main.page-nasStorage .nas-detail-grid b{
 display:block;
 color:#f1f1f1;
 font-size:13px;
 line-height:1.35;
 word-break:break-word;
}
html body .main.page-nasStorage .nas-summary small{
 display:block;
 margin-top:6px;
 color:#8b928d;
 font-size:11px;
 line-height:1.4;
}
html body .main.page-nasStorage .nas-section{
 padding:2px 0;
 background:transparent!important;
 border:0!important;
 box-shadow:none!important;
}
html body .main.page-nasStorage .nas-section-head{
 display:flex;
 align-items:flex-end;
 justify-content:space-between;
 gap:12px;
 margin:2px 1px 10px;
}
html body .main.page-nasStorage .nas-section-head h2{
 margin:0;
 color:#f2f2f2;
 font-size:18px;
 line-height:1.15;
 font-weight:520;
}
html body .main.page-nasStorage .nas-section-head p{
 margin:5px 0 0;
 color:#8f9691;
 font-size:12px;
 line-height:1.45;
}
html body .main.page-nasStorage .nas-folder-grid{
 display:grid;
 grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
 gap:9px;
}

/* <<< runtime/legacy/styles/blocks/overlays/secondary-modal/effects/001-base-slice-12-part-01-seg-02-html-body-modal-secondar-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/overlays/secondary-modal/effects/001-base-slice-12-part-01-seg-02-html-body-modal-secondar-micro-03.css */

html body .main.page-nasStorage .nas-access-row span{
 color:#858c87;
 font-size:11px;
 margin-top:3px;
}
html body .main.page-nasStorage .nas-access-row em{
 width:max-content;
 max-width:100%;
 justify-self:start;
 border-radius:999px;
 padding:5px 9px;
 font-style:normal;
 font-size:11px;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 color:#c8cbc8;
 background:rgba(255,255,255,.055);
}
html body .main.page-nasStorage .nas-access-row em.ok{color:#9ef2b3;background:rgba(72,205,103,.12)}
html body .main.page-nasStorage .nas-access-row em.info{color:#d0d4d0;background:rgba(255,255,255,.07)}
html body .main.page-nasStorage .nas-access-row em.danger{color:#ffb5ba;background:rgba(255,95,105,.13)}
html body .main.page-nasStorage .nas-access-row em.gray{color:#aaa;background:rgba(255,255,255,.045)}
html body .main.page-nasStorage .nas-access-row strong{
 color:#dfe2df;
 font-size:12px;
 font-weight:520;
 white-space:nowrap;
}
html body .main.page-nasStorage .nas-folder-modal,
html body .nas-rule-modal{
 color:#f1f1f1;
}
html body .nas-folder-modal-hero{
 display:flex;
 align-items:flex-end;
 justify-content:space-between;
 gap:12px;
 padding:16px;
 border-radius:16px;
 background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
 border:1px solid rgba(255,255,255,.075);
}
html body .nas-folder-modal-hero h3{
 margin:0;
 color:#fff;
 font-size:22px;
 font-weight:520;
}
html body .nas-folder-modal-hero p{
 margin:6px 0 0;
 color:#969d98;
 font-size:12px;
 word-break:break-all;
}

/* <<< runtime/legacy/styles/blocks/overlays/secondary-modal/effects/001-base-slice-12-part-01-seg-02-html-body-modal-secondar-micro-03.css */


/* >>> runtime/legacy/styles/blocks/overlays/secondary-modal/effects/001-base-slice-12-part-02-seg-02-html-body-modal-secondar-micro-01-unit-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-12-part-02-html-body-modal-secondar.css. Keep import order stable. */
html body .app .layout .main.page-networkDiag .nd-report-system .nd-report-speed{
 margin-top:10px!important;
 padding:10px!important;
 border-radius:15px!important;
 background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.016))!important;
 border:1px solid rgba(255,255,255,.062)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-system .nd-report-speed-head,
html body .app .layout .main.page-networkDiag .nd-report-system .nd-report-speed-head{
 gap:8px!important;
 margin:0 0 9px!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-system .nd-report-speed-head>b,
html body .app .layout .main.page-networkDiag .nd-report-system .nd-report-speed-head>b{
 display:flex!important;
 align-items:center!important;
 gap:7px!important;
 color:#f0f0f0!important;
 font-size:11px!important;
 letter-spacing:.04em!important;
 line-height:1.15!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-system .nd-report-speed-head>b::before,
html body .app .layout .main.page-networkDiag .nd-report-system .nd-report-speed-head>b::before{
 content:"";
 width:7px;
 height:7px;
 border-radius:50%;
 background:#d2d2d2;
 box-shadow:0 0 0 3px rgba(255,255,255,.055);
 flex:0 0 auto;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-system .nd-live-counts,
html body .app .layout .main.page-networkDiag .nd-report-system .nd-live-counts{
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:7px!important;
 width:100%!important;
 margin:0!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-system .nd-live-count-item,
html body .app .layout .main.page-networkDiag .nd-report-system .nd-live-count-item{
 display:grid!important;
 grid-template-columns:10px minmax(0,1fr) auto auto!important;
 align-items:center!important;
 gap:6px!important;
 min-height:40px!important;
 padding:7px 10px!important;
 border-radius:14px!important;
 background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.018))!important;
 border:1px solid rgba(255,255,255,.058)!important;
 color:#bdbdbd!important;
 font-size:10.5px!important;
 line-height:1.12!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-system .nd-live-count-item span,
html body .app .layout .main.page-networkDiag .nd-report-system .nd-live-count-item span{
 min-width:0!important;
 color:#a8a8a8!important;
 font-size:10.5px!important;
 white-space:nowrap!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-system .nd-live-count-item b,
html body .app .layout .main.page-networkDiag .nd-report-system .nd-live-count-item b{
 color:#f2f2f2!important;
 font-size:17px!important;
 line-height:1!important;
 font-variant-numeric:tabular-nums!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-system .nd-live-count-item small,
html body .app .layout .main.page-networkDiag .nd-report-system .nd-live-count-item small{
 color:#858585!important;
 font-size:10px!important;
 line-height:1!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-system .nd-live-count-item.on b,
html body .app .layout .main.page-networkDiag .nd-report-system .nd-live-count-item.on b{
 color:#7ef0a4!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-system .nd-live-count-item.off b,
html body .app .layout .main.page-networkDiag .nd-report-system .nd-live-count-item.off b{
 color:#ff9aad!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-system .nd-live-count-item.idle b,
html body .app .layout .main.page-networkDiag .nd-report-system .nd-live-count-item.idle b{
 color:#d0d0d0!important;
}
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-system .nd-report-total-groups,
html body .app .layout .main.page-networkDiag .nd-report-system .nd-report-total-groups{
 gap:7px!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/secondary-modal/effects/001-base-slice-12-part-02-seg-02-html-body-modal-secondar-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/overlays/secondary-modal/effects/001-base-slice-12-part-03-seg-02-html-body-modal-secondar-unit-02.css */

.main.page-accounts{background:transparent!important}
.account-shell{min-height:calc(100dvh - 88px);padding:0 0 22px;color:#f4f4f1}
.account-fixed-head{position:sticky;top:0;z-index:24;margin:-4px 0 10px;padding:10px 12px;border-radius:16px;display:grid;grid-template-columns:minmax(180px,.85fr) minmax(0,1.6fr);gap:12px;align-items:center}
.account-title h1{margin:0;color:#f4f4f1;font-size:1.08rem;font-weight:500;letter-spacing:0}
.account-title p{margin:3px 0 0;color:rgba(244,244,241,.52);font-size:.74rem;line-height:1.34}
.account-head-tools{display:grid;grid-template-columns:minmax(170px,1fr) auto auto;gap:8px;align-items:center}
.account-search{width:100%;min-width:0}
.account-tabs{margin:0!important;padding:0!important;background:transparent!important;border:0!important;display:flex;gap:4px;white-space:nowrap}
.account-actions{display:flex;justify-content:flex-end;gap:7px;align-items:center}
.account-ghost-btn{background:transparent!important;border:0!important;box-shadow:none!important;color:rgba(244,244,241,.64)!important}
.account-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 12px}
.account-metric{position:relative;overflow:hidden;min-height:78px;border-radius:16px;padding:12px;background:linear-gradient(180deg,rgba(255,255,255,.078),rgba(255,255,255,.026));border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(18px) saturate(132%)}
.account-metric::after{content:"";position:absolute;right:-34px;top:-34px;width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.05);filter:blur(8px)}
.account-metric span{display:block;color:rgba(244,244,241,.52);font-size:var(--mc-type-caption-meta,.68rem)}
.account-metric b{display:block;margin-top:7px;color:#fff;font-size:1.55rem;font-weight:520;line-height:1}
.account-metric small{display:block;margin-top:7px;color:rgba(244,244,241,.5);font-size:.7rem}
.account-metric.tiktok::after{background:rgba(255,82,124,.16)}
.account-metric.instagram::after{background:rgba(232,170,92,.16)}
.account-metric.gmail::after{background:rgba(126,240,164,.14)}
.account-metric.attention::after{background:rgba(248,211,106,.15)}
.account-body{display:grid;gap:12px}
.account-group{display:grid;gap:8px}
.account-group-head{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:0 2px}
.account-group-head h2{margin:0;color:#f5f5f2;font-size:.95rem;font-weight:500}
.account-group-head p{margin:3px 0 0;color:rgba(244,244,241,.44);font-size:var(--mc-type-secondary-body,.76rem)}
.account-group-head span{color:rgba(244,244,241,.44);font-size:var(--mc-type-caption-meta,.68rem)}
.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.account-card{position:relative;overflow:hidden;min-height:318px;padding:14px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.078),rgba(255,255,255,.028));border:1px solid rgba(255,255,255,.072);box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 24px 54px -48px rgba(0,0,0,.9);backdrop-filter:blur(20px) saturate(138%);display:flex;flex-direction:column;gap:11px}
.account-card::before{content:"";position:absolute;inset:0 0 auto;height:68px;background:linear-gradient(90deg,rgba(255,255,255,.07),transparent 66%);pointer-events:none}
.account-card::after{content:"";position:absolute;right:-50px;top:-56px;width:128px;height:128px;border-radius:50%;filter:blur(18px);opacity:.72;pointer-events:none}
.account-tiktok::after{background:rgba(255,82,124,.24)}
.account-instagram::after{background:rgba(232,170,92,.22)}
.account-gmail::after{background:rgba(126,240,164,.18)}
.account-card-top,.account-card-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px}
.account-platform{display:flex;align-items:center;gap:9px;min-width:0}
.account-platform i{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);font-style:normal;font-size:var(--mc-type-emphasized-body,.82rem);color:#fff}
.account-platform b,.account-platform small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-platform b{font-size:.85rem;font-weight:520;color:#fff}
.account-platform small{margin-top:2px;font-size:.66rem;color:rgba(244,244,241,.45)}
.account-status{flex:0 0 auto;border-radius:999px;padding:4px 8px;font-size:.68rem;font-style:normal;color:#ddd;background:rgba(255,255,255,.07)}
.account-status.active{color:#7ef0a4;background:rgba(126,240,164,.09)}
.account-status.attention{color:#f8d36a;background:rgba(248,211,106,.1)}
.account-status.paused{color:#bdbdbd;background:rgba(255,255,255,.06)}
.account-card-title{position:relative;z-index:1}
.account-card-title h2{margin:0;color:#fff;font-size:1.12rem;font-weight:520;line-height:1.2}

/* <<< runtime/legacy/styles/blocks/overlays/secondary-modal/effects/001-base-slice-12-part-03-seg-02-html-body-modal-secondar-unit-02.css */


/* >>> runtime/legacy/styles/blocks/accounts/card/compatibility-preview/001-base-slice-13-account-card-01-slice-13-part-01-seg-01-account-card-title-p-fine-01.css */

/* Legacy ordered base slice 13 part 01; split from 001-base-slice-13-account-card-title-p.css. Keep import order stable. */
.account-card-title p{margin:6px 0 0;min-height:34px;color:rgba(244,244,241,.52);font-size:.76rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.account-lines{position:relative;z-index:1;display:grid;gap:6px}
.account-line{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px;align-items:center;min-height:28px;padding:6px 8px;border-radius:11px;background:rgba(0,0,0,.15)}
.account-line span{color:rgba(244,244,241,.42);font-size:var(--mc-type-caption-meta,.68rem)}
.account-line b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f1f1ee;font-size:.75rem;font-weight:470}
.account-line.secret b{color:rgba(244,244,241,.72)}
.account-secret-mask{color:#7ef0a4}
.account-owners{position:relative;z-index:2;margin-top:auto}
.account-owner-row{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.account-owner{display:inline-flex;align-items:center;gap:6px;max-width:145px;border-radius:999px;padding:4px 8px 4px 4px;background:rgba(255,255,255,.06)}
.account-owner .avatar{width:22px;height:22px;font-size:var(--mc-type-caption-meta,.68rem)}
.account-owner b{font-size:var(--mc-type-emphasized-body,.82rem);color:#f3f3f0;font-weight:450;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-owner-row em{font-style:normal;color:rgba(244,244,241,.48);font-size:var(--mc-type-caption-meta,.68rem)}
.account-owner-empty{font-size:var(--mc-type-secondary-body,.76rem);color:#f8d36a}
.account-tags{position:relative;z-index:1;display:flex;gap:5px;flex-wrap:wrap;min-height:22px}
.account-tags span{border-radius:999px;background:rgba(255,255,255,.055);color:rgba(244,244,241,.56);font-size:var(--mc-type-caption-meta,.68rem);padding:3px 7px}
.account-card-foot{margin-top:2px}
.account-card-foot small{color:rgba(244,244,241,.38);font-size:.66rem}
.account-card-foot>div{display:flex;gap:6px}
.account-card .btn{height:28px;border-radius:999px!important}
.account-link-btn{background:transparent!important;color:rgba(244,244,241,.68)!important;border:1px solid rgba(255,255,255,.08)!important}
.account-empty{display:grid;place-items:center;text-align:center;min-height:320px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(18px)}
.account-empty h2{margin:0;color:#fff;font-size:1rem}
.account-empty p{margin:8px 0 14px;color:rgba(244,244,241,.5);font-size:.78rem}
.main.page-agents{background:transparent!important}
.agent-shell{min-height:calc(100dvh - 88px);padding:0 0 24px;color:#f4f4f1}
.agent-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.72fr);gap:16px;align-items:stretch;margin-bottom:12px;padding:18px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.062),rgba(255,255,255,.018));border:.5px solid rgba(255,255,255,.07);-webkit-backdrop-filter:blur(22px) saturate(1.22);backdrop-filter:blur(22px) saturate(1.22)}
.agent-hero::before{content:"";position:absolute;inset:-30% -10% auto auto;width:420px;height:260px;background:radial-gradient(circle,rgba(88,166,255,.20),transparent 68%);filter:blur(18px);pointer-events:none}
.agent-hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-width:0}
.agent-kicker{font-size:var(--mc-type-caption-meta,.68rem);color:rgba(244,244,241,.52);letter-spacing:.12em;text-transform:uppercase}
.agent-hero-copy h1{margin:6px 0 0;font-size:2rem;line-height:1.08;font-weight:820;color:#fff;letter-spacing:0}
.agent-hero-copy p{margin:10px 0 0;max-width:760px;color:rgba(244,244,241,.60);font-size:.86rem;line-height:1.65}
.agent-hero-actions{display:flex;gap:8px;flex-wrap:wrap}
.agent-visual{position:relative;min-height:238px;display:grid;place-items:center;perspective:900px}
.agent-visual-core{position:relative;width:min(330px,100%);height:212px;transform-style:preserve-3d;animation:agentFloat 7s ease-in-out infinite}
.agent-plate{position:absolute;left:50%;top:50%;width:220px;height:104px;border-radius:20px;transform:translate(-50%,-50%) rotateX(62deg) rotateZ(-35deg);background:linear-gradient(135deg,rgba(74,222,128,.20),rgba(56,189,248,.10));border:.5px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.agent-plate:nth-child(2){width:184px;height:82px;transform:translate(-32%,-78%) rotateX(62deg) rotateZ(-35deg) translateZ(42px);background:linear-gradient(135deg,rgba(248,211,106,.18),rgba(255,82,124,.11))}
.agent-plate:nth-child(3){width:148px;height:66px;transform:translate(-72%,-24%) rotateX(62deg) rotateZ(-35deg) translateZ(76px);background:linear-gradient(135deg,rgba(168,85,247,.16),rgba(88,166,255,.14))}
.agent-node{position:absolute;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.10);border:.5px solid rgba(255,255,255,.18);color:#fff;font-size:var(--mc-type-caption-meta,.68rem);font-weight:850;box-shadow:0 18px 48px -32px rgba(0,0,0,.95);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.agent-node.n1{left:54%;top:26%;transform:translateZ(92px)}.agent-node.n2{left:29%;top:50%;transform:translateZ(70px)}.agent-node.n3{left:65%;top:62%;transform:translateZ(54px)}
.agent-ray{position:absolute;left:24%;right:18%;top:49%;height:1px;background:linear-gradient(90deg,transparent,rgba(126,240,164,.65),rgba(88,166,255,.55),transparent);transform:rotate(-19deg);filter:drop-shadow(0 0 8px rgba(88,166,255,.45))}
@keyframes agentFloat{0%,100%{transform:rotateX(0deg) rotateY(-9deg) translateY(0)}50%{transform:rotateX(2deg) rotateY(8deg) translateY(-8px)}}
.agent-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px}
.agent-metric{min-height:74px;border-radius:16px;padding:12px;background:linear-gradient(180deg,rgba(255,255,255,.068),rgba(255,255,255,.024));border:.5px solid rgba(255,255,255,.065);-webkit-backdrop-filter:blur(18px) saturate(1.18);backdrop-filter:blur(18px) saturate(1.18)}
.agent-metric span{display:block;color:rgba(244,244,241,.52);font-size:.7rem}.agent-metric b{display:block;margin-top:7px;color:#fff;font-size:1.5rem;line-height:1;font-weight:760}.agent-metric small{display:block;margin-top:7px;color:rgba(244,244,241,.46);font-size:var(--mc-type-caption-meta,.68rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agent-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);gap:12px;align-items:start}
.agent-panel{min-width:0;border-radius:18px;padding:14px;background:transparent;border:0;box-shadow:none}
.agent-panel-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}
.agent-panel-head h2{margin:0;color:#f5f5f2;font-size:1rem;font-weight:760}.agent-panel-head p{margin:4px 0 0;color:rgba(244,244,241,.46);font-size:var(--mc-type-secondary-body,.76rem)}.agent-panel-head span{color:rgba(244,244,241,.44);font-size:var(--mc-type-caption-meta,.68rem);white-space:nowrap}
.agent-roster{display:grid;gap:2px}
.agent-row{display:grid;grid-template-columns:minmax(170px,.8fr) repeat(4,minmax(88px,.42fr)) minmax(120px,.5fr);gap:12px;align-items:center;min-height:58px;padding:10px 8px;border-bottom:.5px solid rgba(255,255,255,.08);background:transparent}
.agent-row:nth-child(odd){background:rgba(255,255,255,.032)}
.agent-row:hover{background:linear-gradient(90deg,rgba(126,240,164,.10),rgba(88,166,255,.08),rgba(255,82,124,.08));position:relative;z-index:4}
.agent-person{display:flex;align-items:center;gap:9px;min-width:0}.agent-person .avatar{width:34px;height:34px;font-size:var(--mc-type-caption-meta,.68rem);flex:0 0 auto}.agent-person b,.agent-person small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-person b{color:#fff;font-size:var(--mc-type-emphasized-body,.82rem)}.agent-person small{color:rgba(244,244,241,.46);font-size:var(--mc-type-caption-meta,.68rem);margin-top:2px}
.agent-cell span{display:block;color:rgba(244,244,241,.42);font-size:.65rem}.agent-cell b{display:block;color:#f4f4f1;font-size:.78rem;font-weight:660;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-cell small{display:block;color:rgba(244,244,241,.40);font-size:.64rem;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agent-chip{display:inline-flex;align-items:center;justify-content:center;min-height:22px;border-radius:999px;padding:0 8px;font-size:var(--mc-type-caption-meta,.68rem);font-weight:780;background:rgba(255,255,255,.06);color:rgba(244,244,241,.68)}.agent-chip.ok{color:#7ef0a4;background:rgba(126,240,164,.09)}.agent-chip.warn{color:#f8d36a;background:rgba(248,211,106,.10)}.agent-chip.info{color:#7dd3fc;background:rgba(56,189,248,.10)}
.agent-mini-table{display:grid;gap:0}.agent-mini-row{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(110px,.7fr) minmax(92px,.45fr);gap:10px;align-items:center;min-height:42px;padding:8px 4px;border-bottom:.5px solid rgba(255,255,255,.075)}.agent-mini-row:nth-child(odd){background:rgba(255,255,255,.03)}.agent-mini-row:hover{background:linear-gradient(90deg,rgba(126,240,164,.08),rgba(88,166,255,.07),transparent)}
.agent-mini-row b,.agent-mini-row span,.agent-mini-row small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-mini-row b{color:#f7f7f4;font-size:.76rem}.agent-mini-row span{color:rgba(244,244,241,.55);font-size:var(--mc-type-secondary-body,.76rem)}.agent-mini-row small{color:rgba(244,244,241,.38);font-size:.66rem}
.agent-tree-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 12px}
.agent-tree-panel{min-height:260px}
.agent-rank-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 10px}
.agent-rank-strip span{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:28px;padding:0 8px;border-radius:10px;background:rgba(255,255,255,.032);border:.5px solid rgba(255,255,255,.055);color:rgba(244,244,241,.48);font-size:var(--mc-type-caption-meta,.68rem)}
.agent-rank-strip b{font-size:.66rem;color:rgba(244,244,241,.70);font-weight:760;white-space:nowrap}

/* <<< runtime/legacy/styles/blocks/accounts/card/compatibility-preview/001-base-slice-13-account-card-01-slice-13-part-01-seg-01-account-card-title-p-fine-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-13-shared-cross-surface-02-slice-13-part-01-seg-01-account-card-title-p-fine-02.css */

.agent-tree-avatar{width:32px!important;height:32px!important;border-radius:10px!important;font-size:var(--mc-type-caption-meta,.68rem)!important}
.agent-tree-main{min-width:0;display:grid;gap:1px}
.agent-tree-main small,.agent-tree-main b,.agent-tree-main em{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agent-tree-main small{color:#7dd3fc;font-size:.60rem;font-weight:820}
.agent-tree-main b{color:#fff;font-size:.80rem;line-height:1.15}
.agent-tree-main em{font-style:normal;color:rgba(244,244,241,.44);font-size:.63rem}
.agent-tree-stats{display:flex;gap:5px;justify-content:flex-end;align-items:center;white-space:nowrap}
.agent-tree-stats span{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 7px;border-radius:999px;background:rgba(255,255,255,.055);color:rgba(244,244,241,.66);font-size:.62rem;font-weight:760}
.agent-tree-account-btn{height:26px!important;min-height:26px!important;padding:0 9px!important;font-size:.64rem!important}
.agent-ai-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.agent-ai-card{min-height:86px;border-radius:16px;padding:12px;background:linear-gradient(180deg,rgba(255,255,255,.058),rgba(255,255,255,.020));border:.5px solid rgba(255,255,255,.06)}.agent-ai-card b{display:block;color:#fff;font-size:var(--mc-type-emphasized-body,.82rem)}.agent-ai-card p{margin:6px 0 10px;color:rgba(244,244,241,.48);font-size:.68rem;line-height:1.42}.agent-ai-card span{font-size:.64rem;color:#7dd3fc}
.agent-empty{min-height:120px;display:grid;place-items:center;text-align:center;color:rgba(244,244,241,.48);font-size:var(--mc-type-secondary-body,.76rem);border-radius:16px;background:rgba(255,255,255,.025)}
.agent-performance-panel{padding:14px 0 16px!important}
.agent-performance-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 10px}
.agent-performance-head h2{margin:0;color:#f7f7f4;font-size:1.02rem;font-weight:820}.agent-performance-head p{margin:5px 0 0;color:rgba(244,244,241,.48);font-size:.72rem}.agent-performance-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.agent-performance-actions>span{color:rgba(244,244,241,.46);font-size:.68rem;white-space:nowrap}.agent-performance-actions input[type=file]{display:none}
.agent-performance-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 10px}.agent-performance-kpis>div{min-width:0;border-radius:14px;padding:11px 12px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:.5px solid rgba(255,255,255,.07);box-shadow:none!important;-webkit-backdrop-filter:blur(16px) saturate(1.14);backdrop-filter:blur(16px) saturate(1.14)}.agent-performance-kpis span{display:block;color:rgba(244,244,241,.50);font-size:.68rem}.agent-performance-kpis b{display:block;margin-top:6px;min-width:0;color:#fff;font-size:1.18rem;line-height:1.06;font-weight:840;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agent-performance-avatar{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;overflow:hidden;flex:0 0 auto;background:linear-gradient(135deg,rgba(125,211,252,.20),rgba(126,240,164,.12));border:.5px solid rgba(255,255,255,.12);color:#dff7ff;font-size:var(--mc-type-emphasized-body,.82rem);font-weight:840}.agent-performance-avatar img{width:100%;height:100%;object-fit:cover;display:block}.agent-performance-avatar.empty{background:linear-gradient(135deg,rgba(56,189,248,.16),rgba(248,211,106,.10))}
.agent-performance-bar-board{margin:10px 0 12px;padding:13px 13px 11px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.050),rgba(255,255,255,.016));border:.5px solid rgba(125,211,252,.20);box-shadow:none!important;overflow:hidden;-webkit-backdrop-filter:blur(18px) saturate(1.18);backdrop-filter:blur(18px) saturate(1.18)}
.agent-performance-bar-board.is-empty{display:grid;place-items:center;min-height:150px}.agent-performance-bar-board-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 11px}.agent-performance-bar-board-head span{color:#fff;font-size:.88rem;font-weight:840}.agent-performance-bar-board-head b{color:rgba(125,211,252,.78);font-size:.68rem;font-weight:760;white-space:nowrap}
.agent-performance-bar-board-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:88px;gap:10px;align-items:end;min-height:236px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 8px;scrollbar-width:thin;scrollbar-color:rgba(125,211,252,.45) transparent}.agent-performance-bar-board-scroll::-webkit-scrollbar{height:7px}.agent-performance-bar-board-scroll::-webkit-scrollbar-track{background:transparent}.agent-performance-bar-board-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(125,211,252,.42)}
.agent-performance-bar-lane{appearance:none;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.024);color:#fff;box-shadow:none!important;min-width:0;height:224px;padding:8px 6px;display:grid;grid-template-rows:26px 1fr 48px 15px;gap:6px;align-items:end;justify-items:center;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.agent-performance-bar-lane:hover,.agent-performance-bar-lane:focus-visible{transform:translateY(-2px);border-color:rgba(125,211,252,.58);background:rgba(125,211,252,.070);outline:0}.agent-performance-bar-value{align-self:start;max-width:100%;color:#7dd3fc;font-size:.70rem;font-weight:860;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-performance-bar-column{display:block;width:36px;height:calc(var(--agent-bar-height,7) * 1%);min-height:8px;border-radius:9px 9px 4px 4px;background:linear-gradient(180deg,#67e8f9 0%,#38bdf8 42%,#2563eb 100%);border:.5px solid rgba(255,255,255,.18);box-shadow:none!important}.agent-performance-bar-lane.top-1 .agent-performance-bar-column{background:linear-gradient(180deg,#fde68a 0%,#f59e0b 100%)}.agent-performance-bar-lane.top-2 .agent-performance-bar-column{background:linear-gradient(180deg,#e5e7eb 0%,#94a3b8 100%)}.agent-performance-bar-lane.top-3 .agent-performance-bar-column{background:linear-gradient(180deg,#fdba74 0%,#ea580c 100%)}.agent-performance-bar-agent{display:grid;place-items:center;gap:4px;width:100%;min-width:0}.agent-performance-bar-agent .agent-performance-avatar{width:27px;height:27px;border-radius:9px}.agent-performance-bar-agent b{display:block;max-width:100%;color:rgba(255,255,255,.88);font-size:.68rem;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-performance-bar-lane small{color:rgba(244,244,241,.40);font-size:.60rem}
.agent-performance-chart{border-radius:16px;border:.5px solid rgba(255,255,255,.065);background:rgba(255,255,255,.018);box-shadow:none!important;overflow:hidden}.agent-performance-chart-head,.agent-performance-row{display:grid;grid-template-columns:34px minmax(150px,1.18fr) 88px 64px 58px 52px;gap:8px;align-items:center}.agent-performance-chart-head{min-height:28px;padding:0 9px;color:rgba(244,244,241,.42);font-size:.65rem;border-bottom:.5px solid rgba(255,255,255,.07)}.agent-performance-chart-scroll{display:grid;gap:0;max-height:330px;overflow:auto;padding:6px}.agent-performance-row{min-height:38px;padding:4px 7px;border:0!important;border-bottom:.5px solid rgba(255,255,255,.060)!important;border-radius:8px!important;background:rgba(255,255,255,.018)!important;color:#f4f4f1!important;box-shadow:none!important;text-align:left}.agent-performance-row:hover{background:linear-gradient(90deg,rgba(125,211,252,.09),rgba(126,240,164,.06),transparent)!important}.agent-performance-rank{color:rgba(125,211,252,.88);font-size:var(--mc-type-emphasized-body,.82rem);font-weight:820;text-align:center}.agent-performance-person{display:flex;align-items:center;gap:7px;min-width:0}.agent-performance-person>span:last-child{min-width:0;display:grid;gap:1px}.agent-performance-person b,.agent-performance-person small{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-performance-person b{font-size:.78rem;color:#fff}.agent-performance-person small{font-size:.64rem;color:rgba(244,244,241,.45)}.agent-performance-diamond-value{display:block;min-width:0;color:#c9f7ff;font-size:var(--mc-type-emphasized-body,.82rem);font-weight:850;text-align:right;white-space:nowrap}.agent-performance-metric>b{color:#fff;font-size:.74rem;font-weight:820;white-space:nowrap}.agent-performance-metric small{display:block;margin-top:1px;color:rgba(244,244,241,.38);font-size:.60rem}
@media(max-width:1280px){.agent-hero,.agent-grid,.agent-tree-grid{grid-template-columns:1fr}.agent-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.agent-row{grid-template-columns:minmax(170px,1fr) repeat(2,minmax(90px,.5fr));gap:8px}.agent-row .agent-cell:nth-of-type(n+4){display:none}}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){.agent-shell{padding-bottom:74px}.agent-hero{padding:14px}.agent-visual{min-height:180px}.agent-metrics,.agent-performance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-rank-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-tree-card{grid-template-columns:34px minmax(0,1fr);align-items:start}.agent-tree-stats,.agent-tree-account-btn{grid-column:2}.agent-tree-stats{justify-content:flex-start}.agent-row{grid-template-columns:1fr;gap:7px}.agent-row .agent-cell:nth-of-type(n+1){display:block}.agent-mini-row{grid-template-columns:1fr}.agent-ai-grid{grid-template-columns:1fr}.agent-performance-head{align-items:flex-start;flex-direction:column}.agent-performance-bar-board-scroll{grid-auto-columns:76px;min-height:206px}.agent-performance-bar-lane{height:196px}.agent-performance-chart-head,.agent-performance-row{grid-template-columns:42px minmax(150px,1fr) minmax(160px,1fr)}.agent-performance-chart-head span:nth-child(n+4),.agent-performance-row .agent-performance-metric{display:none}}
.modal.account-card-modal,.secondary-rail-shell.account-card-modal{background:rgba(12,12,12,.78)!important}
.account-card-modal .m-body,.secondary-rail-shell.account-card-modal .secondary-rail-body{background:transparent!important}
.account-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.account-modal-row{grid-column:1/-1;display:grid;gap:11px;align-items:start}
.account-modal-status-row{grid-template-columns:minmax(0,1fr) minmax(150px,.9fr)}
.account-modal-title-row{grid-template-columns:1fr}
.account-modal-credential-row{grid-template-columns:repeat(3,minmax(0,1fr))}
.account-modal-row>.field{min-width:0}
.account-modal-grid .field label{color:rgba(244,244,241,.66);font-size:.74rem}
.account-modal-grid input,.account-modal-grid select,.account-modal-grid textarea{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.085)!important;color:#f4f4f1!important}
.account-modal-grid input:focus,.account-modal-grid select:focus,.account-modal-grid textarea:focus{border-color:rgba(255,255,255,.2)!important;box-shadow:0 0 0 4px rgba(255,255,255,.035)!important}
.account-modal-wide{grid-column:1/-1}
.account-user-pick-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.account-picked-user{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:260px;color:#f4f4f1}
.account-picked-user .avatar{width:34px!important;height:34px!important;border-radius:10px!important;font-size:var(--mc-type-caption-meta,.68rem)!important;flex:0 0 auto}
.account-picked-user span:last-child{display:grid;gap:2px;min-width:0}
.account-picked-user b,.account-picked-user small{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-picked-user b{font-size:.78rem;font-weight:760;color:#fff}
.account-picked-user small{font-size:.66rem;color:rgba(244,244,241,.54)}
.account-picked-empty{color:rgba(244,244,241,.46);font-size:var(--mc-type-secondary-body,.76rem)}
.account-card-modal .m-foot .btn{border-radius:999px!important}
.account-card-modal .m-foot .btn:not(.primary):not(.danger){background:transparent!important;border:0!important;color:rgba(244,244,241,.68)!important}
@media(max-width:1260px){.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-fixed-head{grid-template-columns:1fr}.account-head-tools{grid-template-columns:minmax(0,1fr) auto}.account-actions{grid-column:1/-1;justify-content:flex-start}.account-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){.account-shell{padding-bottom:74px}.account-head-tools{grid-template-columns:1fr}.account-tabs{overflow-x:auto}.account-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.account-grid{grid-template-columns:1fr}.account-modal-grid,.account-modal-status-row,.account-modal-credential-row,.account-user-pick-row{grid-template-columns:1fr}.account-fixed-head{position:relative;top:auto}.account-line{grid-template-columns:70px minmax(0,1fr)}.account-picked-user{max-width:100%}}
html[data-theme] body .app .layout > .main,
html[data-theme=dark] body .app .layout > .main,
html[data-theme=light] body .app .layout > .main,
html body .app .layout > .main{
  color:#f4f4f1!important;
  background:
    radial-gradient(920px 460px at 84% -16%,rgba(255,255,255,.038),transparent 72%),
    radial-gradient(640px 420px at 14% 112%,rgba(255,255,255,.018),transparent 74%),
    linear-gradient(180deg,#080909 0%,#050606 100%)!important;
  background-color:#050606!important;
}
html[data-theme] body .app .layout > .main.page-system,
html body .app .layout > .main.page-system{
  color:#f4f4f1!important;
  background:
    radial-gradient(920px 460px at 84% -16%,rgba(255,255,255,.038),transparent 72%),
    radial-gradient(640px 420px at 14% 112%,rgba(255,255,255,.018),transparent 74%),
    linear-gradient(180deg,#080909 0%,#050606 100%)!important;
  background-color:#050606!important;
}
html[data-theme] body .app .layout > .main.page-records,
html body .app .layout > .main.page-records{
  background:
    radial-gradient(920px 460px at 84% -16%,rgba(255,255,255,.038),transparent 72%),
    radial-gradient(640px 420px at 14% 112%,rgba(255,255,255,.018),transparent 74%),
    linear-gradient(180deg,#080909 0%,#050606 100%)!important;
  background-color:#050606!important;
}
html[data-theme] body .app .layout > .main.page-records .att-report-shell,
html body .app .layout > .main.page-records .att-report-shell,
html[data-theme] body .app .layout > .main.page-records .att-report-shell::before,
html body .app .layout > .main.page-records .att-report-shell::before,
html[data-theme] body .app .layout > .main.page-records .att-report-shell::after,
html body .app .layout > .main.page-records .att-report-shell::after{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
}
html[data-theme] body .app .layout > .main.page-records .att-report-shell,
html body .app .layout > .main.page-records .att-report-shell{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html[data-theme] body .app .layout > .main.page-records :where(.att-report-grid,.att-pie-dashboard,.att-self-card,.att-calendar-layout,.att-calendar-panel,.att-summary-panel,.att-table,.att-raw-section,.att-section,.table-wrap),
html body .app .layout > .main.page-records :where(.att-report-grid,.att-pie-dashboard,.att-self-card,.att-calendar-layout,.att-calendar-panel,.att-summary-panel,.att-table,.att-raw-section,.att-section,.table-wrap){
  background:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.modal.personal-card-modal{width:min(680px,calc(100vw - 28px))!important;max-width:680px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
.modal.personal-card-modal .m-head{position:absolute!important;inset:10px 10px auto auto!important;z-index:6;padding:0!important;border:0!important;background:transparent!important;min-height:0!important}
.modal.personal-card-modal .m-head h3{display:none!important}
.modal.personal-card-modal .m-head .x{width:34px!important;height:34px!important;border-radius:50%!important;border:0!important;background:rgba(255,255,255,.08)!important;color:rgba(244,244,241,.78)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.09)!important;backdrop-filter:blur(18px) saturate(130%)!important}
.modal.personal-card-modal .m-head .x:hover{background:rgba(255,255,255,.14)!important;color:#fff!important}
.modal.personal-card-modal .m-body{padding:0!important;background:transparent!important;overflow:visible!important}
.personal-info-unified{display:block!important;margin:0!important;padding:0!important}
.personal-business-card{position:relative;overflow:hidden;width:100%;min-height:640px;border-radius:28px;padding:28px;color:#f5f3ec;background:radial-gradient(circle at 15% 0%,rgba(255,255,255,.13),transparent 34%),radial-gradient(circle at 100% 12%,rgba(126,240,164,.14),transparent 28%),linear-gradient(145deg,#141512 0%,#0c0d0b 48%,#191915 100%);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 92px -56px rgba(0,0,0,.92),inset 0 1px 0 rgba(255,255,255,.11);isolation:isolate}
.personal-business-card::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.12),transparent 18%,transparent 64%,rgba(255,255,255,.055));pointer-events:none;z-index:-1}
.personal-business-card::after{content:"";position:absolute;right:-80px;bottom:-110px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(210,184,122,.2),transparent 66%);filter:blur(12px);pointer-events:none;z-index:-1}
.personal-card-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center}
.personal-card-avatar{width:72px!important;height:72px!important;font-size:1.52rem!important;flex:0 0 auto!important}
.personal-card-identity{min-width:0}.personal-card-identity span{display:block;color:rgba(245,243,236,.52);font-size:var(--mc-type-caption-meta,.68rem);letter-spacing:.13em;text-transform:uppercase}.personal-card-identity h2{margin:4px 0 0;color:#fff;font-size:1.7rem;font-weight:520;line-height:1.08;letter-spacing:0}.personal-card-identity p{margin:7px 0 0;color:rgba(245,243,236,.68);font-size:.88rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.personal-card-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;color:rgba(245,243,236,.72);font-size:var(--mc-type-emphasized-body,.82rem);font-weight:520;letter-spacing:.08em;background:rgba(255,255,255,.055);box-shadow:inset 0 1px 0 rgba(255,255,255,.09)}
.personal-card-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.personal-card-chips>span,.personal-card-chips .tag{border:0!important;border-radius:999px!important;padding:5px 9px!important;background:rgba(255,255,255,.075)!important;color:rgba(245,243,236,.75)!important;font-size:var(--mc-type-caption-meta,.68rem)!important;box-shadow:none!important}
.personal-card-divider{height:1px;margin:20px 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}
.personal-card-section{padding:0;margin:0 0 20px}.personal-card-section:last-child{margin-bottom:0}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-13-shared-cross-surface-02-slice-13-part-01-seg-01-account-card-title-p-fine-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-13-shared-cross-surface-03-slice-13-part-01-seg-01-account-card-title-p-fine-03-unit-01.css */

.personal-card-section h3{margin:0 0 10px;color:rgba(245,243,236,.72);font-size:.82rem;font-weight:520;letter-spacing:.04em}
.personal-card-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.personal-card-field{min-width:0;border-radius:15px;padding:9px 11px;background:rgba(255,255,255,.055);box-shadow:inset 0 1px 0 rgba(255,255,255,.055);backdrop-filter:blur(16px) saturate(122%)}
.personal-card-field span{display:block;margin-bottom:4px;color:rgba(245,243,236,.44);font-size:.67rem;line-height:1.1}
.personal-card-field b{display:block;min-width:0;color:#f8f6ef;font-size:var(--mc-type-emphasized-body,.82rem);font-weight:430;line-height:1.34;word-break:break-word}
.personal-card-field b .muted{color:rgba(245,243,236,.36)!important}.personal-card-field .tag{font-size:.68rem!important;padding:2px 6px!important}.personal-card-field img{max-width:100%!important;max-height:130px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.04)!important}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){.overlay.mobile-fullscreen-overlay:has(.personal-card-modal){padding:0!important;align-items:stretch!important;background:#090a08!important}.modal.mobile-fullscreen-modal.personal-card-modal{width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;overflow:hidden!important}.modal.mobile-fullscreen-modal.personal-card-modal .m-head{inset:calc(10px + env(safe-area-inset-top)) 10px auto auto!important}.modal.mobile-fullscreen-modal.personal-card-modal .m-body{height:100%!important;overflow:auto!important;padding:0!important}.modal.mobile-fullscreen-modal.personal-card-modal .personal-info-unified{min-height:100%!important}.modal.mobile-fullscreen-modal.personal-card-modal .personal-business-card{min-height:100dvh!important;border-radius:0!important;border:0!important;padding:calc(26px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom))!important;box-shadow:none!important}.personal-card-hero{grid-template-columns:auto minmax(0,1fr);padding-right:38px}.personal-card-mark{display:none}.personal-card-avatar{width:64px!important;height:64px!important}.personal-card-identity h2{font-size:1.46rem}.personal-card-identity p{font-size:.78rem;white-space:normal}.personal-card-field-grid{grid-template-columns:1fr;gap:7px}.personal-card-section{margin-bottom:17px}.personal-card-field{padding:8px 10px;border-radius:13px}.personal-card-field b{font-size:.79rem}}
html body .app .layout.layout > .main.main:not(.mc-bg-exempt),
html[data-theme] body .app .layout.layout > .main.main:not(.mc-bg-exempt),
html[data-theme=dark] body .app .layout.layout > .main.main:not(.mc-bg-exempt),
html[data-theme=light] body .app .layout.layout > .main.main:not(.mc-bg-exempt){
  color:#f4f4f1!important;
  background:
    radial-gradient(980px 440px at 82% -18%,rgba(255,255,255,.040),transparent 72%),
    radial-gradient(660px 420px at 16% 110%,rgba(255,255,255,.020),transparent 76%),
    linear-gradient(180deg,#1a1b19 0%,#151615 100%)!important;
  background-color:#151615!important;
}
html body .app .layout.layout > .main.main.page-records,
html[data-theme] body .app .layout.layout > .main.main.page-records,
html[data-theme=dark] body .app .layout.layout > .main.main.page-records,
html[data-theme=light] body .app .layout.layout > .main.main.page-records{
  background:
    radial-gradient(980px 440px at 82% -18%,rgba(255,255,255,.040),transparent 72%),
    radial-gradient(660px 420px at 16% 110%,rgba(255,255,255,.020),transparent 76%),
    linear-gradient(180deg,#1a1b19 0%,#151615 100%)!important;
  background-color:#151615!important;
}
html body .app .layout.layout > .main.main.page-records .att-report-shell,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-report-shell,
html body .app .layout.layout > .main.main.page-records .att-report-shell::before,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-report-shell::before,
html body .app .layout.layout > .main.main.page-records .att-report-shell::after,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-report-shell::after{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app .layout.layout > .main.main.page-records :where(.att-report-grid,.att-pie-dashboard,.att-section,.att-self-card,.att-company-pie-panel,.att-company-overview,.att-watch-panel,.att-self-content,.att-self-calendar-col,.att-month-summary-panel,.att-month-layout,.att-table,.att-raw-section,.att-calendar-panel,.att-summary-panel,.table-wrap),
html[data-theme] body .app .layout.layout > .main.main.page-records :where(.att-report-grid,.att-pie-dashboard,.att-section,.att-self-card,.att-company-pie-panel,.att-company-overview,.att-watch-panel,.att-self-content,.att-self-calendar-col,.att-month-summary-panel,.att-month-layout,.att-table,.att-raw-section,.att-calendar-panel,.att-summary-panel,.table-wrap){
  background:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .app .layout.layout > .main.main.page-records .att-self-calendar-col,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-self-calendar-col{
  perspective:920px!important;
  transform-style:preserve-3d!important;
  overflow:visible!important;
}
html body .app .layout.layout > .main.main.page-records .att-self-calendar,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-self-calendar{
  transform-origin:50% 86%!important;
  backface-visibility:hidden!important;
  will-change:transform,opacity,filter,clip-path!important;
  contain:layout paint!important;
}
html body .app .layout.layout > .main.main.page-records .att-self-calendar.att-cal-exit,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-self-calendar.att-cal-exit{
  pointer-events:none!important;
  animation:attCalendarFanExit .30s cubic-bezier(.58,.04,.74,.46) both!important;
}
html body .app .layout.layout > .main.main.page-records .att-self-calendar.att-cal-enter,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-self-calendar.att-cal-enter{
  animation:attCalendarFanEnter .58s cubic-bezier(.16,.88,.20,1) both!important;
}
html body .app .layout.layout > .main.main.page-records .att-self-calendar.att-cal-next,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-self-calendar.att-cal-next{
  --att-cal-dir:1;
  transform-origin:12% 94%!important;
}
html body .app .layout.layout > .main.main.page-records .att-self-calendar.att-cal-prev,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-self-calendar.att-cal-prev{
  --att-cal-dir:-1;
  transform-origin:88% 94%!important;
}
html body .app .layout.layout > .main.main.page-records .att-self-calendar.att-cal-enter > *,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-self-calendar.att-cal-enter > *{
  animation:attCalendarCellFan .50s cubic-bezier(.16,.86,.24,1) both!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-13-shared-cross-surface-03-slice-13-part-01-seg-01-account-card-title-p-fine-03-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-13-shared-cross-surface-04-slice-13-part-01-seg-01-account-card-title-p-fine-03-unit-02.css */

html body .app .layout.layout > .main.main.page-records .att-self-calendar.att-cal-enter > :nth-child(7n+1),
html[data-theme] body .app .layout.layout > .main.main.page-records .att-self-calendar.att-cal-enter > :nth-child(7n+1){animation-delay:.00s!important}
html body .app .layout.layout > .main.main.page-records .att-self-calendar.att-cal-enter > :nth-child(7n+2),
html[data-theme] body .app .layout.layout > .main.main.page-records .att-self-calendar.att-cal-enter > :nth-child(7n+2){animation-delay:.018s!important}
html body .app .layout.layout > .main.main.page-records .att-self-calendar.att-cal-enter > :nth-child(7n+3),
html[data-theme] body .app .layout.layout > .main.main.page-records .att-self-calendar.att-cal-enter > :nth-child(7n+3){animation-delay:.036s!important}
html body .app .layout.layout > .main.main.page-records .att-self-calendar.att-cal-enter > :nth-child(7n+4),
html[data-theme] body .app .layout.layout > .main.main.page-records .att-self-calendar.att-cal-enter > :nth-child(7n+4){animation-delay:.054s!important}
html body .app .layout.layout > .main.main.page-records .att-self-calendar.att-cal-enter > :nth-child(7n+5),
html[data-theme] body .app .layout.layout > .main.main.page-records .att-self-calendar.att-cal-enter > :nth-child(7n+5){animation-delay:.072s!important}
html body .app .layout.layout > .main.main.page-records .att-self-calendar.att-cal-enter > :nth-child(7n+6),
html[data-theme] body .app .layout.layout > .main.main.page-records .att-self-calendar.att-cal-enter > :nth-child(7n+6){animation-delay:.090s!important}
html body .app .layout.layout > .main.main.page-records .att-self-calendar.att-cal-enter > :nth-child(7n),
html[data-theme] body .app .layout.layout > .main.main.page-records .att-self-calendar.att-cal-enter > :nth-child(7n){animation-delay:.108s!important}
@keyframes attCalendarFanExit{
  0%{opacity:1;filter:blur(0) brightness(1);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:perspective(920px) translateX(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) skewY(0) scale(1)}
  52%{opacity:.78;filter:blur(1px) brightness(1.06);clip-path:polygon(5% 0,100% 8%,94% 100%,0 92%);transform:perspective(920px) translateX(calc(var(--att-cal-dir,1) * -20px)) translateZ(-34px) rotateX(5deg) rotateY(calc(var(--att-cal-dir,1) * -10deg)) rotateZ(calc(var(--att-cal-dir,1) * -4deg)) skewY(calc(var(--att-cal-dir,1) * -2deg)) scale(.975)}
  100%{opacity:0;filter:blur(7px) brightness(.78);clip-path:polygon(26% 0,100% 20%,78% 100%,0 76%);transform:perspective(920px) translateX(calc(var(--att-cal-dir,1) * -118px)) translateZ(-210px) rotateX(11deg) rotateY(calc(var(--att-cal-dir,1) * -30deg)) rotateZ(calc(var(--att-cal-dir,1) * -12deg)) skewY(calc(var(--att-cal-dir,1) * -5deg)) scale(.82)}
}
@keyframes attCalendarFanEnter{
  0%{opacity:0;filter:blur(9px) brightness(.76);clip-path:polygon(18% 0,100% 22%,82% 100%,0 78%);transform:perspective(920px) translateX(calc(var(--att-cal-dir,1) * 126px)) translateZ(-230px) rotateX(-13deg) rotateY(calc(var(--att-cal-dir,1) * 32deg)) rotateZ(calc(var(--att-cal-dir,1) * 14deg)) skewY(calc(var(--att-cal-dir,1) * 5deg)) scale(.80)}
  54%{opacity:1;filter:blur(1px) brightness(1.10);clip-path:polygon(0 0,100% 4%,98% 100%,0 96%);transform:perspective(920px) translateX(calc(var(--att-cal-dir,1) * -16px)) translateZ(28px) rotateX(2deg) rotateY(calc(var(--att-cal-dir,1) * -5deg)) rotateZ(calc(var(--att-cal-dir,1) * -1.4deg)) skewY(calc(var(--att-cal-dir,1) * -.8deg)) scale(1.018)}
  100%{opacity:1;filter:blur(0) brightness(1);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:perspective(920px) translateX(0) translateZ(0) rotateX(0) rotateY(0) rotateZ(0) skewY(0) scale(1)}
}
@keyframes attCalendarCellFan{
  0%{opacity:.35;transform:translateY(14px) rotateZ(calc(var(--att-cal-dir,1) * 4deg)) scale(.965)}
  62%{opacity:1;transform:translateY(-2px) rotateZ(calc(var(--att-cal-dir,1) * -.6deg)) scale(1.012)}
  100%{opacity:1;transform:translateY(0) rotateZ(0) scale(1)}
}
@media(prefers-reduced-motion:reduce){
  html body .app .layout.layout > .main.main.page-records .att-self-calendar.att-cal-enter,
  html[data-theme] body .app .layout.layout > .main.main.page-records .att-self-calendar.att-cal-enter,
  html body .app .layout.layout > .main.main.page-records .att-self-calendar.att-cal-exit,
  html[data-theme] body .app .layout.layout > .main.main.page-records .att-self-calendar.att-cal-exit{
    animation:none!important;
    filter:none!important;
    transform:none!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-13-shared-cross-surface-04-slice-13-part-01-seg-01-account-card-title-p-fine-03-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-preview/001-base-slice-13-topbar-05-slice-13-part-01-seg-01-account-card-title-p-fine-04-malformed-retained.css */

html body .topbar .top-cloud,
html[data-theme] body .topbar .top-cloud{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:78px!important;
  height:30px!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:rgba(244,244,241,.72)!important;
  box-shadow:none!important;
  cursor:pointer!important;
  font-size:.72rem!important;
  line-height:1!important;
}
html body .topbar .top-cloud:hover,
html[data-theme] body .topbar .top-cloud:hover{
  background:rgba(255,255,255,.075)!important;
  color:#f4f4f1!important;
}
html body .topbar .top-cloud.sync .g-chip,
html[data-theme] body .topbar .top-cloud.sync .g-chip{color:#7ef0a4!important}
html body .topbar .top-cloud.pending .g-chip,
html[data-theme] body .topbar .top-cloud.pending .g-chip{color:#f8d36a!important}
html body .topbar .top-cloud.error .g-chip,
html[data-theme] body .topbar .top-cloud.error .g-chip{color:#ff9aad!important}
html body .topbar .top-cloud.local .g-chip,
html[data-theme] body .topbar .top-cloud.local .g-chip{color:#b8b8b8!important}
html body .topbar .top-cloud #cloudLabel,
html[data-theme] body .topbar .top-cloud #cloudLabel{
  display:inline!important;
  max-width:58px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:currentColor!important;
  font-size:.70rem!important;
}
body.secondary-rail-open .app .layout,
html[data-theme] body.secondary-rail-open .app .layout{
  padding-right:calc(var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px))) + var(--mc-secondary-rail-gap,10px))!important;
}
body.secondary-rail-open.secondary-rail-wide .app .layout,

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-preview/001-base-slice-13-topbar-05-slice-13-part-01-seg-01-account-card-title-p-fine-04-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/overlays/secondary-modal/compatibility-preview/001-base-slice-13-secondary-rail-06-slice-13-part-01-seg-02-account-card-title-p-micro-01-unit-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-13-part-01-account-card-title-p.css. Keep import order stable. */
html[data-theme] body.secondary-rail-open.secondary-rail-wide .app .layout{
  padding-right:calc(var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px))) + var(--mc-secondary-rail-gap,10px))!important;
}
body.secondary-rail-open .app .layout > .main,
html[data-theme] body.secondary-rail-open .app .layout > .main{
  min-width:0!important;
}
body.secondary-rail-open .app .layout > .side,
html[data-theme] body.secondary-rail-open .app .layout > .side{
  width:var(--mc-side-collapsed-w,46px)!important;
  min-width:var(--mc-side-collapsed-w,46px)!important;
  max-width:var(--mc-side-collapsed-w,46px)!important;
  padding-left:2px!important;
  padding-right:2px!important;
}
body.secondary-rail-open .app .layout > .side .nav,
html[data-theme] body.secondary-rail-open .app .layout > .side .nav{
  justify-content:center!important;
  padding-left:0!important;
  padding-right:0!important;
}
body.secondary-rail-open .app .layout > .side :where(.nav-label,.side-grp-head span,.side-profile-text),
html[data-theme] body.secondary-rail-open .app .layout > .side :where(.nav-label,.side-grp-head span,.side-profile-text){
  display:none!important;
}
body.secondary-rail-open .app .layout > .side .side-profile-wrap,
html[data-theme] body.secondary-rail-open .app .layout > .side .side-profile-wrap{
  justify-content:center!important;
}
#modal .secondary-rail-shell{
  position:fixed!important;
  top:var(--mc-topbar-h,56px)!important;
  right:0!important;
  bottom:0!important;
  width:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)))!important;
  min-width:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)))!important;
  max-width:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)))!important;
  z-index:760!important;
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  color:#f4f4f1!important;
  background:
    radial-gradient(420px 320px at 16% 0%,rgba(255,255,255,.09),transparent 72%),
    linear-gradient(180deg,rgba(28,29,27,.82),rgba(11,12,11,.90))!important;
  border:0!important;
  border-left:0!important;
  border-radius:0!important;
  box-shadow:-18px 0 46px -42px rgba(0,0,0,.95)!important;
  -webkit-backdrop-filter:blur(28px) saturate(1.18)!important;
  backdrop-filter:blur(28px) saturate(1.18)!important;
  overflow:hidden!important;
}
#modal .secondary-rail-shell.wide{
  width:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)))!important;
  min-width:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)))!important;
  max-width:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)))!important;
}
#modal .secondary-rail-line{
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:1px!important;
  display:none!important;
  background:none!important;
  opacity:0!important;
  pointer-events:none!important;
}
#modal .secondary-rail-head{
  position:relative!important;
  z-index:1!important;
  min-height:0!important;
  padding:6px 16px 12px!important;
  display:block!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.018))!important;
}
#modal .secondary-rail-head h3{
  margin:0!important;
  color:#f4f4f1!important;
  font-size:.96rem!important;
  line-height:1.2!important;
  font-weight:460!important;
}
#modal .secondary-rail-head .x,
#modal .secondary-rail-shell .x{
  width:30px!important;
  height:30px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:rgba(244,244,241,.68)!important;
  box-shadow:none!important;
}
#modal .secondary-rail-head .x:hover,
#modal .secondary-rail-shell .x:hover{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/secondary-modal/compatibility-preview/001-base-slice-13-secondary-rail-06-slice-13-part-01-seg-02-account-card-title-p-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-13-shared-cross-surface-07-slice-13-part-01-seg-02-account-card-title-p-micro-01-unit-02.css */

#modal .secondary-rail-body{
  min-width:0!important;
  min-height:0!important;
  overflow:auto!important;
  padding:14px 16px 16px 18px!important;
}
#modal .secondary-rail-foot{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  padding:10px 14px 14px 18px!important;
  border-top:1px solid rgba(255,255,255,.075)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(0,0,0,.10))!important;
}
#modal .secondary-rail-shell :where(.panel,.modal,.table-wrap,.org-pick-modal,.org-simple-pick,.org-pick-list,.geo-stat,.stat){
  background:transparent!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.065)!important;
  box-shadow:none!important;
}
#modal .secondary-rail-shell :where(.row2,.row3,.live-room-form-grid,.account-modal-grid){
  grid-template-columns:1fr!important;
}
#modal .secondary-rail-shell :where(input,select,textarea,.input){
  max-width:100%!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-13-shared-cross-surface-07-slice-13-part-01-seg-02-account-card-title-p-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/overlays/secondary-modal/compatibility-preview/001-base-slice-13-secondary-rail-08-slice-13-part-01-seg-02-account-card-title-p-micro-02.css */

html body #modal .secondary-rail-shell,
html[data-theme] body #modal .secondary-rail-shell,
html body #modal .secondary-rail-shell.org-pick-modal,
html[data-theme] body #modal .secondary-rail-shell.org-pick-modal,
html body #modal .secondary-rail-shell.glass-select-list,
html[data-theme] body #modal .secondary-rail-shell.glass-select-list,
html body #modal .secondary-rail-shell.org-pick-rail,
html[data-theme] body #modal .secondary-rail-shell.org-pick-rail{
  width:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)))!important;
  min-width:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)))!important;
  max-width:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)))!important;
}
html body #modal .secondary-rail-shell.wide,
html[data-theme] body #modal .secondary-rail-shell.wide{
  width:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)))!important;
  min-width:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)))!important;
  max-width:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)))!important;
}
html body #modal .secondary-rail-shell .org-simple-pick,
html[data-theme] body #modal .secondary-rail-shell .org-simple-pick{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
html[data-theme] body .topbar::after,
html body .topbar::after,
html[data-theme] body .app .layout::before,
html[data-theme] body .app .layout::after,
html body .app .layout::before,
html body .app .layout::after,
html[data-theme] body .app .main::before,
html[data-theme] body .app .main::after,
html body .app .main::before,
html body .app .main::after{
  display:none!important;
  content:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
body.secondary-rail-open .app .layout,
html[data-theme] body.secondary-rail-open .app .layout{
  padding-right:calc(var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px))) + var(--mc-secondary-rail-gap,10px))!important;
}
body.secondary-rail-open.secondary-rail-wide .app .layout,
html[data-theme] body.secondary-rail-open.secondary-rail-wide .app .layout{
  padding-right:calc(var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px))) + var(--mc-secondary-rail-gap,10px))!important;
}
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html[data-theme] body .app .layout > .main,
  html body .app .layout > .main,
  html[data-theme] body .app .layout.side-collapsed > .main,
  html body .app .layout.side-collapsed > .main{
    border-radius:0!important;
    box-shadow:none!important;
  }
  body.secondary-rail-open .app .layout > .main,
  html[data-theme] body.secondary-rail-open .app .layout > .main{
    border-radius:0!important;
    border-top-right-radius:0!important;
    border-bottom-right-radius:0!important;
    box-shadow:none!important;
  }
}
html body #modal .secondary-rail-shell,
html[data-theme] body #modal .secondary-rail-shell,
html body #modal .secondary-rail-shell.org-pick-modal,
html[data-theme] body #modal .secondary-rail-shell.org-pick-modal,
html body #modal .secondary-rail-shell.glass-select-list,
html[data-theme] body #modal .secondary-rail-shell.glass-select-list,
html body #modal .secondary-rail-shell.org-pick-rail,
html[data-theme] body #modal .secondary-rail-shell.org-pick-rail{
  width:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)))!important;
  min-width:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)))!important;
  max-width:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)))!important;
  border-left:0!important;
  border-radius:0!important;
  border-top-left-radius:0!important;
  border-bottom-left-radius:0!important;
  clip-path:none!important;
  background:
    radial-gradient(260px 220px at 8% 0%,rgba(255,255,255,.055),transparent 72%),
    linear-gradient(180deg,rgba(21,22,21,.82),rgba(8,9,8,.92))!important;
  box-shadow:-18px 0 46px -42px rgba(0,0,0,.95)!important;
}
html body #modal .secondary-rail-shell.wide,
html[data-theme] body #modal .secondary-rail-shell.wide{
  width:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)))!important;
  min-width:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)))!important;
  max-width:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)))!important;
}
html body #modal .secondary-rail-line,
html[data-theme] body #modal .secondary-rail-line{
  display:none!important;
  background:none!important;
  opacity:0!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/secondary-modal/compatibility-preview/001-base-slice-13-secondary-rail-08-slice-13-part-01-seg-02-account-card-title-p-micro-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-13-shared-cross-surface-09-slice-13-part-01-seg-02-account-card-title-p-micro-03.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  body.secondary-rail-open .app .layout > .side,
  html[data-theme] body.secondary-rail-open .app .layout > .side{
    width:var(--mc-side-collapsed-w,46px)!important;
    min-width:var(--mc-side-collapsed-w,46px)!important;
    max-width:var(--mc-side-collapsed-w,46px)!important;
    padding:26px 2px 12px!important;
  }
  body.secondary-rail-open .app .layout > .side .side-grp-head,
  html[data-theme] body.secondary-rail-open .app .layout > .side .side-grp-head{
    justify-content:center!important;
    align-items:center!important;
    width:100%!important;
    min-height:24px!important;
    height:24px!important;
    padding:0!important;
    margin:0 0 5px!important;
  }
  body.secondary-rail-open .app .layout > .side .side-collapse-inline,
  html[data-theme] body.secondary-rail-open .app .layout > .side .side-collapse-inline{
    margin:0 auto!important;
    width:18px!important;
    min-width:18px!important;
    height:18px!important;
    padding:0!important;
  }
  body.secondary-rail-open .app .layout > .side .nav,
  html[data-theme] body.secondary-rail-open .app .layout > .side .nav{
    width:30px!important;
    min-width:30px!important;
    height:38px!important;
    min-height:38px!important;
    margin:0 auto 1px!important;
    padding:0!important;
    justify-content:center!important;
    align-items:center!important;
    gap:0!important;
  }
  body.secondary-rail-open .app .layout > .side .nav .ic,
  body.secondary-rail-open .app .layout > .side .nav .side-ico,
  body.secondary-rail-open .app .layout > .side .nav svg,
  html[data-theme] body.secondary-rail-open .app .layout > .side .nav .ic,
  html[data-theme] body.secondary-rail-open .app .layout > .side .nav .side-ico,
  html[data-theme] body.secondary-rail-open .app .layout > .side .nav svg{
    width:18px!important;
    min-width:18px!important;
    height:18px!important;
    margin:0!important;
    padding:0!important;
    stroke-width:1.25!important;
  }
  body.secondary-rail-open .app .layout > .side .grp-sep,
  html[data-theme] body.secondary-rail-open .app .layout > .side .grp-sep{
    display:block!important;
    width:30px!important;
    height:3px!important;
    margin:13px auto 11px!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-13-shared-cross-surface-09-slice-13-part-01-seg-02-account-card-title-p-micro-03.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-preview/001-base-slice-13-topbar-10-slice-13-part-02-seg-01-account-card-title-p-fine-01-unit-01.css */

/* Legacy ordered base slice 13 part 02; split from 001-base-slice-13-account-card-title-p.css. Keep import order stable. */
html body #modal .secondary-rail-shell,
html[data-theme] body #modal .secondary-rail-shell{
  background:
    radial-gradient(280px 230px at 10% 0%,rgba(255,255,255,.052),transparent 74%),
    linear-gradient(180deg,rgba(18,19,18,.86),rgba(5,6,5,.94))!important;
  border:0!important;
  box-shadow:-16px 0 42px -40px rgba(0,0,0,.96)!important;
  -webkit-backdrop-filter:blur(28px) saturate(1.12)!important;
  backdrop-filter:blur(28px) saturate(1.12)!important;
}
html body #modal .secondary-rail-head,
html[data-theme] body #modal .secondary-rail-head{
  border-bottom:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #modal .secondary-rail-foot,
html[data-theme] body #modal .secondary-rail-foot{
  border-top:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #modal .secondary-rail-body :where(.panel,.modal,.table-wrap,.org-pick-modal,.org-simple-pick,.org-pick-list,.geo-stat,.stat,.select-summary,.tpl-card,.perm-grp,.settings-card),
html[data-theme] body #modal .secondary-rail-body :where(.panel,.modal,.table-wrap,.org-pick-modal,.org-simple-pick,.org-pick-list,.geo-stat,.stat,.select-summary,.tpl-card,.perm-grp,.settings-card){
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  background-image:none!important;
}
html body .topbar .top-cloud,
html[data-theme] body .topbar .top-cloud{
  min-width:92px!important;
  color:rgba(244,244,241,.62)!important;
  transition:color .18s ease,background .18s ease,opacity .18s ease!important;
}
html body .topbar .top-cloud .g-chip,
html[data-theme] body .topbar .top-cloud .g-chip{
  color:currentColor!important;
  transition:color .18s ease,transform .18s ease,opacity .18s ease!important;
}
html body .topbar .top-cloud.sync,
html[data-theme] body .topbar .top-cloud.sync,
html body .topbar .top-cloud.sync .g-chip,
html[data-theme] body .topbar .top-cloud.sync .g-chip,
html body .topbar .top-cloud.sync .g-chip .top-ico,
html[data-theme] body .topbar .top-cloud.sync .g-chip .top-ico,
html body .topbar .top-cloud.sync .g-chip .top-ico path,
html[data-theme] body .topbar .top-cloud.sync .g-chip .top-ico path{
  color:#7ef0a4!important;
  stroke:#7ef0a4!important;
}
html body .topbar .top-cloud.pending,
html[data-theme] body .topbar .top-cloud.pending,
html body .topbar .top-cloud.pending .g-chip,
html[data-theme] body .topbar .top-cloud.pending .g-chip,
html body .topbar .top-cloud.pending .g-chip .top-ico,
html[data-theme] body .topbar .top-cloud.pending .g-chip .top-ico,
html body .topbar .top-cloud.pending .g-chip .top-ico path,
html[data-theme] body .topbar .top-cloud.pending .g-chip .top-ico path{
  color:#f8d36a!important;
  stroke:#f8d36a!important;
}
html body .topbar .top-cloud.unsynced,
html[data-theme] body .topbar .top-cloud.unsynced,
html body .topbar .top-cloud.error,
html[data-theme] body .topbar .top-cloud.error,
html body .topbar .top-cloud.local,
html[data-theme] body .topbar .top-cloud.local,
html body .topbar .top-cloud.unsynced .g-chip,
html[data-theme] body .topbar .top-cloud.unsynced .g-chip,
html body .topbar .top-cloud.error .g-chip,
html[data-theme] body .topbar .top-cloud.error .g-chip,
html body .topbar .top-cloud.local .g-chip,
html[data-theme] body .topbar .top-cloud.local .g-chip,
html body .topbar .top-cloud.unsynced .g-chip .top-ico,
html[data-theme] body .topbar .top-cloud.unsynced .g-chip .top-ico,
html body .topbar .top-cloud.error .g-chip .top-ico,
html[data-theme] body .topbar .top-cloud.error .g-chip .top-ico,
html body .topbar .top-cloud.local .g-chip .top-ico,
html[data-theme] body .topbar .top-cloud.local .g-chip .top-ico,
html body .topbar .top-cloud.unsynced .g-chip .top-ico path,
html[data-theme] body .topbar .top-cloud.unsynced .g-chip .top-ico path,
html body .topbar .top-cloud.error .g-chip .top-ico path,
html[data-theme] body .topbar .top-cloud.error .g-chip .top-ico path,
html body .topbar .top-cloud.local .g-chip .top-ico path,
html[data-theme] body .topbar .top-cloud.local .g-chip .top-ico path{
  color:#ff9aad!important;
  stroke:#ff9aad!important;
}
html body .topbar .top-cloud.pending .g-chip,
html[data-theme] body .topbar .top-cloud.pending .g-chip{
  animation:g-pulse 1s infinite!important;
}
html body .topbar .top-cloud #cloudLabel,
html[data-theme] body .topbar .top-cloud #cloudLabel{
  max-width:72px!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-preview/001-base-slice-13-topbar-10-slice-13-part-02-seg-01-account-card-title-p-fine-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-13-shared-cross-surface-11-slice-13-part-02-seg-01-account-card-title-p-fine-01-unit-02.css */

html body .g-chip.unsynced,
html[data-theme] body .g-chip.unsynced{
  background:var(--danger)!important;
}
html body .app .layout.layout > .main.main:not(.mc-bg-exempt),
html[data-theme] body .app .layout.layout > .main.main:not(.mc-bg-exempt){
  background:
    radial-gradient(980px 440px at 84% -18%,rgba(255,255,255,.030),transparent 74%),
    radial-gradient(760px 420px at 12% 108%,rgba(255,255,255,.014),transparent 78%),
    linear-gradient(180deg,#191a18 0%,#151615 100%)!important;
  background-color:#151615!important;
}
html body .app .layout > .main :where(.panel,.stat,.table-wrap,.settings-card,.settings-modern-head,.settings-modern-shell,.employee-org-panel,.employee-table-panel,.att-report-fixed-head,.att-rule-shell,.role-page,.role-list-item,.tpl-card,.tpl-editor,.tpl-list,.oa-launch-panel,.workbench-unified,.live-room-head,.live-room-stage-wrap,.live-room-side .panel,.live-building-overview,.account-card,.account-metric,.account-fixed-head,.notif-drop,.glass-select-list),
html[data-theme] body .app .layout > .main :where(.panel,.stat,.table-wrap,.settings-card,.settings-modern-head,.settings-modern-shell,.employee-org-panel,.employee-table-panel,.att-report-fixed-head,.att-rule-shell,.role-page,.role-list-item,.tpl-card,.tpl-editor,.tpl-list,.oa-launch-panel,.workbench-unified,.live-room-head,.live-room-stage-wrap,.live-room-side .panel,.live-building-overview,.account-card,.account-metric,.account-fixed-head,.notif-drop,.glass-select-list){
  background:
    linear-gradient(180deg,rgba(255,255,255,.050),rgba(255,255,255,.020))!important;
  border-color:rgba(255,255,255,.060)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
}
html body .app .layout > .main :where(.panel,.settings-card,.employee-table-panel,.employee-org-panel,.att-section,.att-report-shell,.att-self-card,.att-company-pie-panel,.att-calendar-panel,.att-summary-panel,.role-page,.tpl-editor,.tpl-list,.settings-modern-shell,.live-room-side .panel) :where(.panel,.stat,.table-wrap,.select-summary,.geo-stat,.sys-kv,.role-list-item,.tpl-card,.perm-grp,.settings-card),
html[data-theme] body .app .layout > .main :where(.panel,.settings-card,.employee-table-panel,.employee-org-panel,.att-section,.att-report-shell,.att-self-card,.att-company-pie-panel,.att-calendar-panel,.att-summary-panel,.role-page,.tpl-editor,.tpl-list,.settings-modern-shell,.live-room-side .panel) :where(.panel,.stat,.table-wrap,.select-summary,.geo-stat,.sys-kv,.role-list-item,.tpl-card,.perm-grp,.settings-card){
  background:rgba(255,255,255,.018)!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.040)!important;
  box-shadow:none!important;
}
html body .app .layout > .main :where(thead th),
html[data-theme] body .app .layout > .main :where(thead th){
  background:rgba(255,255,255,.038)!important;
  border-bottom-color:rgba(255,255,255,.055)!important;
}
html body .app .layout > .main :where(.btn:not(.primary):not(.danger),.icon-btn,.toolbar input,.toolbar select,.input,.field input,.field select,.field textarea),
html[data-theme] body .app .layout > .main :where(.btn:not(.primary):not(.danger),.icon-btn,.toolbar input,.toolbar select,.input,.field input,.field select,.field textarea){
  background:rgba(255,255,255,.035)!important;
  border-color:rgba(255,255,255,.060)!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-13-shared-cross-surface-11-slice-13-part-02-seg-01-account-card-title-p-fine-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-preview/001-base-slice-13-application-layout-12-slice-13-part-02-seg-01-account-card-title-p-fine-02-short-01.css */

html body .app .layout > .main.page-contacts,
html[data-theme] body .app .layout > .main.page-contacts{
  height:calc(100dvh - var(--mc-topbar-h,56px))!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:10px!important;
  display:flex!important;
  flex-direction:column!important;
  color:#f4f4f1!important;
}
html body .app .layout > .main.page-contacts > .page-head,
html[data-theme] body .app .layout > .main.page-contacts > .page-head{
  display:none!important;
}
html body .app .layout > .main.page-contacts > .contact-tabs,
html[data-theme] body .app .layout > .main.page-contacts > .contact-tabs{
  flex:0 0 auto!important;
  margin:0 0 8px!important;
  max-width:260px!important;
  height:30px!important;
  padding:2px!important;
  border:0!important;
  background:rgba(255,255,255,.032)!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-contacts > .contact-tabs button,
html[data-theme] body .app .layout > .main.page-contacts > .contact-tabs button{
  height:26px!important;
  padding:0 11px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:rgba(244,244,241,.55)!important;
  box-shadow:none!important;
  font-weight:420!important;
}
html body .app .layout > .main.page-contacts > .contact-tabs button.active,
html[data-theme] body .app .layout > .main.page-contacts > .contact-tabs button.active{
  background:rgba(255,255,255,.082)!important;
  color:#f4f4f1!important;
}
html body .app .layout > .main.page-contacts .comms-layout,
html[data-theme] body .app .layout > .main.page-contacts .comms-layout{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:minmax(278px,336px) minmax(0,1fr)!important;
  gap:0!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.040),rgba(255,255,255,.018))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.034)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
}
html body .app .layout > .main.page-contacts .contacts-panel,
html[data-theme] body .app .layout > .main.page-contacts .contacts-panel,
html body .app .layout > .main.page-contacts .chat-panel,
html[data-theme] body .app .layout > .main.page-contacts .chat-panel{
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-contacts .contacts-panel,
html[data-theme] body .app .layout > .main.page-contacts .contacts-panel{
  display:flex!important;
  flex-direction:column!important;
  border-right:1px solid rgba(255,255,255,.055)!important;
}
html body .app .layout > .main.page-contacts .contact-search,
html[data-theme] body .app .layout > .main.page-contacts .contact-search{
  flex:0 0 auto!important;
  margin:0!important;
  padding:10px 10px 8px!important;
  border:0!important;
  background:transparent!important;
}
html body .app .layout > .main.page-contacts .contact-search.compact,
html[data-theme] body .app .layout > .main.page-contacts .contact-search.compact{
  width:100%!important;
  height:34px!important;
  margin:0!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.038)!important;
  color:rgba(244,244,241,.48)!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-contacts .contact-list-head,
html[data-theme] body .app .layout > .main.page-contacts .contact-list-head{
  flex:0 0 auto!important;
  height:32px!important;
  padding:0 12px 7px!important;
  border:0!important;
  background:transparent!important;
}
html body .app .layout > .main.page-contacts .contact-list-head h3,
html[data-theme] body .app .layout > .main.page-contacts .contact-list-head h3{
  display:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-preview/001-base-slice-13-application-layout-12-slice-13-part-02-seg-01-account-card-title-p-fine-02-short-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-13-shared-cross-surface-13-slice-13-part-02-seg-01-account-card-title-p-fine-02-short-02.css */

html body .app .layout > .main.page-contacts .contact-list-head .tag,
html[data-theme] body .app .layout > .main.page-contacts .contact-list-head .tag{
  margin-left:auto!important;
  border:0!important;
  background:rgba(255,255,255,.045)!important;
  color:rgba(244,244,241,.58)!important;
}
html body .app .layout > .main.page-contacts .contact-list,
html[data-theme] body .app .layout > .main.page-contacts .contact-list{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  padding:0 6px 8px!important;
  gap:3px!important;
  scrollbar-gutter:stable!important;
}
html body .app .layout > .main.page-contacts .chat-list-item,
html[data-theme] body .app .layout > .main.page-contacts .chat-list-item,
html body .app .layout > .main.page-contacts .contact-item,
html[data-theme] body .app .layout > .main.page-contacts .contact-item{
  min-height:62px!important;
  margin:0!important;
  padding:8px 9px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#f4f4f1!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-13-shared-cross-surface-13-slice-13-part-02-seg-01-account-card-title-p-fine-02-short-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-13-shared-cross-surface-14-slice-13-part-02-seg-01-account-card-title-p-fine-03-malformed-retained.css */

html body .app .layout > .main.page-contacts .chat-list-item:nth-child(odd),
html body .app .layout > .main.page-contacts .chat-list-item:nth-child(even),
html body .app .layout > .main.page-contacts .contact-item:nth-child(odd),
html body .app .layout > .main.page-contacts .contact-item:nth-child(even),
html[data-theme] body .app .layout > .main.page-contacts .chat-list-item:nth-child(odd),
html[data-theme] body .app .layout > .main.page-contacts .chat-list-item:nth-child(even),
html[data-theme] body .app .layout > .main.page-contacts .contact-item:nth-child(odd),
html[data-theme] body .app .layout > .main.page-contacts .contact-item:nth-child(even){
  background:transparent!important;
}
html body .app .layout > .main.page-contacts .chat-list-item:hover,
html body .app .layout > .main.page-contacts .contact-item:hover,
html[data-theme] body .app .layout > .main.page-contacts .chat-list-item:hover,
html[data-theme] body .app .layout > .main.page-contacts .contact-item:hover{
  background:rgba(255,255,255,.050)!important;
  box-shadow:none!important;
  transform:none!important;
}
html body .app .layout > .main.page-contacts .chat-list-item.active,
html body .app .layout > .main.page-contacts .contact-item.active,
html[data-theme] body .app .layout > .main.page-contacts .chat-list-item.active,
html[data-theme] body .app .layout > .main.page-contacts .contact-item.active{
  background:rgba(255,255,255,.078)!important;
  box-shadow:inset 2px 0 0 rgba(244,244,241,.28)!important;
}
html body .app .layout > .main.page-contacts .chat-list-item.active::before,
html body .app .layout > .main.page-contacts .chat-list-item.active::after,
html body .app .layout > .main.page-contacts .contact-item.active::before,
html body .app .layout > .main.page-contacts .contact-item.active::after,
html[data-theme] body .app .layout > .main.page-contacts .chat-list-item.active::before,
html[data-theme] body .app .layout > .main.page-contacts .chat-list-item.active::after,
html[data-theme] body .app .layout > .main.page-contacts .contact-item.active::before,
html[data-theme] body .app .layout > .main.page-contacts .contact-item.active::after{
  display:none!important;
  content:none!important;
}
html body .app .layout > .main.page-contacts .chat-list-item .avatar,
html[data-theme] body .app .layout > .main.page-contacts .chat-list-item .avatar{
  width:42px!important;
  height:42px!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.045))!important;
  color:#f4f4f1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
html body .app .layout > .main.page-contacts :where(.chat-contact-name,.contact-name),
html[data-theme] body .app .layout > .main.page-contacts :where(.chat-contact-name,.contact-name){
  color:#f4f4f1!important;
  font-weight:520!important;
}
html body .app .layout > .main.page-contacts :where(.chat-contact-preview,.chat-contact-meta,.chat-contact-time,.contact-meta,.contact-preview),
html[data-theme] body .app .layout > .main.page-contacts :where(.chat-contact-preview,.chat-contact-meta,.chat-contact-time,.contact-meta,.contact-preview){
  color:rgba(244,244,241,.48)!important;
}
html body .app .layout > .main.page-contacts .chat-shell,
html[data-theme] body .app .layout > .main.page-contacts .chat-shell{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
html body .app .layout > .main.page-contacts .chat-head,
html[data-theme] body .app .layout > .main.page-contacts .chat-head,

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-13-shared-cross-surface-14-slice-13-part-02-seg-01-account-card-title-p-fine-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-preview/001-base-slice-13-application-layout-15-slice-13-part-02-seg-02-account-card-title-p-micro-01-unit-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-13-part-02-account-card-title-p.css. Keep import order stable. */
html body .app .layout > .main.page-contacts .chat-composer,
html[data-theme] body .app .layout > .main.page-contacts .chat-composer{
  background:rgba(255,255,255,.024)!important;
  border-color:rgba(255,255,255,.045)!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-contacts .chat-stream,
html[data-theme] body .app .layout > .main.page-contacts .chat-stream{
  min-height:0!important;
  background:transparent!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .app .layout > .main.page-contacts,
  html[data-theme] body .app .layout > .main.page-contacts{
    height:calc(100dvh - var(--mc-topbar-h,56px) - env(safe-area-inset-bottom))!important;
    padding:8px!important;
  }
  html body .app .layout > .main.page-contacts .comms-layout,
  html[data-theme] body .app .layout > .main.page-contacts .comms-layout{
    display:block!important;
    height:100%!important;
    border-radius:14px!important;
  }
  html body .app .layout > .main.page-contacts .contacts-panel,
  html[data-theme] body .app .layout > .main.page-contacts .contacts-panel{
    border-right:0!important;
  }
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .topbar .top-cloud,
  html[data-theme] body .topbar .top-cloud{
    min-width:30px!important;
    width:30px!important;
    padding:0!important;
  }
  html body .topbar .top-cloud #cloudLabel,
  html[data-theme] body .topbar .top-cloud #cloudLabel{
    display:none!important;
  }
  body.secondary-rail-open .app .layout,
  html[data-theme] body.secondary-rail-open .app .layout{
    padding-right:8px!important;
  }
}
/* Final dark/glass correction: one colored shell divider, no white option boxes. */
html[data-theme] body .topbar::before,
html[data-theme] body .topbar::after,
html[data-theme] body .app .layout::before,
html[data-theme] body .app .layout::after,
html[data-theme] body .app .main::before,
html[data-theme] body .app .main::after,
html body .topbar::before,
html body .topbar::after,
html body .app .layout::before,
html body .app .layout::after,
html body .app .main::before,
html body .app .main::after{
  display:none!important;
  content:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html[data-theme] body .app .layout > .main,
  html body .app .layout > .main,
  html[data-theme] body .app .layout.layout > .main.main:not(.page-system):not(.mc-bg-exempt),
  html body .app .layout.layout > .main.main:not(.page-system):not(.mc-bg-exempt),
  html[data-theme] body .app .layout > .main.main:not(.page-system):not(.mc-bg-exempt),
  html body .app .layout > .main.main:not(.page-system):not(.mc-bg-exempt){
    border-radius:0!important;
    border-top-left-radius:0!important;
    border-top-right-radius:0!important;
    border-bottom-left-radius:0!important;
    border-bottom-right-radius:0!important;
    box-shadow:none!important;
  }
}
html[data-theme=light],
html:not([data-theme=dark]){
  --bg:#080908!important;
  --bg-subtle:#10110f!important;
  --panel:rgba(18,19,18,.78)!important;
  --chip:rgba(255,255,255,.045)!important;
  --text:#f4f4f1!important;
  --soft:rgba(244,244,241,.58)!important;
  --line:rgba(255,255,255,.070)!important;
  --brand:#9aa09a!important;
  --brand-soft:rgba(255,255,255,.075)!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-preview/001-base-slice-13-application-layout-15-slice-13-part-02-seg-02-account-card-title-p-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-preview/001-base-slice-13-application-layout-16-slice-13-part-02-seg-02-account-card-title-p-micro-01-unit-02.css */

html[data-theme=light] body,
html:not([data-theme=dark]) body,
html[data-theme=light] #root,
html:not([data-theme=dark]) #root,
html[data-theme=light] body .app,
html:not([data-theme=dark]) body .app{
  background:
    radial-gradient(780px 420px at 7% -8%,rgba(87,109,92,.16),transparent 72%),
    radial-gradient(620px 440px at 14% 108%,rgba(8,18,15,.50),transparent 74%),
    linear-gradient(146deg,#020303 0%,#070807 48%,#010101 100%)!important;
  color:#f4f4f1!important;
}
html[data-theme=light] body .app .layout > .main,
html:not([data-theme=dark]) body .app .layout > .main,
html body .app .layout > .main{
  color:#f4f4f1!important;
}
html body .app .topbar,
html[data-theme=light] body .app .topbar,
html:not([data-theme=dark]) body .app .topbar,
html body .app .layout > .side,
html[data-theme=light] body .app .layout > .side,
html:not([data-theme=dark]) body .app .layout > .side{
  background:
    radial-gradient(520px 420px at 8% -10%,rgba(126,240,164,.085),transparent 76%),
    linear-gradient(146deg,rgba(18,22,18,.92),rgba(6,8,7,.94) 54%,rgba(2,3,3,.98))!important;
  background-color:#070807!important;
  border-color:transparent!important;
  box-shadow:none!important;
  color:#f4f4f1!important;
}
html body .app .layout > .side :where(.grp,.nav,.side-profile-name,.side-profile-role,.uchip,.uchip *),
html[data-theme=light] body .app .layout > .side :where(.grp,.nav,.side-profile-name,.side-profile-role,.uchip,.uchip *),
html:not([data-theme=dark]) body .app .layout > .side :where(.grp,.nav,.side-profile-name,.side-profile-role,.uchip,.uchip *){
  color:rgba(244,244,241,.82)!important;
  -webkit-text-fill-color:rgba(244,244,241,.82)!important;
}
html body .app .layout > .main :where(.panel,.modal,.table-wrap,.tabs,.toolbar,.stat,.settings-card,.settings-modern-head,.settings-modern-shell,.employee-org-panel,.employee-table-panel,.att-report-fixed-head,.att-rule-shell,.role-page,.role-list-item,.tpl-card,.tpl-editor,.tpl-list,.oa-launch-panel,.workbench-unified,.live-room-head,.live-room-stage-wrap,.live-room-side,.live-room-side .panel,.live-building-overview,.account-card,.account-metric,.account-fixed-head,.org-pick-list,.select-summary,.flow-body,.info-list,.feed .fi),
html[data-theme=light] body .app .layout > .main :where(.panel,.modal,.table-wrap,.tabs,.toolbar,.stat,.settings-card,.settings-modern-head,.settings-modern-shell,.employee-org-panel,.employee-table-panel,.att-report-fixed-head,.att-rule-shell,.role-page,.role-list-item,.tpl-card,.tpl-editor,.tpl-list,.oa-launch-panel,.workbench-unified,.live-room-head,.live-room-stage-wrap,.live-room-side,.live-room-side .panel,.live-building-overview,.account-card,.account-metric,.account-fixed-head,.org-pick-list,.select-summary,.flow-body,.info-list,.feed .fi),
html:not([data-theme=dark]) body .app .layout > .main :where(.panel,.modal,.table-wrap,.tabs,.toolbar,.stat,.settings-card,.settings-modern-head,.settings-modern-shell,.employee-org-panel,.employee-table-panel,.att-report-fixed-head,.att-rule-shell,.role-page,.role-list-item,.tpl-card,.tpl-editor,.tpl-list,.oa-launch-panel,.workbench-unified,.live-room-head,.live-room-stage-wrap,.live-room-side,.live-room-side .panel,.live-building-overview,.account-card,.account-metric,.account-fixed-head,.org-pick-list,.select-summary,.flow-body,.info-list,.feed .fi){
  background:linear-gradient(180deg,rgba(255,255,255,.048),rgba(255,255,255,.018))!important;
  background-color:rgba(13,14,13,.62)!important;
  border-color:rgba(255,255,255,.060)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  color:#f4f4f1!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-preview/001-base-slice-13-application-layout-16-slice-13-part-02-seg-02-account-card-title-p-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-13-shared-cross-surface-17-slice-13-part-02-seg-02-account-card-title-p-micro-02-unit-01.css */

html body :where(.profile-menu,.profile-menu.glass-select-list,.app-lang-menu,.app-lang-menu.glass-select-list,.notif-drop,.notif-drop.glass-select-list,.nd-filter-menu,.nd-filter-menu.glass-select-list,.history-filter-menu,.history-filter-menu.glass-select-list,.glass-select-list:not(button):not(.btn),.org-pick-modal,.modal.org-pick-modal,.modal:has(.org-simple-pick),.org-simple-pick,.org-pick-list,.dept-pick-map),
html[data-theme=light] body :where(.profile-menu,.profile-menu.glass-select-list,.app-lang-menu,.app-lang-menu.glass-select-list,.notif-drop,.notif-drop.glass-select-list,.nd-filter-menu,.nd-filter-menu.glass-select-list,.history-filter-menu,.history-filter-menu.glass-select-list,.glass-select-list:not(button):not(.btn),.org-pick-modal,.modal.org-pick-modal,.modal:has(.org-simple-pick),.org-simple-pick,.org-pick-list,.dept-pick-map),
html:not([data-theme=dark]) body :where(.profile-menu,.profile-menu.glass-select-list,.app-lang-menu,.app-lang-menu.glass-select-list,.notif-drop,.notif-drop.glass-select-list,.nd-filter-menu,.nd-filter-menu.glass-select-list,.history-filter-menu,.history-filter-menu.glass-select-list,.glass-select-list:not(button):not(.btn),.org-pick-modal,.modal.org-pick-modal,.modal:has(.org-simple-pick),.org-simple-pick,.org-pick-list,.dept-pick-map){
  background:rgba(244,244,241,.045)!important;
  background-color:rgba(244,244,241,.045)!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.060)!important;
  box-shadow:0 30px 82px -52px rgba(0,0,0,.98),inset 0 1px 0 rgba(255,255,255,.070)!important;
  -webkit-backdrop-filter:blur(30px) saturate(1.14)!important;
  backdrop-filter:blur(30px) saturate(1.14)!important;
  color:#f4f4f1!important;
}
html body :where(.profile-menu button,.app-lang-menu button,.nd-filter-menu label,.history-filter-menu label,.history-filter-menu .checkbox,.notif-drop .nd-row,.org-pick-row,.org-simple-pick .org-pick-row,.role-list-item,.contact-item,.chat-list-item,.type-chip,.tabs button,.mobile-quick button,.live-building-tab,.live-floor-row,.live-room-mini,.live-room-bar,.tpl-node-card,.tpl-field-row),
html[data-theme=light] body :where(.profile-menu button,.app-lang-menu button,.nd-filter-menu label,.history-filter-menu label,.history-filter-menu .checkbox,.notif-drop .nd-row,.org-pick-row,.org-simple-pick .org-pick-row,.role-list-item,.contact-item,.chat-list-item,.type-chip,.tabs button,.mobile-quick button,.live-building-tab,.live-floor-row,.live-room-mini,.live-room-bar,.tpl-node-card,.tpl-field-row),
html:not([data-theme=dark]) body :where(.profile-menu button,.app-lang-menu button,.nd-filter-menu label,.history-filter-menu label,.history-filter-menu .checkbox,.notif-drop .nd-row,.org-pick-row,.org-simple-pick .org-pick-row,.role-list-item,.contact-item,.chat-list-item,.type-chip,.tabs button,.mobile-quick button,.live-building-tab,.live-floor-row,.live-room-mini,.live-room-bar,.tpl-node-card,.tpl-field-row){
  border:0!important;
  outline:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#f4f4f1!important;
}
html body :where(.profile-menu button:hover,.app-lang-menu button:hover,.nd-filter-menu label:hover,.history-filter-menu label:hover,.notif-drop .nd-row:hover,.org-pick-row:hover,.org-simple-pick .org-pick-row:hover,.role-list-item:hover,.contact-item:hover,.chat-list-item:hover,.type-chip:hover,.tabs button:hover,.mobile-quick button:hover,.live-building-tab:hover,.live-floor-row:hover,.live-room-mini:hover,.live-room-bar:hover,.tpl-node-card:hover,.tpl-field-row:hover),
html body :where(.profile-menu button.active,.app-lang-menu button.active,.notif-drop .nd-row.active,.org-pick-row.active,.org-simple-pick .org-pick-row.active,.role-list-item.active,.contact-item.active,.chat-list-item.active,.type-chip.active,.tabs button.active,.mobile-quick button.active,.live-building-tab.active,.live-floor-row.active,.live-room-mini.active,.live-room-bar.active,.tpl-node-card.active,.tpl-field-row.active){
  border:0!important;
  background:rgba(244,244,241,.070)!important;
  background-image:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
  color:#fff!important;
}
html body .app :where(input,select,textarea,.input,.toolbar input,.toolbar select,.field input,.field select,.field textarea),
html[data-theme=light] body .app :where(input,select,textarea,.input,.toolbar input,.toolbar select,.field input,.field select,.field textarea),
html:not([data-theme=dark]) body .app :where(input,select,textarea,.input,.toolbar input,.toolbar select,.field input,.field select,.field textarea){
  background:rgba(255,255,255,.035)!important;
  border-color:rgba(255,255,255,.065)!important;
  color:#f4f4f1!important;
  box-shadow:none!important;
}
html body select option,
html body select optgroup,
html[data-theme=light] body select option,
html[data-theme=light] body select optgroup,
html:not([data-theme=dark]) body select option,
html:not([data-theme=dark]) body select optgroup{
  background:#0f100f!important;
  color:#f4f4f1!important;
}
/* Unified shell background is intentionally colorless. */
html body,
html[data-theme=light] body,
html:not([data-theme=dark]) body,
html[data-theme=dark] body{
  background:#010202!important;
}
html body .app,
html[data-theme=light] body .app,
html:not([data-theme=dark]) body .app,
html[data-theme=dark] body .app{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  background-size:auto!important;
  background-attachment:scroll!important;
  animation:none!important;
  color:#f4f4f1!important;
}
html body .app::before,
html body .app::after,
html[data-theme] body .app::before,
html[data-theme] body .app::after,
html[data-theme=dark] body .app::before,
html[data-theme=dark] body .app::after,
html[data-theme=light] body .app::before,
html[data-theme=light] body .app::after,
html:not([data-theme=dark]) body .app::before,
html:not([data-theme=dark]) body .app::after{
  display:none!important;
  content:none!important;
  opacity:0!important;
  visibility:hidden!important;
  background:none!important;
  background-image:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-13-shared-cross-surface-17-slice-13-part-02-seg-02-account-card-title-p-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-13-shared-cross-surface-18-slice-13-part-02-seg-02-account-card-title-p-micro-02-unit-02.css */

html body .app .topbar,
html[data-theme=light] body .app .topbar,
html:not([data-theme=dark]) body .app .topbar,
html[data-theme=dark] body .app .topbar,
html body .app .layout > .side,
html[data-theme=light] body .app .layout > .side,
html:not([data-theme=dark]) body .app .layout > .side,
html[data-theme=dark] body .app .layout > .side{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  color:#fff!important;
}
html body .app .topbar,
html[data-theme] body .app .topbar{
  width:100%!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
}
html body .app .layout,
html[data-theme] body .app .layout,
html[data-theme=dark] body .app .layout,
html[data-theme=light] body .app .layout,
html:not([data-theme=dark]) body .app .layout{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app .layout > .side,
html[data-theme] body .app .layout > .side{
  border:0!important;
  border-radius:0!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-13-shared-cross-surface-18-slice-13-part-02-seg-02-account-card-title-p-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-preview/001-base-slice-13-topbar-19-slice-13-part-02-seg-02-account-card-title-p-micro-03.css */

html body .app .topbar :where(.icon-btn,.topbar-brand-chip,.logout-btn,.theme-btn,.lang-btn,.top-cloud,.uchip,.uchip *),
html[data-theme] body .app .topbar :where(.icon-btn,.topbar-brand-chip,.logout-btn,.theme-btn,.lang-btn,.top-cloud,.uchip,.uchip *),
html body .app .layout > .side :where(.grp,.nav,.nav *,.side-profile-wrap,.side-profile-wrap *),
html[data-theme] body .app .layout > .side :where(.grp,.nav,.nav *,.side-profile-wrap,.side-profile-wrap *){
  color:rgba(255,255,255,.88)!important;
  -webkit-text-fill-color:rgba(255,255,255,.88)!important;
}
html body .app .layout > .main,
html[data-theme] body .app .layout > .main{
  background:
    radial-gradient(980px 440px at 84% -18%,rgba(255,255,255,.030),transparent 74%),
    radial-gradient(760px 420px at 12% 108%,rgba(255,255,255,.016),transparent 78%),
    linear-gradient(180deg,#191a18 0%,#151615 100%)!important;
  background-color:#151615!important;
}
html body .topbar .top-cloud,
html[data-theme] body .topbar .top-cloud{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:rgba(255,255,255,.62)!important;
}
html body .topbar .top-cloud .g-chip,
html[data-theme] body .topbar .top-cloud .g-chip,
html body .topbar .g-chip,
html[data-theme] body .topbar .g-chip{
  width:25px!important;
  height:25px!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:currentColor!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-preview/001-base-slice-13-topbar-19-slice-13-part-02-seg-02-account-card-title-p-micro-03.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-preview/001-base-slice-13-topbar-20-slice-13-part-03-seg-01-account-card-title-p-fine-01-short-01.css */

/* Legacy ordered base slice 13 part 03; split from 001-base-slice-13-account-card-title-p.css. Keep import order stable. */
html body .topbar .g-chip .top-ico,
html[data-theme] body .topbar .g-chip .top-ico{
  width:24px!important;
  height:24px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.75!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  filter:drop-shadow(0 0 5px currentColor)!important;
}
html body .topbar .g-chip .top-ico path,
html[data-theme] body .topbar .g-chip .top-ico path{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.75!important;
}
html body .topbar .top-cloud.sync,
html[data-theme] body .topbar .top-cloud.sync,
html body .topbar .top-cloud.sync .g-chip,
html[data-theme] body .topbar .top-cloud.sync .g-chip{
  color:#7ef0a4!important;
}
html body .topbar .top-cloud.pending,
html[data-theme] body .topbar .top-cloud.pending,
html body .topbar .top-cloud.pending .g-chip,
html[data-theme] body .topbar .top-cloud.pending .g-chip{
  color:#f8d36a!important;
}
html body .topbar .top-cloud.unsynced,
html[data-theme] body .topbar .top-cloud.unsynced,
html body .topbar .top-cloud.error,
html[data-theme] body .topbar .top-cloud.error,
html body .topbar .top-cloud.local,
html[data-theme] body .topbar .top-cloud.local,
html body .topbar .top-cloud.unsynced .g-chip,
html[data-theme] body .topbar .top-cloud.unsynced .g-chip,
html body .topbar .top-cloud.error .g-chip,
html[data-theme] body .topbar .top-cloud.error .g-chip,
html body .topbar .top-cloud.local .g-chip,
html[data-theme] body .topbar .top-cloud.local .g-chip{
  color:#ff9aad!important;
}
html body .topbar .top-cloud.pending .g-chip,
html[data-theme] body .topbar .top-cloud.pending .g-chip{
  animation:g-pulse 1s infinite!important;
}
html body .app .topbar .top-cloud.sync,
html[data-theme] body .app .topbar .top-cloud.sync,
html body .app .topbar .top-cloud.sync #cloudLabel,
html[data-theme] body .app .topbar .top-cloud.sync #cloudLabel{
  color:#7ef0a4!important;
  -webkit-text-fill-color:#7ef0a4!important;
}
html body .app .topbar .top-cloud.pending,
html[data-theme] body .app .topbar .top-cloud.pending,
html body .app .topbar .top-cloud.pending #cloudLabel,
html[data-theme] body .app .topbar .top-cloud.pending #cloudLabel{
  color:#f8d36a!important;
  -webkit-text-fill-color:#f8d36a!important;
}
html body .app .topbar .top-cloud.unsynced,
html[data-theme] body .app .topbar .top-cloud.unsynced,
html body .app .topbar .top-cloud.error,
html[data-theme] body .app .topbar .top-cloud.error,
html body .app .topbar .top-cloud.local,
html[data-theme] body .app .topbar .top-cloud.local,
html body .app .topbar .top-cloud.unsynced #cloudLabel,
html[data-theme] body .app .topbar .top-cloud.unsynced #cloudLabel,
html body .app .topbar .top-cloud.error #cloudLabel,
html[data-theme] body .app .topbar .top-cloud.error #cloudLabel,
html body .app .topbar .top-cloud.local #cloudLabel,
html[data-theme] body .app .topbar .top-cloud.local #cloudLabel{
  color:#ff9aad!important;
  -webkit-text-fill-color:#ff9aad!important;
}
/* System settings: dark glass surface, no white card blocks. */
html body .app .layout > .main.page-system,
html[data-theme] body .app .layout > .main.page-system,
html[data-theme=light] body .app .layout > .main.page-system,
html:not([data-theme=dark]) body .app .layout > .main.page-system{
  --sys-bg:#151615!important;
  --sys-bg-2:#10110f!important;
  --sys-panel:rgba(16,17,16,.64)!important;
  --sys-panel-strong:rgba(27,29,27,.72)!important;
  --sys-line:rgba(255,255,255,.068)!important;
  --sys-line-strong:rgba(255,255,255,.105)!important;
  --sys-text:#f4f4f1!important;
  --sys-muted:rgba(244,244,241,.54)!important;
  --sys-accent:#8ca59a!important;
  --sys-accent-2:#56685f!important;
  background:
    radial-gradient(760px 360px at 18% -8%,rgba(126,240,164,.060),transparent 72%),
    radial-gradient(760px 420px at 92% 2%,rgba(255,255,255,.040),transparent 72%),
    linear-gradient(180deg,#191a18 0%,#141513 52%,#111210 100%)!important;
  background-color:#141513!important;
  color:var(--sys-text)!important;
}
html body .app .layout > .main.page-system::before,
html body .app .layout > .main.page-system::after,
html[data-theme] body .app .layout > .main.page-system::before,
html[data-theme] body .app .layout > .main.page-system::after{
  display:none!important;
  content:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-preview/001-base-slice-13-topbar-20-slice-13-part-03-seg-01-account-card-title-p-fine-01-short-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-13-shared-cross-surface-21-slice-13-part-03-seg-01-account-card-title-p-fine-01-short-02.css */

html body .app .layout > .main.page-system .settings-modern-shell,
html[data-theme] body .app .layout > .main.page-system .settings-modern-shell{
  width:min(1120px,100%)!important;
  max-width:1120px!important;
  gap:13px!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--sys-text)!important;
}
html body .app .layout > .main.page-system .settings-modern-head,
html[data-theme] body .app .layout > .main.page-system .settings-modern-head{
  position:sticky!important;
  top:0!important;
  z-index:var(--mc-z-page-head)!important;
  margin:0 0 13px!important;
  padding:17px 18px!important;
  border:1px solid var(--sys-line)!important;
  border-radius:17px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.060),rgba(255,255,255,.026)),
    radial-gradient(420px 160px at 94% 0%,rgba(126,240,164,.080),transparent 72%)!important;
  box-shadow:0 18px 48px -40px rgba(0,0,0,.92),inset 0 1px 0 rgba(255,255,255,.045)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.08)!important;
  backdrop-filter:blur(22px) saturate(1.08)!important;
  color:var(--sys-text)!important;
}
html body .app .layout > .main.page-system .settings-modern-head h1,
html[data-theme] body .app .layout > .main.page-system .settings-modern-head h1{
  color:var(--sys-text)!important;
  font-size:1.34rem!important;
  font-weight:520!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-13-shared-cross-surface-21-slice-13-part-03-seg-01-account-card-title-p-fine-01-short-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-13-shared-cross-surface-22-slice-13-part-03-seg-01-account-card-title-p-fine-02-unit-01.css */

html body .app .layout > .main.page-system .settings-modern-sub,
html[data-theme] body .app .layout > .main.page-system .settings-modern-sub{
  color:var(--sys-muted)!important;
  font-size:var(--mc-type-secondary-body,.76rem)!important;
  margin-top:5px!important;
}
html body .app .layout > .main.page-system .settings-modern-status,
html[data-theme] body .app .layout > .main.page-system .settings-modern-status{
  gap:6px!important;
}
html body .app .layout > .main.page-system .settings-section-title,
html[data-theme] body .app .layout > .main.page-system .settings-section-title{
  margin:8px 2px -2px!important;
  color:rgba(244,244,241,.66)!important;
  font-size:var(--mc-type-secondary-body,.76rem)!important;
  font-weight:460!important;
}
html body .app .layout > .main.page-system .settings-section-title::before,
html[data-theme] body .app .layout > .main.page-system .settings-section-title::before{
  width:24px!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(126,240,164,.62),rgba(255,255,255,.10))!important;
}
html body .app .layout > .main.page-system .sys-grid,
html[data-theme] body .app .layout > .main.page-system .sys-grid{
  gap:12px!important;
}
html body .app .layout > .main.page-system :where(.settings-card,.sys-card,.sys-location-card),
html[data-theme] body .app .layout > .main.page-system :where(.settings-card,.sys-card,.sys-location-card){
  padding:16px!important;
}
html body .app .layout > .main.page-system .settings-card-title,
html[data-theme] body .app .layout > .main.page-system .settings-card-title{
  margin:0 0 12px!important;
}
html body .app .layout > .main.page-system .settings-card-title span,
html[data-theme] body .app .layout > .main.page-system .settings-card-title span,
html body .app .layout > .main.page-system :where(.sys-card h3,.sys-location-card h3),
html[data-theme] body .app .layout > .main.page-system :where(.sys-card h3,.sys-location-card h3){
  color:var(--sys-text)!important;
  font-size:.96rem!important;
  font-weight:540!important;
}
html body .app .layout > .main.page-system :where(.desc,.muted,.office-note,.settings-inline-note,.field label),
html[data-theme] body .app .layout > .main.page-system :where(.desc,.muted,.office-note,.settings-inline-note,.field label){
  color:var(--sys-muted)!important;
  -webkit-text-fill-color:var(--sys-muted)!important;
}
html body .app .layout > .main.page-system :where(input,select,textarea,.input,.field input,.field select,.field textarea),
html[data-theme] body .app .layout > .main.page-system :where(input,select,textarea,.input,.field input,.field select,.field textarea){
  height:40px!important;
  border:1px solid rgba(255,255,255,.070)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.035)!important;
  color:var(--sys-text)!important;
  box-shadow:none!important;
  -webkit-text-fill-color:var(--sys-text)!important;
}
html body .app .layout > .main.page-system :where(input,select,textarea,.input,.field input,.field select,.field textarea):focus,
html[data-theme] body .app .layout > .main.page-system :where(input,select,textarea,.input,.field input,.field select,.field textarea):focus{
  border-color:rgba(126,240,164,.28)!important;
  background:rgba(255,255,255,.052)!important;
  box-shadow:0 0 0 3px rgba(126,240,164,.075)!important;
}
html body .app .layout > .main.page-system :where(input::placeholder,textarea::placeholder),
html[data-theme] body .app .layout > .main.page-system :where(input::placeholder,textarea::placeholder){
  color:rgba(244,244,241,.32)!important;
  -webkit-text-fill-color:rgba(244,244,241,.32)!important;
}
html body .app .layout > .main.page-system .sys-kv,
html[data-theme] body .app .layout > .main.page-system .sys-kv{
  padding:9px 0!important;
  border-bottom:1px solid rgba(255,255,255,.052)!important;
  color:var(--sys-text)!important;
  background:transparent!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-13-shared-cross-surface-22-slice-13-part-03-seg-01-account-card-title-p-fine-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-13-shared-cross-surface-23-slice-13-part-03-seg-01-account-card-title-p-fine-02-unit-02.css */

html body .app .layout > .main.page-system .sys-kv span,
html[data-theme] body .app .layout > .main.page-system .sys-kv span{
  color:var(--sys-muted)!important;
}
html body .app .layout > .main.page-system .sys-kv b,
html[data-theme] body .app .layout > .main.page-system .sys-kv b{
  color:var(--sys-text)!important;
}
html body .app .layout > .main.page-system :where(.btn,button.btn),
html[data-theme] body .app .layout > .main.page-system :where(.btn,button.btn){
  min-height:34px!important;
  padding:7px 12px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.035)!important;
  color:rgba(244,244,241,.84)!important;
  box-shadow:none!important;
  -webkit-text-fill-color:rgba(244,244,241,.84)!important;
}
html body .app .layout > .main.page-system :where(.btn,button.btn):hover,
html[data-theme] body .app .layout > .main.page-system :where(.btn,button.btn):hover{
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body .app .layout > .main.page-system :where(.btn.primary,button.btn.primary),
html[data-theme] body .app .layout > .main.page-system :where(.btn.primary,button.btn.primary){
  border-color:rgba(126,240,164,.18)!important;
  background:linear-gradient(180deg,rgba(126,240,164,.20),rgba(126,240,164,.085))!important;
  color:#d9ffe8!important;
  -webkit-text-fill-color:#d9ffe8!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-13-shared-cross-surface-23-slice-13-part-03-seg-01-account-card-title-p-fine-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-preview/001-base-slice-13-application-layout-24-slice-13-part-03-seg-01-account-card-title-p-fine-03.css */

html body .app .layout > .main.page-system button.btn,
html body .app .layout > .main.page-system .btn.btn,
html[data-theme] body .app .layout > .main.page-system button.btn,
html[data-theme] body .app .layout > .main.page-system .btn.btn{
  min-height:34px!important;
  padding:7px 12px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.035)!important;
  background-image:none!important;
  color:rgba(244,244,241,.84)!important;
  -webkit-text-fill-color:rgba(244,244,241,.84)!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-system button.btn:hover,
html body .app .layout > .main.page-system .btn.btn:hover,
html[data-theme] body .app .layout > .main.page-system button.btn:hover,
html[data-theme] body .app .layout > .main.page-system .btn.btn:hover{
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body .app .layout > .main.page-system button.btn.primary,
html body .app .layout > .main.page-system .btn.btn.primary,
html[data-theme] body .app .layout > .main.page-system button.btn.primary,
html[data-theme] body .app .layout > .main.page-system .btn.btn.primary{
  border-color:rgba(126,240,164,.18)!important;
  background:linear-gradient(180deg,rgba(126,240,164,.20),rgba(126,240,164,.085))!important;
  color:#d9ffe8!important;
  -webkit-text-fill-color:#d9ffe8!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
}
html body .app .layout > .main.page-system .radius-tools,
html[data-theme] body .app .layout > .main.page-system .radius-tools{
  padding:9px 10px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.020)!important;
}
html body .app .layout > .main.page-system input[type=range],
html[data-theme] body .app .layout > .main.page-system input[type=range]{
  accent-color:#8ca59a!important;
  background:transparent!important;
  border:0!important;
}
html body .app .layout > .main.page-system :where(.empty,.settings-empty,.geo-preview),
html[data-theme] body .app .layout > .main.page-system :where(.empty,.settings-empty,.geo-preview){
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.024)!important;
  color:var(--sys-muted)!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-system .geo-preview iframe,
html[data-theme] body .app .layout > .main.page-system .geo-preview iframe{
  border:0!important;
  filter:saturate(.82) contrast(.92) brightness(.82)!important;
}
html body .app .layout > .main.page-system .geo-preview a,
html[data-theme] body .app .layout > .main.page-system .geo-preview a{
  color:rgba(216,255,232,.78)!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-preview/001-base-slice-13-application-layout-24-slice-13-part-03-seg-01-account-card-title-p-fine-03.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-13-shared-cross-surface-25-slice-13-part-03-seg-02-account-card-title-p.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-13-part-03-account-card-title-p.css. Keep import order stable. */
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .app .layout > .main.page-system .settings-modern-head,
  html[data-theme] body .app .layout > .main.page-system .settings-modern-head{
    align-items:flex-start!important;
    padding:15px!important;
  }
  html body .app .layout > .main.page-system .sys-grid,
  html[data-theme] body .app .layout > .main.page-system .sys-grid,
  html body .app .layout > .main.page-system .office-form,
  html[data-theme] body .app .layout > .main.page-system .office-form{
    grid-template-columns:1fr!important;
  }
}
html body .app .layout > .side .nav,
html[data-theme] body .app .layout > .side .nav{
  isolation:isolate!important;
  -webkit-tap-highlight-color:transparent!important;
}
html body .app .layout > .side .nav :where(span,b,strong,small,em,i,.ic,.nav-label,.name,.role),
html[data-theme] body .app .layout > .side .nav :where(span,b,strong,small,em,i,.ic,.nav-label,.name,.role){
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
  -webkit-box-decoration-break:slice!important;
  box-decoration-break:slice!important;
}
html body :where(.profile-menu button,.app-lang-menu button,.nd-filter-menu label,.history-filter-menu label,.notif-drop .nd-row,.org-pick-row,.org-simple-pick .org-pick-row,.role-list-item,.contact-item,.chat-list-item,.type-chip,.tabs button,.mobile-quick button,.live-building-tab,.live-floor-row,.live-floor-overview-row,.live-room-mini,.live-room-bar,.live-edit-floors button,.tpl-node-card,.tpl-field-row):where(:hover,.active) :where(span,b,strong,small,em),
html[data-theme] body :where(.profile-menu button,.app-lang-menu button,.nd-filter-menu label,.history-filter-menu label,.notif-drop .nd-row,.org-pick-row,.org-simple-pick .org-pick-row,.role-list-item,.contact-item,.chat-list-item,.type-chip,.tabs button,.mobile-quick button,.live-building-tab,.live-floor-row,.live-floor-overview-row,.live-room-mini,.live-room-bar,.live-edit-floors button,.tpl-node-card,.tpl-field-row):where(:hover,.active) :where(span,b,strong,small,em){
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
html body .app :where(button,a,.nav,[role=button],.role-list-item,.contact-item,.chat-list-item,.type-chip,.org-pick-row,.live-building-tab,.live-floor-row,.live-floor-overview-row,.live-room-mini,.live-room-bar,.tpl-node-card,.tpl-field-row),
html[data-theme] body .app :where(button,a,.nav,[role=button],.role-list-item,.contact-item,.chat-list-item,.type-chip,.org-pick-row,.live-building-tab,.live-floor-row,.live-floor-overview-row,.live-room-mini,.live-room-bar,.tpl-node-card,.tpl-field-row){
  -webkit-tap-highlight-color:transparent!important;
}
html body .app :where(button,a,.nav,[role=button],.role-list-item,.contact-item,.chat-list-item,.type-chip,.org-pick-row,.live-building-tab,.live-floor-row,.live-floor-overview-row,.live-room-mini,.live-room-bar,.tpl-node-card,.tpl-field-row):focus,
html body .app :where(button,a,.nav,[role=button],.role-list-item,.contact-item,.chat-list-item,.type-chip,.org-pick-row,.live-building-tab,.live-floor-row,.live-floor-overview-row,.live-room-mini,.live-room-bar,.tpl-node-card,.tpl-field-row):focus-visible,
html[data-theme] body .app :where(button,a,.nav,[role=button],.role-list-item,.contact-item,.chat-list-item,.type-chip,.org-pick-row,.live-building-tab,.live-floor-row,.live-floor-overview-row,.live-room-mini,.live-room-bar,.tpl-node-card,.tpl-field-row):focus,
html[data-theme] body .app :where(button,a,.nav,[role=button],.role-list-item,.contact-item,.chat-list-item,.type-chip,.org-pick-row,.live-building-tab,.live-floor-row,.live-floor-overview-row,.live-room-mini,.live-room-bar,.tpl-node-card,.tpl-field-row):focus-visible{
  outline:0!important;
}
html body .app :where(button,a,.nav,[role=button],.role-list-item,.contact-item,.chat-list-item,.type-chip,.org-pick-row,.live-building-tab,.live-floor-row,.live-floor-overview-row,.live-room-mini,.live-room-bar,.tpl-node-card,.tpl-field-row):focus-visible,
html[data-theme] body .app :where(button,a,.nav,[role=button],.role-list-item,.contact-item,.chat-list-item,.type-chip,.org-pick-row,.live-building-tab,.live-floor-row,.live-floor-overview-row,.live-room-mini,.live-room-bar,.tpl-node-card,.tpl-field-row):focus-visible{
  box-shadow:inset 0 0 0 1px rgba(244,244,241,.085)!important;
}
/* Unified popover glass: headers, bodies and footers belong to one continuous surface. */
html body :where(.notif-drop,.notif-drop.glass-select-list,.profile-menu,.profile-menu.glass-select-list,.app-lang-menu,.app-lang-menu.glass-select-list,.nd-filter-menu,.nd-filter-menu.glass-select-list,.history-filter-menu,.history-filter-menu.glass-select-list,.org-pick-modal,.modal.org-pick-modal,.modal:has(.org-simple-pick),.org-simple-pick,.glass-select-list:not(button):not(.btn)){
  background:
    radial-gradient(260px 180px at 16% 0%,rgba(255,255,255,.052),transparent 72%),
    linear-gradient(180deg,rgba(12,13,12,.925),rgba(3,4,3,.855))!important;
  background-color:rgba(4,5,4,.88)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 30px 82px -52px rgba(0,0,0,.98),inset 0 1px 0 rgba(255,255,255,.060)!important;
  -webkit-backdrop-filter:blur(30px) saturate(1.14)!important;
  backdrop-filter:blur(30px) saturate(1.14)!important;
  color:#f4f4f1!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-13-shared-cross-surface-25-slice-13-part-03-seg-02-account-card-title-p.css */


/* >>> runtime/legacy/styles/blocks/accounts/card/compatibility/001-base-slice-13-enterprise-entry.css */

/* Enterprise compatibility entry. Ordered owner files preserve the original slice-13 cascade and malformed legacy files. */

/* <<< runtime/legacy/styles/blocks/accounts/card/compatibility/001-base-slice-13-enterprise-entry.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-01-seg-01-html-body-where-notif-dr-fine-01-short-01.css */

/* Legacy ordered base slice 14 part 01; split from 001-base-slice-14-html-body-where-notif-dr.css. Keep import order stable. */
html body :where(.notif-drop .nd-head,.notif-drop .nd-body,.notif-drop .nd-tabs,.profile-menu .pm-head,.app-lang-menu small,.history-filter-menu .history-filter-head,.org-pick-modal .m-head,.org-pick-modal .m-body,.org-pick-modal .m-foot,.modal:has(.org-simple-pick) .m-head,.modal:has(.org-simple-pick) .m-body,.modal:has(.org-simple-pick) .m-foot,.secondary-rail-shell .secondary-rail-head,.secondary-rail-shell .secondary-rail-body,.secondary-rail-shell .secondary-rail-foot){
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html body .notif-drop,
html[data-theme] body .notif-drop{
  width:min(368px,calc(100vw - 22px))!important;
  max-height:min(560px,calc(100dvh - 76px))!important;
  overflow:hidden!important;
}
html body .notif-drop .nd-head,
html[data-theme] body .notif-drop .nd-head{
  padding:13px 14px 9px!important;
  gap:10px!important;
  border-bottom:0!important;
  align-items:center!important;
}
html body .notif-drop .nd-head::before,
html body .notif-drop .nd-head::after,
html[data-theme] body .notif-drop .nd-head::before,
html[data-theme] body .notif-drop .nd-head::after{
  display:none!important;
  content:none!important;
}
html body .notif-drop .nd-head-title,
html[data-theme] body .notif-drop .nd-head-title{
  min-width:0!important;
  gap:9px!important;
}
html body .notif-drop .nd-head-title .nd-bell,
html[data-theme] body .notif-drop .nd-head-title .nd-bell{
  width:26px!important;
  height:26px!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:rgba(244,244,241,.78)!important;
}
html body .notif-drop .nd-head-title b,
html[data-theme] body .notif-drop .nd-head-title b{
  color:#f4f4f1!important;
  font-size:var(--mc-type-compact-heading,.92rem)!important;
  font-weight:520!important;
}
html body .notif-drop .nd-head-title span,
html[data-theme] body .notif-drop .nd-head-title span{
  color:rgba(244,244,241,.48)!important;
}
html body .notif-drop .nd-head-actions,
html[data-theme] body .notif-drop .nd-head-actions{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
}
html body .notif-drop :where(.nd-head-actions .btn,.nd-filter-toggle,.nd-unread-pill),
html[data-theme] body .notif-drop :where(.nd-head-actions .btn,.nd-filter-toggle,.nd-unread-pill){
  min-height:26px!important;
  height:26px!important;
  padding:0 7px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:rgba(244,244,241,.62)!important;
  font-size:.68rem!important;
  line-height:26px!important;
  font-weight:430!important;
  white-space:nowrap!important;
}
html body .notif-drop :where(.nd-head-actions .btn,.nd-filter-toggle,.nd-unread-pill):hover,
html[data-theme] body .notif-drop :where(.nd-head-actions .btn,.nd-filter-toggle,.nd-unread-pill):hover{
  background:rgba(255,255,255,.060)!important;
  color:#f4f4f1!important;
}
html body .notif-drop .nd-body,
html[data-theme] body .notif-drop .nd-body{
  padding:0 6px 8px!important;
  max-height:none!important;
  overflow-y:auto!important;
  border-radius:0!important;
}
html body .notif-drop .nd-row,
html[data-theme] body .notif-drop .nd-row{
  margin:1px 0!important;
  padding:9px 8px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .notif-drop .nd-row:hover,
html[data-theme] body .notif-drop .nd-row:hover{
  background:rgba(255,255,255,.055)!important;
  box-shadow:none!important;
}
html body :where(.app-lang-menu,.profile-menu,.nd-filter-menu,.history-filter-menu,.org-pick-modal,.modal:has(.org-simple-pick)) :where(button,label,.checkbox,.org-pick-row),
html[data-theme] body :where(.app-lang-menu,.profile-menu,.nd-filter-menu,.history-filter-menu,.org-pick-modal,.modal:has(.org-simple-pick)) :where(button,label,.checkbox,.org-pick-row){
  border:0!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-01-seg-01-html-body-where-notif-dr-fine-01-short-01.css */


/* >>> runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-14-workbench-001-slice-14-part-01-seg-01-html-body-where-notif-dr-fine-01-short-02.css */

/* Workbench flush cleanup: no side overflow, no decorative glyphs, no nested gray cards. */
html:has(.main.page-workbench),
body:has(.main.page-workbench),
html body .app .layout > .main.page-workbench,
html[data-theme] body .app .layout > .main.page-workbench{
  overflow-x:hidden!important;
  max-width:100vw!important;
}
html body .main.page-workbench,
html body .main.page-workbench :where(.workbench-unified,.workbench-clean,.workbench-triple,.hud-cards,.workbench-punch-slot,.workbench-todo-slot,.workbench-notif-slot,.feed,.workbench-msg-feed),
html[data-theme] body .main.page-workbench,
html[data-theme] body .main.page-workbench :where(.workbench-unified,.workbench-clean,.workbench-triple,.hud-cards,.workbench-punch-slot,.workbench-todo-slot,.workbench-notif-slot,.feed,.workbench-msg-feed){
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
}
html body .main.page-workbench :where(.hud-card .hud-bg,.hud-card .hud-ic,.ann-banner .ann-ic),
html[data-theme] body .main.page-workbench :where(.hud-card .hud-bg,.hud-card .hud-ic,.ann-banner .ann-ic){
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  pointer-events:none!important;
}
html body .main.page-workbench .ann-banner,
html[data-theme] body .main.page-workbench .ann-banner{
  gap:10px!important;
}

/* <<< runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-14-workbench-001-slice-14-part-01-seg-01-html-body-where-notif-dr-fine-01-short-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-14-shared-cross-surface-002-slice-14-part-01-seg-01-html-body-where-notif-dr-fine-02-short-02.css */

html body :where(.msg-filter-menu label:hover),
html[data-theme] body :where(.msg-filter-menu label:hover){
  background:rgba(255,255,255,.045)!important;
}
/* Workbench locked canvas: fixed viewport, larger typography, text-only header controls. */
html:has(.main.page-workbench),
body:has(.main.page-workbench){
  overflow:hidden!important;
}
html body:has(.main.page-workbench) .app,
html[data-theme] body:has(.main.page-workbench) .app{
  height:100dvh!important;
  min-height:100dvh!important;
  overflow:hidden!important;
}
html body:has(.main.page-workbench) .layout,
html[data-theme] body:has(.main.page-workbench) .layout{
  height:calc(100dvh - var(--mc-topbar-h,56px))!important;
  min-height:0!important;
  overflow:hidden!important;
}
html body .app .layout > .main.page-workbench,
html[data-theme] body .app .layout > .main.page-workbench{
  height:calc(100dvh - var(--mc-topbar-h,56px))!important;
  min-height:0!important;
  max-height:calc(100dvh - var(--mc-topbar-h,56px))!important;
  overflow:hidden!important;
  padding-top:clamp(22px,3.2vh,34px)!important;
  padding-bottom:clamp(10px,1.5vh,16px)!important;
  font-size:16px!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-14-shared-cross-surface-002-slice-14-part-01-seg-01-html-body-where-notif-dr-fine-02-short-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-14-shared-cross-surface-003-slice-14-part-01-seg-02-html-body-where-notif-dr-micro-01-unit-02.css */

html body .main.page-workbench :where(.hud-card),
html[data-theme] body .main.page-workbench :where(.hud-card){
  border:0!important;
  box-shadow:none!important;
}
html body .main.page-workbench :where(.hud-val),
html[data-theme] body .main.page-workbench :where(.hud-val){
  font-size:2rem!important;
}
html body .main.page-workbench :where(.hud-label),
html[data-theme] body .main.page-workbench :where(.hud-label){
  font-size:.9rem!important;
}
html body .main.page-workbench :where(.hud-sub,.fi,.msg-line,.ft,.tag,.btn.sm),
html[data-theme] body .main.page-workbench :where(.hud-sub,.fi,.msg-line,.ft,.tag,.btn.sm){
  font-size:var(--mc-type-body-control,.82rem)!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .app .layout > .main.page-workbench,
  html[data-theme] body .app .layout > .main.page-workbench{
    padding-top:18px!important;
    padding-bottom:calc(74px + env(safe-area-inset-bottom))!important;
  }
  html body .main.page-workbench .workbench-unified,
  html[data-theme] body .main.page-workbench .workbench-unified{
    padding-right:0!important;
    gap:8px!important;
  }
  html body .main.page-workbench .workbench-title-stack h1,
  html[data-theme] body .main.page-workbench .workbench-title-stack h1{
    font-size:1.62rem!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-14-shared-cross-surface-003-slice-14-part-01-seg-02-html-body-where-notif-dr-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-14-workbench-004-slice-14-part-01-seg-02-html-body-where-notif-dr-micro-02-unit-01.css */

/* Workbench flat cleanup: one transparent frame for ToDo/messages, no surrounding shadow blocks. */
html body .app .layout > .main.page-workbench,
html[data-theme] body .app .layout > .main.page-workbench{
  padding-top:clamp(14px,2.2vh,22px)!important;
  padding-bottom:clamp(8px,1.2vh,12px)!important;
}
html body .main.page-workbench .workbench-unified,
html[data-theme] body .main.page-workbench .workbench-unified{
  gap:clamp(6px,.9vh,9px)!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
html body .main.page-workbench :where(.workbench-unified,.workbench-clean,.workbench-triple,.workbench-punch-slot,.workbench-todo-slot,.workbench-notif-slot,.hud-cards,.employee-hud-cards),
html[data-theme] body .main.page-workbench :where(.workbench-unified,.workbench-clean,.workbench-triple,.workbench-punch-slot,.workbench-todo-slot,.workbench-notif-slot,.hud-cards,.employee-hud-cards){
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
html body .main.page-workbench :where(.workbench-unified,.workbench-clean,.workbench-triple,.workbench-punch-slot,.workbench-todo-slot,.workbench-notif-slot,.hud-cards,.employee-hud-cards)::before,
html body .main.page-workbench :where(.workbench-unified,.workbench-clean,.workbench-triple,.workbench-punch-slot,.workbench-todo-slot,.workbench-notif-slot,.hud-cards,.employee-hud-cards)::after,
html[data-theme] body .main.page-workbench :where(.workbench-unified,.workbench-clean,.workbench-triple,.workbench-punch-slot,.workbench-todo-slot,.workbench-notif-slot,.hud-cards,.employee-hud-cards)::before,
html[data-theme] body .main.page-workbench :where(.workbench-unified,.workbench-clean,.workbench-triple,.workbench-punch-slot,.workbench-todo-slot,.workbench-notif-slot,.hud-cards,.employee-hud-cards)::after{
  display:none!important;
  content:none!important;
}
html body .main.page-workbench .workbench-unified-head,
html[data-theme] body .main.page-workbench .workbench-unified-head{
  gap:3px!important;
}
html body .main.page-workbench .workbench-title-stack,
html[data-theme] body .main.page-workbench .workbench-title-stack{
  gap:2px!important;
}
html body .main.page-workbench .workbench-role-line,
html[data-theme] body .main.page-workbench .workbench-role-line{
  display:none!important;
}
html body .main.page-workbench .view-toolbar.workbench-text-actions,
html[data-theme] body .main.page-workbench .view-toolbar.workbench-text-actions{
  gap:14px!important;
  margin-top:1px!important;
}
html body .main.page-workbench .hud-cards,
html[data-theme] body .main.page-workbench .hud-cards{
  gap:clamp(10px,1vw,14px)!important;
  margin:0!important;
}
html body .main.page-workbench .hud-card,
html[data-theme] body .main.page-workbench .hud-card{
  min-height:0!important;
  padding:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
html body .main.page-workbench .hud-card::before,
html body .main.page-workbench .hud-card::after,
html[data-theme] body .main.page-workbench .hud-card::before,
html[data-theme] body .main.page-workbench .hud-card::after{
  display:none!important;
  content:none!important;
}
html body .main.page-workbench .hud-card:hover,
html[data-theme] body .main.page-workbench .hud-card:hover{
  transform:none!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .main.page-workbench .ann-banner,
html[data-theme] body .main.page-workbench .ann-banner{
  min-height:0!important;
  padding:4px 0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
html body .main.page-workbench .ann-banner::before,
html body .main.page-workbench .ann-banner::after,
html[data-theme] body .main.page-workbench .ann-banner::before,
html[data-theme] body .main.page-workbench .ann-banner::after{
  display:none!important;
  content:none!important;
}
html body .main.page-workbench .workbench-ann-slot,
html[data-theme] body .main.page-workbench .workbench-ann-slot{
  margin:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-14-workbench-004-slice-14-part-01-seg-02-html-body-where-notif-dr-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/live-room/canvas/compatibility-layout/001-base-slice-14-live-room-005-slice-14-part-02-seg-01-html-body-where-notif-dr-micro-01-unit-01.css */

/* Legacy ordered base slice 14 part 02; split from 001-base-slice-14-html-body-where-notif-dr.css. Keep import order stable. */
html body #modal .secondary-rail-head,
html[data-theme] body #modal .secondary-rail-head{
  position:relative!important;
  display:block!important;
  min-height:78px!important;
  padding:46px 18px 10px!important;
}
html body #modal .secondary-rail-head h3,
html[data-theme] body #modal .secondary-rail-head h3{
  margin:0!important;
  line-height:1.15!important;
}
html body #modal .secondary-rail-close,
html[data-theme] body #modal .secondary-rail-close{
  position:absolute!important;
  top:10px!important;
  right:18px!important;
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(244,244,241,.78)!important;
  font-size:0!important;
  line-height:1!important;
}
html body #modal .secondary-rail-close .top-ico,
html[data-theme] body #modal .secondary-rail-close .top-ico{
  width:20px!important;
  height:20px!important;
  stroke-width:1.35!important;
}
html body #modal .secondary-rail-close:hover,
html[data-theme] body #modal .secondary-rail-close:hover{
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
  transform:none!important;
}
/* Live rooms: full-screen 3D stage, rail-only floor/room controls. */
html body .app .layout > .main.page-liveRooms,
html[data-theme] body .app .layout > .main.page-liveRooms{
  height:calc(100dvh - var(--mc-topbar-h,56px))!important;
  min-height:0!important;
  max-height:calc(100dvh - var(--mc-topbar-h,56px))!important;
  overflow:hidden!important;
  padding:12px 14px!important;
}
html body .main.page-liveRooms .live-room-shell,
html[data-theme] body .main.page-liveRooms .live-room-shell{
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:10px!important;
}
html body .main.page-liveRooms .live-room-toolbar,
html[data-theme] body .main.page-liveRooms .live-room-toolbar{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
html body .main.page-liveRooms .live-room-layout.live-room-layout-full,
html[data-theme] body .main.page-liveRooms .live-room-layout.live-room-layout-full{
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
}
html body .main.page-liveRooms .live-room-layout.live-room-layout-full > div,
html[data-theme] body .main.page-liveRooms .live-room-layout.live-room-layout-full > div{
  height:100%!important;
  min-height:0!important;
}
html body .main.page-liveRooms .live-room-stage-wrap,
html[data-theme] body .main.page-liveRooms .live-room-stage-wrap{
  height:100%!important;
  min-height:0!important;
  border-radius:16px!important;
}
html body .main.page-liveRooms .live-floor-float-nav,
html[data-theme] body .main.page-liveRooms .live-floor-float-nav{
  position:absolute!important;
  top:50%!important;
  z-index:4!important;
  display:grid!important;
  gap:12px!important;
  transform:translateY(-50%)!important;
  pointer-events:auto!important;
}

/* <<< runtime/legacy/styles/blocks/live-room/canvas/compatibility-layout/001-base-slice-14-live-room-005-slice-14-part-02-seg-01-html-body-where-notif-dr-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-14-shared-cross-surface-006-slice-14-part-02-seg-01-html-body-where-notif-dr-micro-02-unit-01.css */

html body .main.page-liveRooms .live-floor-float-btn:hover,
html body .main.page-liveRooms .live-floor-float-btn.active,
html[data-theme] body .main.page-liveRooms .live-floor-float-btn:hover,
html[data-theme] body .main.page-liveRooms .live-floor-float-btn.active{
  z-index:var(--mc-model-lift-z,80)!important;
  transform:translateY(var(--mc-model-lift-y,-2px)) scale(1.08)!important;
  filter:saturate(1.18) brightness(1.08)!important;
  box-shadow:0 18px 44px color-mix(in srgb,var(--live-floor-accent) 42%,transparent),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -10px 18px rgba(0,0,0,.18)!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .main.page-liveRooms .live-floor-float-nav,
  html[data-theme] body .main.page-liveRooms .live-floor-float-nav{gap:8px!important}
  html body .main.page-liveRooms .live-floor-float-nav.left,
  html[data-theme] body .main.page-liveRooms .live-floor-float-nav.left{left:8px!important}
  html body .main.page-liveRooms .live-floor-float-nav.right,
  html[data-theme] body .main.page-liveRooms .live-floor-float-nav.right{right:8px!important}
  html body .main.page-liveRooms .live-floor-float-btn,
  html[data-theme] body .main.page-liveRooms .live-floor-float-btn{width:48px!important;height:48px!important;border-radius:14px!important}
}
html body #modal .secondary-rail-shell.live-room-rail,
html[data-theme] body #modal .secondary-rail-shell.live-room-rail{
  width:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)))!important;
  min-width:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)))!important;
  max-width:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)))!important;
}
html body.secondary-rail-open:has(.secondary-rail-shell.live-room-rail) .app .layout,
html[data-theme] body.secondary-rail-open:has(.secondary-rail-shell.live-room-rail) .app .layout{
  padding-right:calc(var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px))) + var(--mc-secondary-rail-gap,10px))!important;
}
html body #modal .live-room-rail .secondary-rail-body,
html[data-theme] body #modal .live-room-rail .secondary-rail-body{
  padding-top:8px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  max-height:calc(100dvh - 74px)!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(244,244,241,.32) transparent!important;
  padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
}
html body #modal .live-room-rail .secondary-rail-body::-webkit-scrollbar,
html[data-theme] body #modal .live-room-rail .secondary-rail-body::-webkit-scrollbar{
  width:10px!important;
}
html body #modal .live-room-rail .secondary-rail-body::-webkit-scrollbar-track,
html[data-theme] body #modal .live-room-rail .secondary-rail-body::-webkit-scrollbar-track{
  background:transparent!important;
}
html body #modal .live-room-rail .secondary-rail-body::-webkit-scrollbar-thumb,
html[data-theme] body #modal .live-room-rail .secondary-rail-body::-webkit-scrollbar-thumb{
  border:3px solid transparent!important;
  background:rgba(244,244,241,.30)!important;
  background-clip:padding-box!important;
  border-radius:999px!important;
}
html body #modal .live-room-rail .live-room-side,
html[data-theme] body #modal .live-room-rail .live-room-side{
  display:grid!important;
  gap:10px!important;
}
html body #modal .live-room-rail .live-room-side :where(.panel,.live-edit-panel,.live-building-overview),
html[data-theme] body #modal .live-room-rail .live-room-side :where(.panel,.live-edit-panel,.live-building-overview){
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body #modal .live-room-rail :where(.live-room-list,.live-floor-list,.live-room-switcher,.live-device-detail-list),
html[data-theme] body #modal .live-room-rail :where(.live-room-list,.live-floor-list,.live-room-switcher,.live-device-detail-list){
  max-height:none!important;
}
html body #modal .live-room-rail .live-device-detail-row,
html[data-theme] body #modal .live-room-rail .live-device-detail-row{
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"main actions" "fields fields"!important;
  gap:6px 9px!important;
  align-items:start!important;
  padding:10px 0!important;
}
html body #modal .live-room-rail .live-device-detail-main,
html[data-theme] body #modal .live-room-rail .live-device-detail-main{
  grid-area:main!important;
}
html body #modal .live-room-rail .live-device-detail-fields,
html[data-theme] body #modal .live-room-rail .live-device-detail-fields{
  grid-area:fields!important;
  grid-template-columns:1fr!important;
  gap:3px!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-14-shared-cross-surface-006-slice-14-part-02-seg-01-html-body-where-notif-dr-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/controls/compatibility-layout/001-base-slice-14-controls-007-slice-14-part-03-seg-01-html-body-where-notif-dr-nano-01.css */

/* Legacy ordered base slice 14 part 03; split from 001-base-slice-14-html-body-where-notif-dr.css. Keep import order stable. */
html body :where(select option,select optgroup),
html[data-theme] body :where(select option,select optgroup){
  background-color:#0f100f!important;
  color:var(--mc-input-text)!important;
}
html body :where(select option:checked),
html[data-theme] body :where(select option:checked){
  background:rgba(255,255,255,.075)!important;
  color:var(--mc-input-text)!important;
}
html body :where(.select-summary,button.glass-select-list,.btn.glass-select-list,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.emp-org-manager-btn),
html[data-theme] body :where(.select-summary,button.glass-select-list,.btn.glass-select-list,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.emp-org-manager-btn){
  position:relative!important;
  color:var(--mc-input-text)!important;
  -webkit-text-fill-color:var(--mc-input-text)!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:.5px solid var(--mc-input-line)!important;
  border-radius:6px!important;
  box-shadow:none!important;
  outline:0!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body :where(.select-summary,button.glass-select-list,.btn.glass-select-list,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.emp-org-manager-btn):is(:hover,:focus,:focus-visible,:focus-within,.active),
html[data-theme] body :where(.select-summary,button.glass-select-list,.btn.glass-select-list,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.emp-org-manager-btn):is(:hover,:focus,:focus-visible,:focus-within,.active){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-color:var(--mc-input-line-active)!important;
  border-width:var(--mc-model-field-active-width,.35px)!important;
  box-shadow:none!important;
}
html body :where(.glass-select-list:not(button):not(.btn),.app-lang-menu,.profile-menu,.nd-filter-menu,.history-filter-menu,.msg-filter-menu.glass-select-list,.notif-filter-menu,.notif-drop,.org-pick-list,.org-pick-modal,.org-simple-pick,.modal.org-pick-modal,.modal:has(.org-simple-pick),.secondary-rail-shell .glass-select-list:not(button):not(.btn)),
html[data-theme] body :where(.glass-select-list:not(button):not(.btn),.app-lang-menu,.profile-menu,.nd-filter-menu,.history-filter-menu,.msg-filter-menu.glass-select-list,.notif-filter-menu,.notif-drop,.org-pick-list,.org-pick-modal,.org-simple-pick,.modal.org-pick-modal,.modal:has(.org-simple-pick),.secondary-rail-shell .glass-select-list:not(button):not(.btn)){
  color:var(--mc-input-text)!important;
  background:rgba(3,4,4,.94)!important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.040),rgba(255,255,255,.008))!important;
  border:.5px solid rgba(244,244,241,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.050),0 18px 42px -34px rgba(0,0,0,.94)!important;
  -webkit-backdrop-filter:blur(30px) saturate(1.16)!important;
  backdrop-filter:blur(30px) saturate(1.16)!important;
}
html body :where(.glass-select-list button,.glass-select-list label,.glass-select-list .org-pick-row,.glass-select-list .nd-row,.msg-filter-menu label,.nd-filter-menu label,.history-filter-menu label,.org-pick-row,.org-simple-pick .org-pick-row),
html[data-theme] body :where(.glass-select-list button,.glass-select-list label,.glass-select-list .org-pick-row,.glass-select-list .nd-row,.msg-filter-menu label,.nd-filter-menu label,.history-filter-menu label,.org-pick-row,.org-simple-pick .org-pick-row){
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--mc-input-text)!important;
}
html body :where(.glass-select-list button,.glass-select-list label,.glass-select-list .org-pick-row,.glass-select-list .nd-row,.msg-filter-menu label,.nd-filter-menu label,.history-filter-menu label,.org-pick-row,.org-simple-pick .org-pick-row):where(:hover,.active),
html[data-theme] body :where(.glass-select-list button,.glass-select-list label,.glass-select-list .org-pick-row,.glass-select-list .nd-row,.msg-filter-menu label,.nd-filter-menu label,.history-filter-menu label,.org-pick-row,.org-simple-pick .org-pick-row):where(:hover,.active){
  background:var(--mc-model-button-fill-hover,rgba(255,255,255,.060))!important;
  background-image:var(--mc-model-button-fill-hover,none)!important;
  border:0!important;
  border-color:transparent!important;
  box-shadow:none!important;
  color:var(--mc-input-text)!important;
}

/* Global shell controls: sidebar/secondary toggles must remain one-click above transient popovers. */
html body .app > .topbar,
html[data-theme] body .app > .topbar{
  z-index:2147482600!important;
}
html body .app .layout > .side,
html[data-theme] body .app .layout > .side{
  z-index:2147482300!important;
}
html body .shell-priority-control,
html[data-theme] body .shell-priority-control,
html body .topbar .shell-priority-control,
html[data-theme] body .topbar .shell-priority-control,
html body #modal .secondary-rail-close,
html[data-theme] body #modal .secondary-rail-close{
  position:relative!important;
  z-index:2147483600!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
html body #modal .secondary-rail-head .secondary-rail-close.shell-priority-control,
html[data-theme] body #modal .secondary-rail-head .secondary-rail-close.shell-priority-control{
  display:none!important;
}
html body #modal .live-room-rail .secondary-rail-head .secondary-rail-close.shell-priority-control,
html[data-theme] body #modal .live-room-rail .secondary-rail-head .secondary-rail-close.shell-priority-control{
  display:none!important;
}
html body .profile-backdrop,
html[data-theme] body .profile-backdrop{
  z-index:2147481200!important;
}
html body .app .layout.side-collapsed > .side,
html[data-theme] body .app .layout.side-collapsed > .side,
html body .app .layout > .side.collapsed,
html[data-theme] body .app .layout > .side.collapsed{
  overflow:visible!important;
  overflow-x:visible!important;
  overflow-y:visible!important;
}
html body .app .layout > .side .side-profile-wrap,
html[data-theme] body .app .layout > .side .side-profile-wrap{
  z-index:2147482700!important;
}
html body .app .layout > .side .side-profile-wrap .profile-menu,
html[data-theme] body .app .layout > .side .side-profile-wrap .profile-menu{
  z-index:2147483400!important;
}

/* <<< runtime/legacy/styles/blocks/shared/controls/compatibility-layout/001-base-slice-14-controls-007-slice-14-part-03-seg-01-html-body-where-notif-dr-nano-01.css */


/* >>> runtime/legacy/styles/blocks/overlays/secondary-modal/compatibility-layout/001-base-slice-14-secondary-modal-008-slice-14-part-03-seg-01-html-body-where-notif-dr-nano-02.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body .app .layout > .side.collapsed .side-profile-wrap .profile-menu,
  html[data-theme] body .app .layout > .side.collapsed .side-profile-wrap .profile-menu{
    position:fixed!important;
    left:58px!important;
    right:auto!important;
    top:auto!important;
    bottom:14px!important;
    min-width:168px!important;
    max-width:min(220px,calc(100vw - 74px))!important;
    transform:none!important;
  }
  html body.secondary-rail-open .app .layout.side-collapsed > .side,
  html[data-theme] body.secondary-rail-open .app .layout.side-collapsed > .side{
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }
}

/* Live room rail: keep the shell divider intact and make the right panel sit flush. */
html body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms,
html[data-theme] body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms{
  padding:12px 14px!important;
}
html body #modal .secondary-rail-shell.live-room-rail,
html[data-theme] body #modal .secondary-rail-shell.live-room-rail{
  top:calc(var(--mc-topbar-h,40px) + 1px)!important;
  width:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)))!important;
  min-width:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)))!important;
  max-width:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)))!important;
  border-left:0!important;
  border-radius:0!important;
  box-shadow:-10px 0 28px -34px rgba(0,0,0,.96)!important;
}
html body #modal .secondary-rail-shell.live-room-rail .secondary-rail-line,
html[data-theme] body #modal .secondary-rail-shell.live-room-rail .secondary-rail-line{
  display:none!important;
  background:none!important;
  opacity:0!important;
}
html body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .mc-shell-divider,
html[data-theme] body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .mc-shell-divider{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:2147483000!important;
}
html body #modal .live-room-rail .secondary-rail-head,
html[data-theme] body #modal .live-room-rail .secondary-rail-head{
  min-height:64px!important;
  padding:34px 16px 8px!important;
}
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body.secondary-rail-open .app .layout.side-collapsed > .side,
  html[data-theme] body.secondary-rail-open .app .layout.side-collapsed > .side{
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    padding:26px 2px 8px!important;
  }
  html body.secondary-rail-open .app .layout.side-collapsed > .side .nav,
  html[data-theme] body.secondary-rail-open .app .layout.side-collapsed > .side .nav{
    width:30px!important;
    min-width:30px!important;
    height:38px!important;
    min-height:38px!important;
    margin:0 auto 1px!important;
    padding:0!important;
    justify-content:center!important;
    gap:0!important;
  }
  html body.secondary-rail-open .app .layout.side-collapsed > .side :where(.nav-label,.side-grp-head span,.side-profile-text),
  html[data-theme] body.secondary-rail-open .app .layout.side-collapsed > .side :where(.nav-label,.side-grp-head span,.side-profile-text){
    display:none!important;
  }
}

/* Final workbench cleanup: remove lingering gray/shadow boxes and tighten the lower modules. */
html body .app .layout > .main.page-workbench,
html[data-theme] body .app .layout > .main.page-workbench{
  overflow:hidden!important;
}
html body .main.page-workbench .workbench-unified,
html[data-theme] body .main.page-workbench .workbench-unified{
  align-content:start!important;
  grid-template-rows:auto auto auto auto!important;
  gap:clamp(5px,.75vh,8px)!important;
}
html body .main.page-workbench :where(.workbench-clean.workbench-triple,.workbench-punch-slot,.workbench-todo-slot,.workbench-notif-slot),
html[data-theme] body .main.page-workbench :where(.workbench-clean.workbench-triple,.workbench-punch-slot,.workbench-todo-slot,.workbench-notif-slot){
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  align-items:start!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
html body .main.page-workbench .workbench-clean.workbench-triple,
html[data-theme] body .main.page-workbench .workbench-clean.workbench-triple{
  margin-top:0!important;
  gap:clamp(8px,.85vw,11px)!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/secondary-modal/compatibility-layout/001-base-slice-14-secondary-modal-008-slice-14-part-03-seg-01-html-body-where-notif-dr-nano-02.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/compatibility/001-base-slice-14-enterprise-entry.css */

/* Enterprise compatibility entry. Ordered semantic owners preserve the original slice-14 cascade. */

/* <<< runtime/legacy/styles/blocks/notifications/drawer/compatibility/001-base-slice-14-enterprise-entry.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-01-seg-01-html-body-where-notif-dr-fine-02-short-01.css */

html body .main.page-workbench :where(.work-punch-stage,.work-punch-stage.work-punch-hero,.work-punch-hero),
html[data-theme] body .main.page-workbench :where(.work-punch-stage,.work-punch-stage.work-punch-hero,.work-punch-hero){
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  overflow:visible!important;
}
html body .main.page-workbench :where(.work-punch-stage,.work-punch-hero)::before,
html body .main.page-workbench :where(.work-punch-stage,.work-punch-hero)::after,
html[data-theme] body .main.page-workbench :where(.work-punch-stage,.work-punch-hero)::before,
html[data-theme] body .main.page-workbench :where(.work-punch-stage,.work-punch-hero)::after{
  display:none!important;
  content:none!important;
}
html body .main.page-workbench :where(.workbench-todo-slot > .panel,.workbench-notif-slot > .panel),
html[data-theme] body .main.page-workbench :where(.workbench-todo-slot > .panel,.workbench-notif-slot > .panel){
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .main.page-workbench :where(.workbench-todo-slot .feed,.workbench-notif-slot .feed,.workbench-msg-feed),
html[data-theme] body .main.page-workbench :where(.workbench-todo-slot .feed,.workbench-notif-slot .feed,.workbench-msg-feed){
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
}
html body .main.page-workbench :where(.workbench-todo-slot .feed .fi,.workbench-notif-slot .feed .fi,.workbench-msg-feed .fi),
html[data-theme] body .main.page-workbench :where(.workbench-todo-slot .feed .fi,.workbench-notif-slot .feed .fi,.workbench-msg-feed .fi){
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-bottom:1px solid rgba(244,244,241,.055)!important;
  box-shadow:none!important;
  border-radius:0!important;
  margin:0!important;
  padding:8px 0!important;
}
html body .main.page-workbench :where(.workbench-todo-slot .feed .fi:last-child,.workbench-notif-slot .feed .fi:last-child,.workbench-msg-feed .fi:last-child),
html[data-theme] body .main.page-workbench :where(.workbench-todo-slot .feed .fi:last-child,.workbench-notif-slot .feed .fi:last-child,.workbench-msg-feed .fi:last-child){
  border-bottom:0!important;
}
html body .main.page-workbench :where(.workbench-todo-slot .feed .fi:hover,.workbench-notif-slot .feed .fi:hover,.workbench-msg-feed .fi:hover),
html[data-theme] body .main.page-workbench :where(.workbench-todo-slot .feed .fi:hover,.workbench-notif-slot .feed .fi:hover,.workbench-msg-feed .fi:hover){
  background:rgba(255,255,255,.035)!important;
  box-shadow:none!important;
}
html body :where(.msg-filter-dropdown),
html[data-theme] body :where(.msg-filter-dropdown){
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
}
html body :where(.msg-filter-toggle),
html[data-theme] body :where(.msg-filter-toggle){
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:rgba(244,244,241,.72)!important;
}
html body :where(.msg-filter-toggle:hover),
html[data-theme] body :where(.msg-filter-toggle:hover){
  background:rgba(255,255,255,.045)!important;
  color:#f4f4f1!important;
}
html body :where(.msg-filter-menu.glass-select-list),
html[data-theme] body :where(.msg-filter-menu.glass-select-list){
  position:absolute!important;
  right:0!important;
  top:calc(100% + 8px)!important;
  z-index:80!important;
  display:grid!important;
  gap:2px!important;
  width:max-content!important;
  min-width:138px!important;
  padding:8px!important;
  background:linear-gradient(180deg,rgba(8,9,8,.95),rgba(2,3,2,.91))!important;
  border:1px solid rgba(244,244,241,.070)!important;
  border-radius:12px!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.12)!important;
  backdrop-filter:blur(24px) saturate(1.12)!important;
}
html body :where(.msg-filter-menu label),
html[data-theme] body :where(.msg-filter-menu label){
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:28px!important;
  padding:5px 6px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(244,244,241,.82)!important;
  white-space:nowrap!important;
}

/* <<< runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-01-seg-01-html-body-where-notif-dr-fine-02-short-01.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-01-seg-01-html-body-where-notif-dr-fine-03.css */

html body .main.page-workbench .workbench-unified,
html[data-theme] body .main.page-workbench .workbench-unified{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto auto auto minmax(0,1fr)!important;
  gap:clamp(8px,1.25vh,12px)!important;
  padding:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .main.page-workbench :where(.workbench-unified-head,.view-toolbar.workbench-text-actions),
html[data-theme] body .main.page-workbench :where(.workbench-unified-head,.view-toolbar.workbench-text-actions){
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:4px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
html body .main.page-workbench .workbench-title-stack,
html[data-theme] body .main.page-workbench .workbench-title-stack{
  display:grid!important;
  gap:4px!important;
  justify-items:start!important;
  text-align:left!important;
}
html body .main.page-workbench .workbench-title-stack h1,
html[data-theme] body .main.page-workbench .workbench-title-stack h1{
  margin:0!important;
  color:#f4f4f1!important;
  font-size:2rem!important;
  line-height:1.02!important;
  font-weight:520!important;
}
html body .main.page-workbench :where(.workbench-welcome-line,.workbench-role-line),
html[data-theme] body .main.page-workbench :where(.workbench-welcome-line,.workbench-role-line){
  display:block!important;
  margin:0!important;
  color:rgba(244,244,241,.78)!important;
  font-size:1.05rem!important;
  line-height:1.22!important;
  font-weight:430!important;
}
html body .main.page-workbench .workbench-welcome-line span,

/* <<< runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-01-seg-01-html-body-where-notif-dr-fine-03.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-01-seg-02-html-body-where-notif-dr-micro-01-unit-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-14-part-01-html-body-where-notif-dr.css. Keep import order stable. */
html[data-theme] body .main.page-workbench .workbench-welcome-line span{
  color:#fff!important;
  font-weight:560!important;
}
html body .main.page-workbench .workbench-role-line,
html[data-theme] body .main.page-workbench .workbench-role-line{
  color:rgba(244,244,241,.56)!important;
  font-size:1rem!important;
}
html body .main.page-workbench .view-toolbar.workbench-text-actions,
html[data-theme] body .main.page-workbench .view-toolbar.workbench-text-actions{
  flex-direction:row!important;
  gap:18px!important;
  flex-wrap:wrap!important;
  min-height:0!important;
}
html body .main.page-workbench :where(.role-toggle,.mp-toggle,.preview-role-switch),
html[data-theme] body .main.page-workbench :where(.role-toggle,.mp-toggle,.preview-role-switch){
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:rgba(244,244,241,.72)!important;
  font-size:1rem!important;
  line-height:1.25!important;
  font-weight:430!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .main.page-workbench :where(.role-toggle:hover,.mp-toggle:hover,.preview-role-switch:hover),
html[data-theme] body .main.page-workbench :where(.role-toggle:hover,.mp-toggle:hover,.preview-role-switch:hover){
  transform:none!important;
  background:transparent!important;
  color:#fff!important;
  text-decoration:underline!important;
  text-underline-offset:4px!important;
}
html body .main.page-workbench :where(.role-toggle .rt-dot,.role-toggle .rt-swap,.mp-toggle svg),
html[data-theme] body .main.page-workbench :where(.role-toggle .rt-dot,.role-toggle .rt-swap,.mp-toggle svg){
  display:none!important;
}
html body .main.page-workbench :where(.workbench-clean,.workbench-triple,.workbench-punch-slot,.workbench-todo-slot,.workbench-notif-slot),
html[data-theme] body .main.page-workbench :where(.workbench-clean,.workbench-triple,.workbench-punch-slot,.workbench-todo-slot,.workbench-notif-slot){
  min-height:0!important;
  overflow:hidden!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
html body .main.page-workbench .workbench-ann-slot,
html[data-theme] body .main.page-workbench .workbench-ann-slot{
  min-height:0!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .main.page-workbench .workbench-ann-slot:empty,
html[data-theme] body .main.page-workbench .workbench-ann-slot:empty{
  display:none!important;
}
html body .main.page-workbench .workbench-clean.workbench-triple,
html[data-theme] body .main.page-workbench .workbench-clean.workbench-triple{
  height:100%!important;
  margin:0!important;
  gap:clamp(10px,1.15vw,14px)!important;
}
html body .main.page-workbench :where(.workbench-todo-slot > .panel,.workbench-notif-slot > .panel),
html[data-theme] body .main.page-workbench :where(.workbench-todo-slot > .panel,.workbench-notif-slot > .panel){
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
}
html body .main.page-workbench :where(.workbench-todo-slot h3,.workbench-notif-slot h3),
html[data-theme] body .main.page-workbench :where(.workbench-todo-slot h3,.workbench-notif-slot h3){
  font-size:1.08rem!important;
  font-weight:520!important;
}
html body .main.page-workbench :where(.workbench-todo-slot .feed,.workbench-notif-slot .feed,.workbench-msg-feed),
html[data-theme] body .main.page-workbench :where(.workbench-todo-slot .feed,.workbench-notif-slot .feed,.workbench-msg-feed){
  min-height:0!important;
  overflow:hidden!important;
}

/* <<< runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-01-seg-02-html-body-where-notif-dr-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-01-seg-02-html-body-where-notif-dr-micro-02-unit-02.css */

html body .main.page-workbench .workbench-clean.workbench-triple,
html[data-theme] body .main.page-workbench .workbench-clean.workbench-triple{
  gap:clamp(10px,1vw,13px)!important;
}
html body .main.page-workbench :where(.workbench-todo-slot > .panel,.workbench-notif-slot > .panel),
html[data-theme] body .main.page-workbench :where(.workbench-todo-slot > .panel,.workbench-notif-slot > .panel){
  padding:10px 12px!important;
  background:rgba(255,255,255,.022)!important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.010))!important;
  border:1px solid rgba(244,244,241,.07)!important;
  border-radius:14px!important;
  box-shadow:none!important;
  outline:0!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.02)!important;
  backdrop-filter:blur(18px) saturate(1.02)!important;
}
html body .main.page-workbench :where(.workbench-todo-slot > .panel,.workbench-notif-slot > .panel)::before,
html body .main.page-workbench :where(.workbench-todo-slot > .panel,.workbench-notif-slot > .panel)::after,
html[data-theme] body .main.page-workbench :where(.workbench-todo-slot > .panel,.workbench-notif-slot > .panel)::before,
html[data-theme] body .main.page-workbench :where(.workbench-todo-slot > .panel,.workbench-notif-slot > .panel)::after{
  display:none!important;
  content:none!important;
}
html body .main.page-workbench :where(.workbench-todo-slot > .panel > div:first-child,.workbench-notif-slot > .panel > div:first-child),
html[data-theme] body .main.page-workbench :where(.workbench-todo-slot > .panel > div:first-child,.workbench-notif-slot > .panel > div:first-child){
  margin-bottom:6px!important;
}

/* <<< runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-01-seg-02-html-body-where-notif-dr-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-01-seg-02-html-body-where-notif-dr-micro-03.css */

html body .main.page-workbench :where(.workbench-notif-slot > .panel > div:nth-child(2)),
html[data-theme] body .main.page-workbench :where(.workbench-notif-slot > .panel > div:nth-child(2)){
  margin-bottom:6px!important;
}
html body .main.page-workbench :where(.workbench-todo-slot .feed,.workbench-notif-slot .feed,.workbench-msg-feed),
html[data-theme] body .main.page-workbench :where(.workbench-todo-slot .feed,.workbench-notif-slot .feed,.workbench-msg-feed){
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
html body .main.page-workbench :where(.workbench-todo-slot .feed .fi,.workbench-notif-slot .feed .fi,.workbench-msg-feed .fi),
html[data-theme] body .main.page-workbench :where(.workbench-todo-slot .feed .fi,.workbench-notif-slot .feed .fi,.workbench-msg-feed .fi){
  min-height:0!important;
  padding:6px 0!important;
  background:transparent!important;
  background-image:none!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body .main.page-workbench :where(.workbench-todo-slot .feed .fi:hover,.workbench-notif-slot .feed .fi:hover,.workbench-msg-feed .fi:hover),
html[data-theme] body .main.page-workbench :where(.workbench-todo-slot .feed .fi:hover,.workbench-notif-slot .feed .fi:hover,.workbench-msg-feed .fi:hover){
  background:transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
}

/* Global shell divider layer: right-side secondary panels must never cover the shell cut line. */
html body > .mc-shell-divider[data-hidden="1"],
html[data-theme] body > .mc-shell-divider[data-hidden="1"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}
html body > .mc-shell-divider:not([data-hidden="1"]),
html[data-theme] body > .mc-shell-divider:not([data-hidden="1"]){
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:none!important;
  z-index:2147483000!important;
  contain:layout style paint!important;
}
html body #modal .secondary-rail-shell,
html[data-theme] body #modal .secondary-rail-shell{
  z-index:2147482000!important;
}

/* <<< runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-01-seg-02-html-body-where-notif-dr-micro-03.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-02-seg-01-html-body-where-notif-dr-micro-01-unit-02.css */

html body .main.page-liveRooms .live-floor-float-nav.left,
html[data-theme] body .main.page-liveRooms .live-floor-float-nav.left{left:18px!important}
html body .main.page-liveRooms .live-floor-float-nav.right,
html[data-theme] body .main.page-liveRooms .live-floor-float-nav.right{right:18px!important}
html body .main.page-liveRooms .live-floor-float-btn,
html[data-theme] body .main.page-liveRooms .live-floor-float-btn{
  width:60px!important;
  height:60px!important;
  border:0!important;
  border-radius:18px!important;
  color:#f8faf8!important;
  display:grid!important;
  align-content:center!important;
  justify-items:center!important;
  gap:4px!important;
  background:
    radial-gradient(circle at 30% 18%,rgba(255,255,255,.34),transparent 32%),
    linear-gradient(145deg,color-mix(in srgb,var(--live-floor-accent) 88%,#111 12%),color-mix(in srgb,var(--live-floor-accent) 34%,#050505 66%))!important;
  box-shadow:0 14px 34px color-mix(in srgb,var(--live-floor-accent) 28%,transparent),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -10px 18px rgba(0,0,0,.24)!important;
  -webkit-backdrop-filter:blur(18px) saturate(150%)!important;
  backdrop-filter:blur(18px) saturate(150%)!important;
  cursor:pointer!important;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
}
html body .main.page-liveRooms .live-floor-float-btn b,
html[data-theme] body .main.page-liveRooms .live-floor-float-btn b{
  font-size:1rem!important;
  line-height:1!important;
  font-weight:760!important;
}
html body .main.page-liveRooms .live-floor-float-btn span,
html[data-theme] body .main.page-liveRooms .live-floor-float-btn span{
  font-family:var(--mono)!important;
  font-size:.68rem!important;
  line-height:1!important;
  color:rgba(255,255,255,.72)!important;
}

/* <<< runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-02-seg-01-html-body-where-notif-dr-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-02-seg-01-html-body-where-notif-dr-micro-02-unit-02.css */

html body #modal .live-room-rail .live-device-detail-fields span,
html[data-theme] body #modal .live-room-rail .live-device-detail-fields span{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:center!important;
  padding:0!important;
}
html body #modal .live-room-rail .live-device-detail-fields em,
html[data-theme] body #modal .live-room-rail .live-device-detail-fields em{
  min-width:44px!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
html body #modal .live-room-rail .live-device-detail-fields b,
html[data-theme] body #modal .live-room-rail .live-device-detail-fields b{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:left!important;
}
html body #modal .live-room-rail .live-device-detail-actions,
html[data-theme] body #modal .live-room-rail .live-device-detail-actions{
  grid-area:actions!important;
  align-self:start!important;
  gap:7px!important;
}

/* <<< runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-02-seg-01-html-body-where-notif-dr-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-02-seg-01-html-body-where-notif-dr-micro-03.css */

html body #modal .live-room-rail .live-device-detail-actions .btn.sm,
html[data-theme] body #modal .live-room-rail .live-device-detail-actions .btn.sm{
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  padding:0 1px!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #modal .live-room-rail .live-device-detail-actions .btn.sm.danger,
html[data-theme] body #modal .live-room-rail .live-device-detail-actions .btn.sm.danger{
  background:transparent!important;
  background-image:none!important;
  color:#ff9aad!important;
}
html body #modal .live-room-rail .live-device-detail-state em,
html[data-theme] body #modal .live-room-rail .live-device-detail-state em{
  display:none!important;
}
html body #modal .live-room-rail .live-room-zoom-panel,
html[data-theme] body #modal .live-room-rail .live-room-zoom-panel{
  padding-top:8px!important;
  border-top:1px solid rgba(244,244,241,.07)!important;
}

/* Unified transparent input and select fields. */
html body,
html[data-theme] body{
  --mc-input-bg:transparent;
  --mc-input-bg-hover:transparent;
  --mc-input-bg-focus:transparent;
  --mc-input-line:rgba(244,244,241,.16);
  --mc-input-line-active:transparent;
  --mc-input-line-gradient:var(--mc-spectrum-line);
  --mc-input-glow:transparent;
  --mc-input-text:#f4f4f1;
  --mc-input-soft:rgba(244,244,241,.48);
  --mc-input-menu:rgba(9,10,9,.82);
  --mc-input-menu-strong:rgba(255,255,255,.075);
  --mc-combo-menu-bg:rgba(4,5,4,.88);
  --mc-combo-menu-shine:rgba(255,255,255,.052);
  --mc-combo-option-bg:transparent;
  --mc-combo-option-hover:rgba(255,255,255,.090);
}
html:not([data-theme=dark]) body,
html[data-theme=light] body{
  --mc-input-bg:transparent;
  --mc-input-bg-hover:transparent;
  --mc-input-bg-focus:transparent;
  --mc-input-line:rgba(244,244,241,.16);
  --mc-input-line-active:transparent;
  --mc-input-line-gradient:var(--mc-spectrum-line);
  --mc-input-glow:rgba(17,24,39,.13);
  --mc-input-text:#f4f4f1;
  --mc-input-soft:rgba(244,244,241,.48);
  --mc-input-menu:rgba(9,10,9,.82);
  --mc-input-menu-strong:rgba(255,255,255,.075);
  --mc-combo-menu-bg:rgba(4,5,4,.88);
  --mc-combo-menu-shine:rgba(255,255,255,.052);
  --mc-combo-option-bg:transparent;
  --mc-combo-option-hover:rgba(17,24,39,.070);
}
html body :where(input:not([type]),input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="number"],input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"],textarea,select,.input,.tpl-phone-input,.tpl-phone-textarea,.tpl-phone-upload,.tpl-phone-sign),

/* <<< runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-02-seg-01-html-body-where-notif-dr-micro-03.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-02-seg-02-html-body-where-notif-dr-micro-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-14-part-02-html-body-where-notif-dr.css. Keep import order stable. */
html[data-theme] body :where(input:not([type]),input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="number"],input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"],textarea,select,.input,.tpl-phone-input,.tpl-phone-textarea,.tpl-phone-upload,.tpl-phone-sign){
  color:var(--mc-input-text)!important;
  -webkit-text-fill-color:var(--mc-input-text)!important;
  width:auto;
  max-width:100%!important;
  min-width:0!important;
  min-height:36px!important;
  padding:0 10px!important;
  box-sizing:border-box!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:.5px solid var(--mc-input-line)!important;
  border-radius:6px!important;
  box-shadow:none!important;
  outline:0!important;
  transition:border-color .14s ease,color .14s ease!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body :where(input:not([type]),input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="number"],input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"],select,.input,.tpl-phone-input,.tpl-phone-upload,.tpl-phone-sign),
html[data-theme] body :where(input:not([type]),input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="number"],input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"],select,.input,.tpl-phone-input,.tpl-phone-upload,.tpl-phone-sign){
  height:36px!important;
  line-height:34px!important;
}
html body :where(textarea,.tpl-phone-textarea),
html[data-theme] body :where(textarea,.tpl-phone-textarea){
  height:auto!important;
  min-height:74px!important;
  padding:8px 9px!important;
  line-height:1.35!important;
  resize:vertical!important;
}
html body :where(select),
html[data-theme] body :where(select){
  appearance:none!important;
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  cursor:pointer!important;
  padding-right:34px!important;
  background-image:
    linear-gradient(45deg,transparent 50%,var(--mc-input-soft) 50%),
    linear-gradient(135deg,var(--mc-input-soft) 50%,transparent 50%)!important;
  background-position:
    calc(100% - 17px) 50%,
    calc(100% - 11px) 50%!important;
  background-size:6px 6px,6px 6px!important;
  background-repeat:no-repeat,no-repeat!important;
}
html body :where(input:not([type]),input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="number"],input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"],textarea,select,.input,.tpl-phone-input,.tpl-phone-textarea,.tpl-phone-upload,.tpl-phone-sign):hover,
html[data-theme] body :where(input:not([type]),input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="number"],input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"],textarea,select,.input,.tpl-phone-input,.tpl-phone-textarea,.tpl-phone-upload,.tpl-phone-sign):hover{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-color:var(--mc-input-line-active)!important;
  border-width:var(--mc-model-field-active-width,.35px)!important;
}
html body :where(input:not([type]),input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="number"],input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"],textarea,select,.input,.tpl-phone-input,.tpl-phone-textarea,.tpl-phone-upload,.tpl-phone-sign):is(:focus,:focus-visible),
html[data-theme] body :where(input:not([type]),input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="number"],input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"],textarea,select,.input,.tpl-phone-input,.tpl-phone-textarea,.tpl-phone-upload,.tpl-phone-sign):is(:focus,:focus-visible){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-color:var(--mc-input-line-active)!important;
  border-width:var(--mc-model-field-active-width,.35px)!important;
  box-shadow:none!important;
}
html body :where(input,textarea)::placeholder,
html[data-theme] body :where(input,textarea)::placeholder{
  color:var(--mc-input-soft)!important;
  -webkit-text-fill-color:var(--mc-input-soft)!important;
}
.mc-combo-field-wrap{position:relative;min-width:0}
.mc-combo-field{
  position:relative;
  display:grid;
  grid-template-columns:18px minmax(0,1fr) 20px;
  align-items:center;
  gap:7px;
  min-height:36px;
  padding:0 10px;
  border-radius:6px;
  color:var(--mc-input-text);
  border:.5px solid var(--mc-input-line);
  background:transparent;
  background-color:transparent;
  background-image:none;
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  transition:border-color .14s ease;
  z-index:4;
}
.mc-combo-field:hover,
.mc-combo-field:focus-within{
  border-color:var(--mc-input-line-active);
  border-width:.5px;
  background:transparent;
  background-color:transparent;
  background-image:none;
  box-shadow:none;
}
.mc-combo-field:focus-within{z-index:4200}
.mc-combo-field.mc-form-select-combo{
  grid-template-columns:minmax(0,1fr) 20px;
}
.mc-combo-field.mc-search-box{
  grid-template-columns:18px minmax(0,1fr);
}
.mc-combo-field.mc-form-input-box,
.mc-combo-field.mc-form-readonly-box{
  grid-template-columns:minmax(0,1fr);
}
.mc-combo-field.mc-form-readonly-box{
  color:rgba(244,244,241,.68);
}
.mc-combo-field.mc-form-readonly-box .mc-combo-input{
  cursor:default!important;
}

/* <<< runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-02-seg-02-html-body-where-notif-dr-micro-01.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-02-seg-02-html-body-where-notif-dr-micro-02.css */

.mc-combo-field .mc-combo-input,
html body .mc-combo-field .mc-combo-input,
html[data-theme] body .mc-combo-field .mc-combo-input{
  width:100%!important;
  height:32px!important;
  min-height:32px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  font-size:.84rem!important;
  font-weight:760!important;
}
.mc-combo-field .mc-combo-input:is(:focus,:focus-visible),
html body .mc-combo-field .mc-combo-input:is(:focus,:focus-visible),
html[data-theme] body .mc-combo-field .mc-combo-input:is(:focus,:focus-visible){box-shadow:none!important;border:0!important;background:transparent!important}
.mc-combo-field select.mc-combo-input{appearance:none!important;-webkit-appearance:none!important}
.mc-combo-field.mc-form-textarea-box{
  grid-template-columns:minmax(0,1fr);
  align-items:start;
  min-height:78px;
  padding:7px 8px;
}
.mc-combo-field.mc-form-textarea-box .mc-combo-input,
html body .mc-combo-field.mc-form-textarea-box .mc-combo-input,
html[data-theme] body .mc-combo-field.mc-form-textarea-box .mc-combo-input{
  height:auto!important;
  min-height:62px!important;
  line-height:1.35!important;
  resize:vertical!important;
  padding:0!important;
}
button.mc-combo-field{appearance:none;-webkit-appearance:none;width:100%;font:inherit;text-align:left;cursor:pointer}
.mc-pick-box{width:100%!important;justify-content:space-between!important}
.mc-pick-button{min-height:38px}
.mc-pick-main{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;min-width:0}
.mc-pick-main em{font-style:normal;color:var(--mc-input-soft);font-size:.64rem;line-height:1;white-space:nowrap}
.mc-pick-main b{color:var(--mc-input-text);font-size:.84rem;line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-pick-main small{color:var(--mc-input-soft);font-size:var(--mc-type-caption-meta,.68rem);line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-selected-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.mc-selected-chip{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:3px 8px;border:1px solid rgba(244,244,241,.12);border-radius:6px;background:rgba(255,255,255,.038);color:var(--mc-input-text);font-size:.74rem;font-weight:760;box-shadow:none}
.mc-selected-chip small{color:var(--mc-input-soft);font-size:var(--mc-type-caption-meta,.68rem)}
.mc-selected-chip:hover{border-color:rgba(244,244,241,.18);background:rgba(255,255,255,.060)}
.org-pick-searchbar{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.org-pick-searchbar .mc-combo-field{flex:1;min-width:0}
.mc-collapse-button{width:36px;height:36px;border:.5px solid var(--mc-input-line);border-radius:6px;background:transparent;color:var(--mc-input-text);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.mc-collapse-button:hover{border-color:var(--mc-input-line-active);border-width:.5px;background:transparent}
.mc-combo-search-mark{position:relative;width:18px;height:18px;display:block;opacity:.76;transform:scale(.88);transform-origin:center}
.mc-combo-search-mark:before{content:"";position:absolute;left:2px;top:2px;width:10px;height:10px;border:1.7px solid currentColor;border-radius:50%}
.mc-combo-search-mark:after{content:"";position:absolute;left:12px;top:12px;width:6px;height:1.7px;background:currentColor;border-radius:999px;transform:rotate(45deg);transform-origin:left center}
.mc-combo-caret{position:relative;width:20px;height:20px;display:block;opacity:.68;transform:scale(.88);transform-origin:center}
.mc-combo-caret:before{content:"";position:absolute;left:5px;top:7px;width:8px;height:8px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg)}
.mc-combo-menu{
  position:absolute;
  left:0;
  right:auto;
  top:calc(100% + 1px);
  width:100%;
  min-width:100%;
  max-width:100%;
  box-sizing:border-box;
  display:grid;
  gap:4px;
  max-height:210px;
  overflow:auto;
  padding:6px;
  border-radius:7px;
  background:var(--mc-combo-menu-bg)!important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.040),rgba(255,255,255,.008))!important;
  border:.5px solid rgba(244,244,241,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.050),0 18px 42px -34px rgba(0,0,0,.94)!important;
  -webkit-backdrop-filter:blur(30px) saturate(1.16)!important;
  backdrop-filter:blur(30px) saturate(1.16)!important;
  background-clip:padding-box!important;
  isolation:isolate;
  opacity:0;
  transform:translateY(-4px);
  pointer-events:none;
  transition:opacity .14s ease,transform .14s ease;
}
.mc-combo-menu::before{content:none!important}
.mc-combo-field:focus-within .mc-combo-menu{opacity:1;transform:translateY(0);pointer-events:auto}
.mc-combo-option{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  min-height:31px;
  padding:6px 8px;
  border:0!important;
  border-radius:5px;
  background:transparent!important;
  background-image:none!important;
  color:var(--mc-input-text);
  box-shadow:none!important;
  text-align:left;
  cursor:pointer;
}
.mc-combo-option:hover,
.mc-combo-option.active{background:var(--mc-model-button-fill-hover,rgba(255,255,255,.060))!important;border:0!important;border-color:transparent!important;box-shadow:none!important}
.mc-combo-option b{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-combo-option small{font-size:var(--mc-type-caption-meta,.68rem);color:var(--mc-input-soft);white-space:nowrap}
.mc-combo-option[hidden]{display:none!important}
.mc-combo-empty{
  display:block;
  width:100%;
  box-sizing:border-box;
  padding:8px;
  color:var(--mc-input-soft);
  font-size:var(--mc-type-secondary-body,.76rem);
  font-weight:760;
  text-align:center;
}

/* <<< runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-02-seg-02-html-body-where-notif-dr-micro-02.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-02-seg-02-html-body-where-notif-dr-micro-03.css */

.mc-date-menu{
  position:absolute;
  left:0;
  right:auto;
  top:calc(100% + 1px);
  width:100%;
  min-width:100%;
  max-width:100%;
  box-sizing:border-box;
  display:grid;
  gap:8px;
  padding:9px;
  border-radius:7px;
  background:var(--mc-combo-menu-bg)!important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.010))!important;
  border:.5px solid rgba(244,244,241,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 42px -34px rgba(0,0,0,.94)!important;
  -webkit-backdrop-filter:blur(30px) saturate(1.16)!important;
  backdrop-filter:blur(30px) saturate(1.16)!important;
  background-clip:padding-box!important;
  isolation:isolate;
  opacity:0;
  transform:translateY(-4px);
  pointer-events:none;
  transition:opacity .14s ease,transform .14s ease;
  z-index:260;
  -webkit-user-select:none!important;
  user-select:none!important;
  touch-action:manipulation;
}
.mc-combo-field.mc-date-open{z-index:260!important}
.mc-combo-field.mc-date-open .mc-date-menu{opacity:1;transform:translateY(0);pointer-events:auto}
.mc-date-head{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:6px}
.mc-date-title{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}
.mc-date-title-btn{
  min-width:0;
  min-height:28px;
  padding:0 8px;
  border:0!important;
  border-radius:var(--mc-radius-control,8px);
  background:transparent!important;
  background-image:none!important;
  color:var(--mc-input-text)!important;
  box-shadow:none!important;
  font:inherit;
  font-size:.78rem;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
}
.mc-date-title-btn:is(:hover,:focus-visible,.active){background:rgba(255,255,255,.070)!important;outline:0!important}
.mc-date-nav,
.mc-date-foot button{
  min-width:0;
  border:0!important;
  border-radius:var(--mc-radius-control,8px);
  background:transparent!important;
  color:var(--mc-input-text)!important;
  box-shadow:none!important;
  font:inherit;
  cursor:pointer;
}
.mc-date-nav{height:28px;font-size:1rem;font-weight:800}
.mc-date-week,
.mc-date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.mc-date-week span{color:rgba(244,244,241,.46);font-size:var(--mc-type-caption-meta,.68rem);font-weight:780;text-align:center;line-height:1.1}
.mc-date-week span:first-child,
.mc-date-week span.sun{color:rgba(255,142,174,.96)!important}
.mc-date-day{
  min-width:0;
  height:30px;
  border:0!important;
  border-radius:var(--mc-radius-control,8px);
  background:transparent!important;
  background-image:none!important;
  color:var(--mc-input-text)!important;
  box-shadow:none!important;
  font:inherit;
  font-size:var(--mc-type-body-control,.82rem);
  font-weight:760;
  line-height:1;
  cursor:pointer;
}
.mc-date-day-grid .mc-date-day:nth-child(7n+1),
.mc-date-day.sun{
  border:0!important;
  background:linear-gradient(180deg,rgba(255,116,156,.095),rgba(255,255,255,.000))!important;
  color:#ffdbe4!important;
}
.mc-date-day.out{
  border:0!important;
  background:transparent!important;
  color:rgba(244,244,241,.30)!important;
}
.mc-date-day-grid .mc-date-day.out:nth-child(7n+1){
  border:0!important;
  background:rgba(255,178,198,.030)!important;
  color:rgba(255,218,228,.34)!important;
}
.mc-date-day.today{background:rgba(255,255,255,.075)!important;border:0!important}
.mc-date-day.active{background:var(--mc-model-button-fill-active)!important;background-image:var(--mc-model-button-fill-active)!important;color:#fff!important;border:0!important}
.mc-date-nav:hover,
.mc-date-day:hover,
.mc-date-foot button:hover{background:rgba(255,255,255,.070)!important}
.mc-date-month-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.mc-date-month-option{height:32px;font-size:var(--mc-type-body-control,.82rem)}
.mc-date-year-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:5px;
  max-height:222px;
  overflow:auto;
  padding-right:2px;
}
.mc-date-year-option{height:30px;font-size:.70rem}
.mc-date-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:2px}
.mc-date-foot button{height:26px;padding:0 9px;font-size:.68rem;font-weight:760}
html body .mc-combo-field input.mc-combo-input[type="date"]::-webkit-calendar-picker-indicator,
html body .mc-combo-field input.mc-combo-input[type="month"]::-webkit-calendar-picker-indicator{
  opacity:0!important;
  pointer-events:none!important;
}

/* <<< runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-02-seg-02-html-body-where-notif-dr-micro-03.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-03-seg-01-html-body-where-notif-dr-nano-03.css */

html body .main.page-workbench :where(.workbench-punch-slot .work-punch-stage,.workbench-punch-slot .work-punch-hero),
html[data-theme] body .main.page-workbench :where(.workbench-punch-slot .work-punch-stage,.workbench-punch-slot .work-punch-hero){
  height:auto!important;
  min-height:clamp(168px,22vh,205px)!important;
  max-height:clamp(168px,22vh,205px)!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .main.page-workbench :where(.workbench-punch-slot .work-punch-stage,.workbench-punch-slot .work-punch-hero)::before,
html body .main.page-workbench :where(.workbench-punch-slot .work-punch-stage,.workbench-punch-slot .work-punch-hero)::after,
html[data-theme] body .main.page-workbench :where(.workbench-punch-slot .work-punch-stage,.workbench-punch-slot .work-punch-hero)::before,
html[data-theme] body .main.page-workbench :where(.workbench-punch-slot .work-punch-stage,.workbench-punch-slot .work-punch-hero)::after{
  display:none!important;
  content:none!important;
}
html body .main.page-workbench .workbench-punch-slot .work-punch-stage .work-punch-main,
html[data-theme] body .main.page-workbench .workbench-punch-slot .work-punch-stage .work-punch-main{
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  align-items:center!important;
}
html body .main.page-workbench .workbench-punch-slot .work-punch-stage .punch-orb,
html[data-theme] body .main.page-workbench .workbench-punch-slot .work-punch-stage .punch-orb{
  width:clamp(148px,12.8vw,176px)!important;
  height:clamp(148px,12.8vw,176px)!important;
  margin:0!important;
}
html body .main.page-workbench :where(.workbench-todo-slot > .panel,.workbench-notif-slot > .panel),
html[data-theme] body .main.page-workbench :where(.workbench-todo-slot > .panel,.workbench-notif-slot > .panel){
  height:auto!important;
  min-height:clamp(168px,22vh,205px)!important;
  max-height:clamp(168px,22vh,205px)!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .main.page-workbench :where(.workbench-todo-slot > .panel,.workbench-notif-slot > .panel)::before,
html body .main.page-workbench :where(.workbench-todo-slot > .panel,.workbench-notif-slot > .panel)::after,
html[data-theme] body .main.page-workbench :where(.workbench-todo-slot > .panel,.workbench-notif-slot > .panel)::before,
html[data-theme] body .main.page-workbench :where(.workbench-todo-slot > .panel,.workbench-notif-slot > .panel)::after{
  display:none!important;
  content:none!important;
}

/* <<< runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-03-seg-01-html-body-where-notif-dr-nano-03.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-03-seg-02-html-body-where-notif-dr-unit-01.css */

/* Legacy ordered CSS segment; extracted from 001-base-slice-14-part-03-html-body-where-notif-dr.css. Keep import order stable. */
html body .main.page-workbench :where(.workbench-todo-slot > .panel > div:first-child,.workbench-notif-slot > .panel > div:first-child),
html[data-theme] body .main.page-workbench :where(.workbench-todo-slot > .panel > div:first-child,.workbench-notif-slot > .panel > div:first-child){
  margin-bottom:4px!important;
}
html body .main.page-workbench .workbench-notif-slot > .panel > div:nth-child(2),
html[data-theme] body .main.page-workbench .workbench-notif-slot > .panel > div:nth-child(2){
  margin-bottom:4px!important;
}
html body .main.page-workbench :where(.workbench-todo-slot .feed,.workbench-notif-slot .feed,.workbench-msg-feed),
html[data-theme] body .main.page-workbench :where(.workbench-todo-slot .feed,.workbench-notif-slot .feed,.workbench-msg-feed){
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  max-height:clamp(112px,15vh,150px)!important;
  overflow:hidden!important;
}
html body .main.page-workbench :where(.workbench-todo-slot .feed .fi,.workbench-notif-slot .feed .fi,.workbench-msg-feed .fi),
html[data-theme] body .main.page-workbench :where(.workbench-todo-slot .feed .fi,.workbench-notif-slot .feed .fi,.workbench-msg-feed .fi){
  min-height:0!important;
  margin:0!important;
  padding:5px 0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
}
html body .main.page-workbench :where(.workbench-todo-slot .feed .fi:hover,.workbench-notif-slot .feed .fi:hover,.workbench-msg-feed .fi:hover),
html[data-theme] body .main.page-workbench :where(.workbench-todo-slot .feed .fi:hover,.workbench-notif-slot .feed .fi:hover,.workbench-msg-feed .fi:hover){
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
html body .app .layout > .main.page-workbench .workbench-clean.workbench-triple,
html[data-theme] body .app .layout > .main.page-workbench .workbench-clean.workbench-triple,
html body .app .layout > .main.page-workbench .workbench-punch-slot,
html[data-theme] body .app .layout > .main.page-workbench .workbench-punch-slot,
html body .app .layout > .main.page-workbench .workbench-todo-slot,
html[data-theme] body .app .layout > .main.page-workbench .workbench-todo-slot,
html body .app .layout > .main.page-workbench .workbench-notif-slot,
html[data-theme] body .app .layout > .main.page-workbench .workbench-notif-slot{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  border-width:.5px!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage,
html[data-theme] body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage,
html body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage.work-punch-hero,
html[data-theme] body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage.work-punch-hero{
  height:auto!important;
  min-height:clamp(168px,22vh,205px)!important;
  max-height:clamp(168px,22vh,205px)!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  border-width:.5px!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage::before,
html body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage::after,
html[data-theme] body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage::before,
html[data-theme] body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage::after{
  display:none!important;
  content:none!important;
}

/* <<< runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-03-seg-02-html-body-where-notif-dr-unit-01.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-03-seg-02-html-body-where-notif-dr-unit-02.css */

html body .app .layout > .main.page-workbench .workbench-todo-slot > .panel,
html[data-theme] body .app .layout > .main.page-workbench .workbench-todo-slot > .panel,
html body .app .layout > .main.page-workbench .workbench-notif-slot > .panel,
html[data-theme] body .app .layout > .main.page-workbench .workbench-notif-slot > .panel{
  height:auto!important;
  min-height:clamp(168px,22vh,205px)!important;
  max-height:clamp(168px,22vh,205px)!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app .layout > .main.page-workbench .workbench-todo-slot > .panel::before,
html body .app .layout > .main.page-workbench .workbench-todo-slot > .panel::after,
html body .app .layout > .main.page-workbench .workbench-notif-slot > .panel::before,
html body .app .layout > .main.page-workbench .workbench-notif-slot > .panel::after,
html[data-theme] body .app .layout > .main.page-workbench .workbench-todo-slot > .panel::before,
html[data-theme] body .app .layout > .main.page-workbench .workbench-todo-slot > .panel::after,
html[data-theme] body .app .layout > .main.page-workbench .workbench-notif-slot > .panel::before,
html[data-theme] body .app .layout > .main.page-workbench .workbench-notif-slot > .panel::after{
  display:none!important;
  content:none!important;
}
html body .app .layout > .main.page-workbench .workbench-todo-slot .feed,
html[data-theme] body .app .layout > .main.page-workbench .workbench-todo-slot .feed,
html body .app .layout > .main.page-workbench .workbench-notif-slot .feed,
html[data-theme] body .app .layout > .main.page-workbench .workbench-notif-slot .feed,
html body .app .layout > .main.page-workbench .workbench-notif-slot .workbench-msg-feed,
html[data-theme] body .app .layout > .main.page-workbench .workbench-notif-slot .workbench-msg-feed{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  max-height:clamp(112px,15vh,150px)!important;
  overflow:hidden!important;
}

/* <<< runtime/legacy/styles/blocks/notifications/drawer/effects/001-base-slice-14-part-03-seg-02-html-body-where-notif-dr-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-15-shared-cross-surface-001-slice-15-part-01-seg-01-html-body-app-layout-mai-fine-01-unit-01.css */

/* Legacy ordered base slice 15 part 01; split from 001-base-slice-15-html-body-app-layout-mai.css. Keep import order stable. */
html body .app .layout > .main.page-workbench .workbench-todo-slot .feed .fi,
html[data-theme] body .app .layout > .main.page-workbench .workbench-todo-slot .feed .fi,
html body .app .layout > .main.page-workbench .workbench-notif-slot .feed .fi,
html[data-theme] body .app .layout > .main.page-workbench .workbench-notif-slot .feed .fi,
html body .app .layout > .main.page-workbench .workbench-notif-slot .workbench-msg-feed .fi,
html[data-theme] body .app .layout > .main.page-workbench .workbench-notif-slot .workbench-msg-feed .fi{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  margin:0!important;
  padding:5px 0!important;
}
html body .app .layout > .main.page-workbench .workbench-unified-head,
html[data-theme] body .app .layout > .main.page-workbench .workbench-unified-head,
html body .app .layout > .main.page-workbench .hud-cards,
html[data-theme] body .app .layout > .main.page-workbench .hud-cards,
html body .app .layout > .main.page-workbench .workbench-ann-slot,
html[data-theme] body .app .layout > .main.page-workbench .workbench-ann-slot,
html body .app .layout > .main.page-workbench .ann-banner,
html[data-theme] body .app .layout > .main.page-workbench .ann-banner{
  margin-top:0!important;
  margin-bottom:0!important;
}
html body .app .layout > .main.page-workbench .workbench-unified,
html[data-theme] body .app .layout > .main.page-workbench .workbench-unified{
  gap:4px!important;
}
html body .app .layout > .main.page-workbench .workbench-ann-slot,
html[data-theme] body .app .layout > .main.page-workbench .workbench-ann-slot{
  height:auto!important;
}
html body .app .layout > .main.page-workbench .ann-banner,
html[data-theme] body .app .layout > .main.page-workbench .ann-banner{
  min-height:0!important;
  height:auto!important;
  padding-top:2px!important;
  padding-bottom:2px!important;
}
html body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage,
html[data-theme] body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage,
html body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage.work-punch-hero,
html[data-theme] body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage.work-punch-hero,
html body .app .layout > .main.page-workbench .workbench-todo-slot > .panel,
html[data-theme] body .app .layout > .main.page-workbench .workbench-todo-slot > .panel,
html body .app .layout > .main.page-workbench .workbench-notif-slot > .panel,
html[data-theme] body .app .layout > .main.page-workbench .workbench-notif-slot > .panel{
  min-height:clamp(154px,19vh,176px)!important;
  max-height:clamp(154px,19vh,176px)!important;
}
html body .app .layout > .main.page-workbench .workbench-clean.workbench-triple,
html[data-theme] body .app .layout > .main.page-workbench .workbench-clean.workbench-triple{
  height:clamp(154px,19vh,176px)!important;
  max-height:clamp(154px,19vh,176px)!important;
}
html body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage .punch-orb,
html[data-theme] body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage .punch-orb{
  width:clamp(138px,11.8vw,162px)!important;
  height:clamp(138px,11.8vw,162px)!important;
}
/* Workbench balanced layout: keep clean modules, restore card texture, and fill the canvas evenly. */
html body .app .layout > .main.page-workbench,
html[data-theme] body .app .layout > .main.page-workbench{
  padding-top:clamp(26px,3.7vh,40px)!important;
  padding-bottom:clamp(26px,3.4vh,38px)!important;
  background:#151615!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app .layout.layout > .main.main.page-workbench:not(.mc-bg-exempt),
html[data-theme] body .app .layout.layout > .main.main.page-workbench:not(.mc-bg-exempt),
html[data-theme=dark] body .app .layout.layout > .main.main.page-workbench:not(.mc-bg-exempt),
html[data-theme=light] body .app .layout.layout > .main.main.page-workbench:not(.mc-bg-exempt){
  background:#151615!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-workbench::before,
html body .app .layout > .main.page-workbench::after,
html[data-theme] body .app .layout > .main.page-workbench::before,
html[data-theme] body .app .layout > .main.page-workbench::after{
  display:none!important;
  content:none!important;
}
html body .app .layout > .main.page-workbench .workbench-unified,
html[data-theme] body .app .layout > .main.page-workbench .workbench-unified{
  height:100%!important;
  grid-template-rows:auto auto auto minmax(clamp(330px,39vh,460px),1fr)!important;
  align-content:stretch!important;
  gap:clamp(18px,2.25vh,27px)!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-15-shared-cross-surface-001-slice-15-part-01-seg-01-html-body-app-layout-mai-fine-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-15-application-layout-002-slice-15-part-01-seg-01-html-body-app-layout-mai-fine-01-unit-02.css */

html body .app .layout > .main.page-workbench .workbench-unified-head,
html[data-theme] body .app .layout > .main.page-workbench .workbench-unified-head{
  margin-bottom:clamp(2px,.4vh,6px)!important;
}
html body .app .layout > .main.page-workbench .hud-cards,
html[data-theme] body .app .layout > .main.page-workbench .hud-cards{
  gap:clamp(12px,1.15vw,18px)!important;
  margin:0!important;
}
html body .app .layout > .main.page-workbench .hud-card,
html[data-theme] body .app .layout > .main.page-workbench .hud-card{
  min-height:clamp(146px,18vh,172px)!important;
  padding:clamp(20px,1.75vw,26px)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background-image:var(--mc-hud-gradient,linear-gradient(135deg,#2563eb,#06b6d4))!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-workbench .hud-card.hud-blue,
html[data-theme] body .app .layout > .main.page-workbench .hud-card.hud-blue{--mc-hud-gradient:linear-gradient(135deg,#2563eb 0%,#06b6d4 58%,#67e8f9 100%)}
html body .app .layout > .main.page-workbench .hud-card.hud-green,
html[data-theme] body .app .layout > .main.page-workbench .hud-card.hud-green{--mc-hud-gradient:linear-gradient(135deg,#059669 0%,#10b981 55%,#86efac 100%)}
html body .app .layout > .main.page-workbench .hud-card.hud-orange,
html[data-theme] body .app .layout > .main.page-workbench .hud-card.hud-orange{--mc-hud-gradient:linear-gradient(135deg,#f97316 0%,#f59e0b 56%,#fde68a 100%)}
html body .app .layout > .main.page-workbench .hud-card.hud-purple,
html[data-theme] body .app .layout > .main.page-workbench .hud-card.hud-purple{--mc-hud-gradient:linear-gradient(135deg,#7c3aed 0%,#d946ef 52%,#f0abfc 100%)}
html body .app .layout > .main.page-workbench .hud-card::before,
html[data-theme] body .app .layout > .main.page-workbench .hud-card::before,
html body .app .layout > .main.page-workbench .hud-card::after,
html[data-theme] body .app .layout > .main.page-workbench .hud-card::after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  pointer-events:none!important;
  z-index:0!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-15-application-layout-002-slice-15-part-01-seg-01-html-body-app-layout-mai-fine-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-15-application-layout-003-slice-15-part-01-seg-01-html-body-app-layout-mai-fine-02-unit-01.css */

html body .app .layout > .main.page-workbench .hud-card::before,
html[data-theme] body .app .layout > .main.page-workbench .hud-card::before{
  inset:0!important;
  background:
    radial-gradient(circle at 14% 13%,rgba(255,255,255,.26),transparent 30%),
    radial-gradient(circle at 78% 82%,rgba(255,255,255,.12),transparent 42%),
    linear-gradient(120deg,rgba(255,255,255,.18),transparent 46%,rgba(255,255,255,.12))!important;
  opacity:.68!important;
}
html body .app .layout > .main.page-workbench .hud-card::after,
html[data-theme] body .app .layout > .main.page-workbench .hud-card::after{
  display:none!important;
  content:none!important;
}
html body .app .layout > .main.page-workbench .hud-card > *,
html[data-theme] body .app .layout > .main.page-workbench .hud-card > *{
  position:relative!important;
  z-index:1!important;
}
html body .app .layout > .main.page-workbench .hud-ic,
html[data-theme] body .app .layout > .main.page-workbench .hud-ic,
html body .app .layout > .main.page-workbench .hud-bg,
html[data-theme] body .app .layout > .main.page-workbench .hud-bg{
  visibility:visible!important;
  pointer-events:none!important;
  margin:0!important;
  padding:0!important;
}
html body .app .layout > .main.page-workbench .hud-bg,
html[data-theme] body .app .layout > .main.page-workbench .hud-bg{
  display:grid!important;
  place-items:center!important;
  position:absolute!important;
  right:10px!important;
  top:8px!important;
  width:138px!important;
  height:104px!important;
  min-width:0!important;
  line-height:1!important;
  opacity:.30!important;
  filter:saturate(1.12)!important;
  transform:rotate(-4deg)!important;
  transition:opacity .28s ease,transform .28s ease!important;
  z-index:0!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body .app .layout > .main.page-workbench .hud-card:hover .hud-bg,
html[data-theme] body .app .layout > .main.page-workbench .hud-card:hover .hud-bg{
  opacity:.42!important;
  transform:scale(1.06) rotate(-7deg)!important;
}
html body .app .layout > .main.page-workbench .hud-ic,
html[data-theme] body .app .layout > .main.page-workbench .hud-ic{
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  margin-bottom:8px!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28)!important;
  font-size:1.05rem!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  position:relative!important;
  z-index:1!important;
}
html body .app .layout > .main.page-workbench .hud-art,
html[data-theme] body .app .layout > .main.page-workbench .hud-art,
html body .app .layout > .main.page-workbench .hud-mini-art,
html[data-theme] body .app .layout > .main.page-workbench .hud-mini-art{
  overflow:visible!important;
}
html body .app .layout > .main.page-workbench .hud-art :where(i,span,b),
html[data-theme] body .app .layout > .main.page-workbench .hud-art :where(i,span,b),
html body .app .layout > .main.page-workbench .hud-mini-art :where(i,span,b),
html[data-theme] body .app .layout > .main.page-workbench .hud-mini-art :where(i,span,b){
  position:absolute!important;
  display:block!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
}
html body .app .layout > .main.page-workbench .hud-art-people i,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-people i{
  width:46px!important;
  height:58px!important;
  border-radius:24px 24px 18px 18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.26))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.46)!important;
}
html body .app .layout > .main.page-workbench .hud-art-people i::before,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-people i::before{
  content:""!important;
  position:absolute!important;
  left:10px!important;
  top:-24px!important;
  width:27px!important;
  height:27px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.78)!important;
}
html body .app .layout > .main.page-workbench .hud-art-people i:nth-child(1),
html[data-theme] body .app .layout > .main.page-workbench .hud-art-people i:nth-child(1){
  left:8px!important;
  top:42px!important;
  transform:scale(.82)!important;
}
html body .app .layout > .main.page-workbench .hud-art-people i:nth-child(2),
html[data-theme] body .app .layout > .main.page-workbench .hud-art-people i:nth-child(2){
  left:43px!important;
  top:30px!important;
}
html body .app .layout > .main.page-workbench .hud-art-people i:nth-child(3),
html[data-theme] body .app .layout > .main.page-workbench .hud-art-people i:nth-child(3){
  left:80px!important;
  top:40px!important;
  transform:scale(.86)!important;
}
html body .app .layout > .main.page-workbench .hud-art-people span,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-people span{
  left:28px!important;
  top:78px!important;
  width:86px!important;
  height:10px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.45)!important;
}
html body .app .layout > .main.page-workbench .hud-art-attendance i,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-attendance i{
  left:24px!important;
  top:10px!important;
  width:82px!important;
  height:82px!important;
  border:9px solid rgba(255,255,255,.55)!important;
  border-radius:50%!important;
}
html body .app .layout > .main.page-workbench .hud-art-attendance i::before,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-attendance i::before{
  content:""!important;
  position:absolute!important;
  left:33px!important;
  top:15px!important;
  width:7px!important;
  height:32px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.72)!important;
  transform-origin:bottom center!important;
  transform:rotate(34deg)!important;
}
html body .app .layout > .main.page-workbench .hud-art-attendance span,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-attendance span{
  left:78px!important;
  top:25px!important;
  width:44px!important;
  height:28px!important;
  border-left:8px solid rgba(255,255,255,.78)!important;
  border-bottom:8px solid rgba(255,255,255,.78)!important;
  transform:rotate(-45deg)!important;
  border-radius:4px!important;
}
html body .app .layout > .main.page-workbench .hud-art-attendance b,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-attendance b{
  left:12px!important;
  top:76px!important;
  width:112px!important;
  height:7px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.38)!important;
}
html body .app .layout > .main.page-workbench .hud-art-approval i,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-approval i{
  left:25px!important;
  top:6px!important;
  width:76px!important;
  height:92px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.25))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5)!important;
}
html body .app .layout > .main.page-workbench .hud-art-approval i::before,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-approval i::before{
  content:""!important;
  position:absolute!important;
  left:14px!important;
  top:24px!important;
  width:48px!important;
  height:6px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.45)!important;
  box-shadow:0 18px 0 rgba(255,255,255,.38),0 36px 0 rgba(255,255,255,.30)!important;
}
html body .app .layout > .main.page-workbench .hud-art-approval span,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-approval span{
  left:80px!important;
  top:48px!important;
  width:44px!important;
  height:28px!important;
  border-left:8px solid rgba(255,255,255,.84)!important;
  border-bottom:8px solid rgba(255,255,255,.84)!important;
  border-radius:4px!important;
  transform:rotate(-45deg)!important;
}
html body .app .layout > .main.page-workbench .hud-art-approval b,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-approval b{
  left:12px!important;
  top:84px!important;
  width:118px!important;
  height:8px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.34)!important;
}
html body .app .layout > .main.page-workbench .hud-art-onboarding i,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-onboarding i{
  left:36px!important;
  top:6px!important;
  width:54px!important;
  height:72px!important;
  border-radius:18px 18px 14px 14px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(255,255,255,.22))!important;
}
html body .app .layout > .main.page-workbench .hud-art-onboarding i::before,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-onboarding i::before{
  content:""!important;
  position:absolute!important;
  left:14px!important;
  top:-22px!important;
  width:27px!important;
  height:27px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.72)!important;
}
html body .app .layout > .main.page-workbench .hud-art-onboarding span,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-onboarding span{
  left:82px!important;
  top:34px!important;
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.30)!important;
}
html body .app .layout > .main.page-workbench .hud-art-onboarding span::before,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-onboarding span::before,
html body .app .layout > .main.page-workbench .hud-art-onboarding span::after,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-onboarding span::after{
  content:""!important;
  position:absolute!important;
  left:9px!important;
  top:17px!important;
  width:20px!important;
  height:4px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.88)!important;
}
html body .app .layout > .main.page-workbench .hud-art-onboarding span::after,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-onboarding span::after{
  transform:rotate(90deg)!important;
}
html body .app .layout > .main.page-workbench .hud-art-onboarding b,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-onboarding b{
  left:20px!important;
  top:82px!important;
  width:94px!important;
  height:8px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.36)!important;
}
html body .app .layout > .main.page-workbench .hud-mini-people i,
html[data-theme] body .app .layout > .main.page-workbench .hud-mini-people i,
html body .app .layout > .main.page-workbench .hud-mini-onboarding i,
html[data-theme] body .app .layout > .main.page-workbench .hud-mini-onboarding i{
  width:10px!important;
  height:13px!important;
  left:9px!important;
  top:13px!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.9)!important;
}
html body .app .layout > .main.page-workbench .hud-mini-people i::before,
html[data-theme] body .app .layout > .main.page-workbench .hud-mini-people i::before,
html body .app .layout > .main.page-workbench .hud-mini-onboarding i::before,
html[data-theme] body .app .layout > .main.page-workbench .hud-mini-onboarding i::before{
  content:""!important;
  position:absolute!important;
  left:2px!important;
  top:-8px!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.9)!important;
}
html body .app .layout > .main.page-workbench .hud-mini-people i:nth-child(2),
html[data-theme] body .app .layout > .main.page-workbench .hud-mini-people i:nth-child(2){
  left:18px!important;
  top:15px!important;
  transform:scale(.82)!important;
}
html body .app .layout > .main.page-workbench .hud-mini-attendance i,
html[data-theme] body .app .layout > .main.page-workbench .hud-mini-attendance i{
  left:7px!important;
  top:7px!important;
  width:16px!important;
  height:16px!important;
  border:3px solid rgba(255,255,255,.9)!important;
  border-radius:50%!important;
}
html body .app .layout > .main.page-workbench .hud-mini-attendance span,
html[data-theme] body .app .layout > .main.page-workbench .hud-mini-attendance span,
html body .app .layout > .main.page-workbench .hud-mini-approval span,
html[data-theme] body .app .layout > .main.page-workbench .hud-mini-approval span{
  left:15px!important;
  top:11px!important;
  width:12px!important;
  height:8px!important;
  border-left:3px solid rgba(255,255,255,.95)!important;
  border-bottom:3px solid rgba(255,255,255,.95)!important;
  transform:rotate(-45deg)!important;
  border-radius:2px!important;
}
html body .app .layout > .main.page-workbench .hud-mini-approval i,
html[data-theme] body .app .layout > .main.page-workbench .hud-mini-approval i{
  left:8px!important;
  top:6px!important;
  width:14px!important;
  height:18px!important;
  border-radius:4px!important;
  background:rgba(255,255,255,.82)!important;
}
html body .app .layout > .main.page-workbench .hud-mini-onboarding span,
html[data-theme] body .app .layout > .main.page-workbench .hud-mini-onboarding span{
  left:17px!important;
  top:9px!important;
  width:11px!important;
  height:11px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.34)!important;
}
html body .app .layout > .main.page-workbench .hud-val,
html[data-theme] body .app .layout > .main.page-workbench .hud-val{
  font-size:2.75rem!important;
}
html body .app .layout > .main.page-workbench .hud-label,
html[data-theme] body .app .layout > .main.page-workbench .hud-label{
  font-size:1rem!important;
}
html body .app .layout > .main.page-workbench .hud-sub,
html[data-theme] body .app .layout > .main.page-workbench .hud-sub{
  display:block!important;
  font-size:var(--mc-type-secondary-body,.76rem)!important;
}
html body .app .layout > .main.page-workbench .workbench-ann-slot,
html[data-theme] body .app .layout > .main.page-workbench .workbench-ann-slot{
  margin:0!important;
}
html body .app .layout > .main.page-workbench .ann-banner,
html[data-theme] body .app .layout > .main.page-workbench .ann-banner{
  min-height:clamp(68px,8.4vh,88px)!important;
  padding:clamp(10px,1.15vh,14px) 0!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-workbench .ann-banner::before,
html body .app .layout > .main.page-workbench .ann-banner::after,
html[data-theme] body .app .layout > .main.page-workbench .ann-banner::before,
html[data-theme] body .app .layout > .main.page-workbench .ann-banner::after{
  display:none!important;
  content:none!important;
}
html body .app .layout > .main.page-workbench .workbench-clean.workbench-triple,
html[data-theme] body .app .layout > .main.page-workbench .workbench-clean.workbench-triple{
  height:100%!important;
  min-height:clamp(330px,39vh,460px)!important;
  max-height:none!important;
  gap:clamp(22px,1.8vw,30px)!important;
  align-items:stretch!important;
}
html body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage,
html[data-theme] body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage,
html body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage.work-punch-hero,
html[data-theme] body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage.work-punch-hero,
html body .app .layout > .main.page-workbench .workbench-todo-slot > .panel,
html[data-theme] body .app .layout > .main.page-workbench .workbench-todo-slot > .panel,
html body .app .layout > .main.page-workbench .workbench-notif-slot > .panel,
html[data-theme] body .app .layout > .main.page-workbench .workbench-notif-slot > .panel{
  height:100%!important;
  min-height:clamp(330px,39vh,460px)!important;
  max-height:none!important;
}
html body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage .work-punch-main,
html[data-theme] body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage .work-punch-main{
  height:100%!important;
  align-items:center!important;
  justify-items:center!important;
}
html body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage .punch-orb,
html[data-theme] body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage .punch-orb{
  width:clamp(232px,19.5vw,292px)!important;
  height:clamp(232px,19.5vw,292px)!important;
}
html body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage .punch-orb .orb-person,
html[data-theme] body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage .punch-orb .orb-person{
  font-size:var(--mc-type-body-control,.82rem)!important;
}

/* workbench-hud-illustration-cards-v1 */
html body .app .layout > .main.page-workbench .hud-card,
html[data-theme] body .app .layout > .main.page-workbench .hud-card{
  isolation:isolate!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background-blend-mode:screen,normal!important;
}
html body .app .layout > .main.page-workbench .hud-card::before,
html[data-theme] body .app .layout > .main.page-workbench .hud-card::before{
  background:
    radial-gradient(circle at 86% 15%,rgba(255,255,255,.34),rgba(255,255,255,0) 24%),
    radial-gradient(circle at 18% 88%,rgba(255,255,255,.18),rgba(255,255,255,0) 34%),
    linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,0) 44%,rgba(0,0,0,.12))!important;
  opacity:.74!important;
}
html body .app .layout > .main.page-workbench .hud-blue,
html[data-theme] body .app .layout > .main.page-workbench .hud-blue{
  background:
    radial-gradient(circle at 83% 24%,rgba(92,225,255,.46),rgba(92,225,255,0) 35%),
    linear-gradient(135deg,#1947c8 0%,#1587ff 47%,#32d8ff 100%)!important;
}
html body .app .layout > .main.page-workbench .hud-green,
html[data-theme] body .app .layout > .main.page-workbench .hud-green{
  background:
    radial-gradient(circle at 82% 22%,rgba(184,255,199,.48),rgba(184,255,199,0) 34%),
    linear-gradient(135deg,#05745f 0%,#12b981 50%,#7ce66a 100%)!important;
}
html body .app .layout > .main.page-workbench .hud-orange,
html[data-theme] body .app .layout > .main.page-workbench .hud-orange{
  background:
    radial-gradient(circle at 82% 18%,rgba(255,232,146,.48),rgba(255,232,146,0) 34%),
    linear-gradient(135deg,#c43e16 0%,#f27a1a 49%,#ffd166 100%)!important;
}
html body .app .layout > .main.page-workbench .hud-purple,
html[data-theme] body .app .layout > .main.page-workbench .hud-purple{
  background:
    radial-gradient(circle at 80% 20%,rgba(255,156,219,.46),rgba(255,156,219,0) 35%),
    linear-gradient(135deg,#5124c9 0%,#a11ec8 48%,#ff6fb7 100%)!important;
}
html body .app .layout > .main.page-workbench .hud-card .hud-bg,
html[data-theme] body .app .layout > .main.page-workbench .hud-card .hud-bg{
  z-index:0!important;
  right:-12px!important;
  top:1px!important;
  width:178px!important;
  height:128px!important;
  display:block!important;
  opacity:.52!important;
  pointer-events:none!important;
  transform:rotate(-3deg)!important;
  filter:none!important;
}
html body .app .layout > .main.page-workbench .hud-card:hover .hud-bg,
html[data-theme] body .app .layout > .main.page-workbench .hud-card:hover .hud-bg{
  opacity:.68!important;
  transform:scale(1.035) rotate(-5deg)!important;
}
html body .app .layout > .main.page-workbench .hud-art::before,
html body .app .layout > .main.page-workbench .hud-art::after,
html[data-theme] body .app .layout > .main.page-workbench .hud-art::before,
html[data-theme] body .app .layout > .main.page-workbench .hud-art::after{
  content:""!important;
  position:absolute!important;
  display:block!important;
  box-sizing:border-box!important;
}
html body .app .layout > .main.page-workbench .hud-art :where(i,span,b),
html[data-theme] body .app .layout > .main.page-workbench .hud-art :where(i,span,b){
  position:absolute!important;
  display:block!important;
  box-sizing:border-box!important;
}
html body .app .layout > .main.page-workbench .hud-mini-art,
html[data-theme] body .app .layout > .main.page-workbench .hud-mini-art{
  background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.08))!important;
  border:1px solid rgba(255,255,255,.20)!important;
  overflow:hidden!important;
}
html body .app .layout > .main.page-workbench .hud-mini-art::before,
html[data-theme] body .app .layout > .main.page-workbench .hud-mini-art::before{
  content:""!important;
  position:absolute!important;
  inset:5px!important;
  border-radius:inherit!important;
  background:radial-gradient(circle at 72% 24%,rgba(255,255,255,.30),rgba(255,255,255,0) 60%)!important;
}

html body .app .layout > .main.page-workbench .hud-art-people::before,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-people::before{
  left:18px!important;
  top:22px!important;
  width:122px!important;
  height:78px!important;
  border-radius:24px!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.34) 0 1px,transparent 1px 100%),
    linear-gradient(180deg,rgba(255,255,255,.30) 0 1px,transparent 1px 100%),
    rgba(255,255,255,.10)!important;
  background-size:30px 100%,100% 24px,auto!important;
  border:1px solid rgba(255,255,255,.24)!important;
}
html body .app .layout > .main.page-workbench .hud-art-people::after,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-people::after{
  left:62px!important;
  top:13px!important;
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 50% 34%,rgba(255,255,255,.95) 0 8px,transparent 9px),
    radial-gradient(ellipse at 50% 86%,rgba(255,255,255,.78) 0 17px,transparent 18px),
    rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.32)!important;
}
html body .app .layout > .main.page-workbench .hud-art-people i,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-people i{
  width:31px!important;
  height:31px!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 50% 34%,rgba(255,255,255,.92) 0 6px,transparent 7px),
    radial-gradient(ellipse at 50% 88%,rgba(255,255,255,.66) 0 14px,transparent 15px),
    rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.24)!important;
}
html body .app .layout > .main.page-workbench .hud-art-people i::before,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-people i::before{
  display:none!important;
}
html body .app .layout > .main.page-workbench .hud-art-people i:nth-child(1),
html[data-theme] body .app .layout > .main.page-workbench .hud-art-people i:nth-child(1){
  left:24px!important;
  top:58px!important;
  transform:none!important;
}
html body .app .layout > .main.page-workbench .hud-art-people i:nth-child(2),
html[data-theme] body .app .layout > .main.page-workbench .hud-art-people i:nth-child(2){
  left:112px!important;
  top:55px!important;
}
html body .app .layout > .main.page-workbench .hud-art-people i:nth-child(3),
html[data-theme] body .app .layout > .main.page-workbench .hud-art-people i:nth-child(3){
  left:69px!important;
  top:77px!important;
  transform:scale(.86)!important;
}
html body .app .layout > .main.page-workbench .hud-art-people span,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-people span{
  left:42px!important;
  top:74px!important;
  width:78px!important;
  height:30px!important;
  border-radius:999px!important;
  background:
    radial-gradient(circle at 15px 15px,rgba(255,255,255,.95) 0 4px,transparent 5px),
    radial-gradient(circle at 63px 15px,rgba(255,255,255,.95) 0 4px,transparent 5px),
    linear-gradient(90deg,rgba(255,255,255,.46),rgba(255,255,255,.18))!important;
}

html body .app .layout > .main.page-workbench .hud-art-attendance::before,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-attendance::before{
  left:42px!important;
  top:11px!important;
  width:88px!important;
  height:92px!important;
  border-radius:22px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.50) 0 20px,rgba(255,255,255,.14) 21px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.38) 0 1px,transparent 1px 21px),
    repeating-linear-gradient(180deg,rgba(255,255,255,.28) 0 1px,transparent 1px 20px)!important;
  border:1px solid rgba(255,255,255,.28)!important;
}
html body .app .layout > .main.page-workbench .hud-art-attendance::after,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-attendance::after{
  left:16px!important;
  top:42px!important;
  width:58px!important;
  height:58px!important;
  border-radius:50%!important;
  background:
    conic-gradient(from 230deg,rgba(255,255,255,.95) 0 86deg,rgba(255,255,255,.18) 86deg 360deg),
    radial-gradient(circle,rgba(255,255,255,.10) 0 58%,transparent 59%)!important;
  border:1px solid rgba(255,255,255,.26)!important;
}
html body .app .layout > .main.page-workbench .hud-art-attendance i,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-attendance i{
  left:33px!important;
  top:58px!important;
  width:23px!important;
  height:13px!important;
  border:0!important;
  border-left:5px solid rgba(255,255,255,.96)!important;
  border-bottom:5px solid rgba(255,255,255,.96)!important;
  border-radius:3px!important;
  background:transparent!important;
  transform:rotate(-45deg)!important;
}
html body .app .layout > .main.page-workbench .hud-art-attendance i::before,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-attendance i::before{
  display:none!important;
}
html body .app .layout > .main.page-workbench .hud-art-attendance span,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-attendance span{
  left:68px!important;
  top:42px!important;
  width:50px!important;
  height:38px!important;
  border-radius:12px!important;
  background:
    radial-gradient(circle at 14px 12px,rgba(255,255,255,.82) 0 4px,transparent 5px),
    radial-gradient(circle at 31px 12px,rgba(255,255,255,.82) 0 4px,transparent 5px),
    linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.13))!important;
  border:1px solid rgba(255,255,255,.22)!important;
}
html body .app .layout > .main.page-workbench .hud-art-attendance b,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-attendance b{
  left:110px!important;
  top:25px!important;
  width:30px!important;
  height:30px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(255,255,255,.88) 0 5px,rgba(255,255,255,.16) 6px)!important;
}

html body .app .layout > .main.page-workbench .hud-art-approval::before,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-approval::before{
  left:29px!important;
  top:13px!important;
  width:84px!important;
  height:100px!important;
  border-radius:18px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.22)),
    linear-gradient(90deg,transparent 0 15px,rgba(255,255,255,.36) 16px 72px,transparent 73px)!important;
  border:1px solid rgba(255,255,255,.34)!important;
}
html body .app .layout > .main.page-workbench .hud-art-approval::after,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-approval::after{
  left:71px!important;
  top:57px!important;
  width:64px!important;
  height:64px!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.22) 0 49%,transparent 50%),
    conic-gradient(from 110deg,rgba(255,255,255,.94) 0 52deg,transparent 52deg 360deg)!important;
  border:1px solid rgba(255,255,255,.26)!important;
}
html body .app .layout > .main.page-workbench .hud-art-approval i,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-approval i{
  left:44px!important;
  top:33px!important;
  width:54px!important;
  height:6px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.60)!important;
  box-shadow:0 16px 0 rgba(255,255,255,.48),0 32px 0 rgba(255,255,255,.36)!important;
}
html body .app .layout > .main.page-workbench .hud-art-approval i::before,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-approval i::before{
  display:none!important;
}
html body .app .layout > .main.page-workbench .hud-art-approval span,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-approval span{
  left:91px!important;
  top:77px!important;
  width:30px!important;
  height:16px!important;
  border:0!important;
  border-left:6px solid rgba(255,255,255,.96)!important;
  border-bottom:6px solid rgba(255,255,255,.96)!important;
  border-radius:4px!important;
  background:transparent!important;
  transform:rotate(-45deg)!important;
}
html body .app .layout > .main.page-workbench .hud-art-approval b,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-approval b{
  left:22px!important;
  top:78px!important;
  width:56px!important;
  height:28px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.42),rgba(255,255,255,.16))!important;
}

html body .app .layout > .main.page-workbench .hud-art-onboarding::before,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-onboarding::before{
  left:32px!important;
  top:16px!important;
  width:86px!important;
  height:100px!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 43px 33px,rgba(255,255,255,.92) 0 15px,transparent 16px),
    radial-gradient(ellipse at 43px 78px,rgba(255,255,255,.58) 0 24px,transparent 25px),
    linear-gradient(180deg,rgba(255,255,255,.33),rgba(255,255,255,.12))!important;
  border:1px solid rgba(255,255,255,.30)!important;
}
html body .app .layout > .main.page-workbench .hud-art-onboarding::after,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-onboarding::after{
  left:91px!important;
  top:18px!important;
  width:48px!important;
  height:48px!important;
  border-radius:50%!important;
  background:
    linear-gradient(90deg,transparent 0 20px,rgba(255,255,255,.94) 21px 27px,transparent 28px),
    linear-gradient(180deg,transparent 0 20px,rgba(255,255,255,.94) 21px 27px,transparent 28px),
    rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.30)!important;
}
html body .app .layout > .main.page-workbench .hud-art-onboarding i,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-onboarding i{
  left:20px!important;
  top:72px!important;
  width:54px!important;
  height:28px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.42),rgba(255,255,255,.16))!important;
}
html body .app .layout > .main.page-workbench .hud-art-onboarding i::before,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-onboarding i::before{
  display:none!important;
}
html body .app .layout > .main.page-workbench .hud-art-onboarding span,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-onboarding span{
  left:104px!important;
  top:70px!important;
  width:38px!important;
  height:38px!important;
  border-radius:14px!important;
  background:
    radial-gradient(circle at 19px 16px,rgba(255,255,255,.82) 0 6px,transparent 7px),
    radial-gradient(ellipse at 19px 32px,rgba(255,255,255,.46) 0 13px,transparent 14px),
    rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.24)!important;
}
html body .app .layout > .main.page-workbench .hud-art-onboarding span::before,
html body .app .layout > .main.page-workbench .hud-art-onboarding span::after,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-onboarding span::before,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-onboarding span::after{
  display:none!important;
}
html body .app .layout > .main.page-workbench .hud-art-onboarding b,
html[data-theme] body .app .layout > .main.page-workbench .hud-art-onboarding b{
  left:78px!important;
  top:96px!important;
  width:48px!important;
  height:10px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.42)!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-15-application-layout-003-slice-15-part-01-seg-01-html-body-app-layout-mai-fine-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-15-workbench-004-slice-15-part-01-seg-01-html-body-app-layout-mai-fine-02-unit-02.css */

html body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage .punch-orb .orb-time,
html[data-theme] body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage .punch-orb .orb-time{
  font-size:2.75rem!important;
}
html body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage .punch-orb .orb-sub,
html[data-theme] body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage .punch-orb .orb-sub{
  font-size:1rem!important;
}
html body .app .layout > .main.page-workbench :where(.workbench-todo-slot .feed,.workbench-notif-slot .feed,.workbench-msg-feed),
html[data-theme] body .app .layout > .main.page-workbench :where(.workbench-todo-slot .feed,.workbench-notif-slot .feed,.workbench-msg-feed){
  max-height:none!important;
  overflow:hidden!important;
}
html body .app .layout > .main.page-workbench :where(.workbench-todo-slot .feed .fi,.workbench-notif-slot .feed .fi,.workbench-msg-feed .fi),
html[data-theme] body .app .layout > .main.page-workbench :where(.workbench-todo-slot .feed .fi,.workbench-notif-slot .feed .fi,.workbench-msg-feed .fi){
  padding:10px 0!important;
}
html body .app .layout > .main.page-liveRooms .live-room-overlay{
  align-items:flex-start!important;
}
html body .app .layout > .main.page-liveRooms .live-room-crumbs,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-crumbs{
  display:flex!important;
  align-items:flex-start!important;
  gap:4px!important;
  width:auto!important;
  max-width:min(240px,42vw)!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-15-workbench-004-slice-15-part-01-seg-01-html-body-app-layout-mai-fine-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-15-shared-cross-surface-005-slice-15-part-01-seg-01-html-body-app-layout-mai-fine-03.css */

html body .app .layout > .main.page-liveRooms .live-room-crumbs.live-room-crumbs-stack,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-crumbs.live-room-crumbs-stack{
  flex-direction:column!important;
  align-items:flex-start!important;
}
html body .app .layout > .main.page-liveRooms .live-room-crumbs button,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-crumbs button{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  min-height:0!important;
  padding:2px 0!important;
  border:0!important;
  border-radius:var(--mc-button-radius,10px)!important;
  outline:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:rgba(244,244,241,.72)!important;
  font-size:.76rem!important;
  font-weight:560!important;
  line-height:1.2!important;
  text-align:left!important;
  text-shadow:0 1px 12px rgba(0,0,0,.58)!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:ellipsis!important;
}
html body .app .layout > .main.page-liveRooms .live-room-crumbs button.active,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-crumbs button.active{
  color:#f8f8f5!important;
  font-weight:720!important;
  border-radius:var(--mc-button-radius,10px)!important;
  background:var(--mc-model-button-fill-active)!important;
  background-image:var(--mc-model-button-fill-active)!important;
}
html body .app .layout > .main.page-liveRooms .live-room-crumbs button::before,
html body .app .layout > .main.page-liveRooms .live-room-crumbs button::after,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-crumbs button::before,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-crumbs button::after{
  display:none!important;
  content:none!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}
html body .app :where(.table-wrap,.att-rule-table,.nd-report table),
html[data-theme] body .app :where(.table-wrap,.att-rule-table,.nd-report table){
  box-shadow:none!important;
}
html body .app :where(.table-wrap tbody tr,.nd-report tbody tr),
html[data-theme] body .app :where(.table-wrap tbody tr,.nd-report tbody tr){
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body .app :where(.info-list .r,.feed .fi,.contact-item,.chat-list-item,.role-list-item,.org-mini-row,.org-pick-row,.live-floor-row,.live-room-mini,.live-device-row,.live-floor-overview-row,.nd-service-row,.nd-script-row,.nd-policy-item,.att-dept-row,.att-bar-row,.att-watch-manage-list>*),
html[data-theme] body .app :where(.info-list .r,.feed .fi,.contact-item,.chat-list-item,.role-list-item,.org-mini-row,.org-pick-row,.live-floor-row,.live-room-mini,.live-device-row,.live-floor-overview-row,.nd-service-row,.nd-script-row,.nd-policy-item,.att-dept-row,.att-bar-row,.att-watch-manage-list>*){
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
html body .main.page-records :where(.att-rule-section.compact,.att-rule-settings-section,.att-setting-panel,.att-rule-table,.att-rule-content .table-wrap),
html[data-theme] body .main.page-records :where(.att-rule-section.compact,.att-rule-settings-section,.att-setting-panel,.att-rule-table,.att-rule-content .table-wrap){
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-15-shared-cross-surface-005-slice-15-part-01-seg-01-html-body-app-layout-mai-fine-03.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-15-shared-cross-surface-006-slice-15-part-01-seg-02-html-body-app-layout-mai-micro-01-unit-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-15-part-01-html-body-app-layout-mai.css. Keep import order stable. */
html body .main.page-records :where(.att-rule-section.compact,.att-rule-settings-section,.att-setting-panel),
html[data-theme] body .main.page-records :where(.att-rule-section.compact,.att-rule-settings-section,.att-setting-panel){
  padding:0!important;
}
html body .main.page-records .att-rule-section-head p,
html[data-theme] body .main.page-records .att-rule-section-head p{
  display:none!important;
}
html body .main.page-records .att-rule-table table,
html[data-theme] body .main.page-records .att-rule-table table{
  border-collapse:collapse!important;
  border-spacing:0!important;
  background:transparent!important;
}
html body .main.page-records .att-rule-table th,
html[data-theme] body .main.page-records .att-rule-table th{
  background:transparent!important;
  border:0!important;
}
html body .main.page-records .att-rule-table td,
html[data-theme] body .main.page-records .att-rule-table td{
  border:0!important;
  box-shadow:none!important;
}
html body .main.page-records .att-setting-panel,
html[data-theme] body .main.page-records .att-setting-panel{
  margin:0 0 18px!important;
}
html body .main.page-records .att-setting-panel h4,
html[data-theme] body .main.page-records .att-setting-panel h4{
  margin:0 0 9px!important;
  padding:0!important;
  background:transparent!important;
  color:var(--text)!important;
}
html body .main.page-records .att-rule-chipline .checkbox,
html[data-theme] body .main.page-records .att-rule-chipline .checkbox{
  background:transparent!important;
  box-shadow:none!important;
}
html body .app .layout .main.page-records .att-rule-fixed-head,
html[data-theme] body .app .layout .main.page-records .att-rule-fixed-head{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  padding:0!important;
  margin:0 0 12px!important;
  gap:8px!important;
}
html body .main.page-records .att-rule-title-row,
html[data-theme] body .main.page-records .att-rule-title-row{
  grid-template-columns:1fr!important;
}
html body .main.page-records .att-rule-nav,
html[data-theme] body .main.page-records .att-rule-nav{
  display:none!important;
}
html body .main.page-records .att-rule-summary.in-head,
html[data-theme] body .main.page-records .att-rule-summary.in-head{
  margin:0!important;
}
html body .main.page-records .att-rule-summary.in-head .att-rule-card-entry,
html[data-theme] body .main.page-records .att-rule-summary.in-head .att-rule-card-entry{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:block!important;
  width:100%!important;
  text-align:left!important;
  font:inherit!important;
  color:inherit!important;
  cursor:pointer!important;
  transition:background .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
html body .main.page-records .att-rule-summary.in-head .att-rule-card-entry:hover,
html body .main.page-records .att-rule-summary.in-head .att-rule-card-entry.active,
html[data-theme] body .main.page-records .att-rule-summary.in-head .att-rule-card-entry:hover,
html[data-theme] body .main.page-records .att-rule-summary.in-head .att-rule-card-entry.active{
  background:rgba(255,255,255,.07)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
html body .main.page-records .att-rule-summary.in-head .att-rule-card-entry:active,
html[data-theme] body .main.page-records .att-rule-summary.in-head .att-rule-card-entry:active{
  transform:translateY(1px)!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-15-shared-cross-surface-006-slice-15-part-01-seg-02-html-body-app-layout-mai-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-15-shared-cross-surface-007-slice-15-part-01-seg-02-html-body-app-layout-mai-micro-01-unit-02.css */

html body .punch-orb .orb-now,
html body .attendance-orb .orb-now{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  max-width:92%!important;
  font-family:var(--mono)!important;
  font-size:2.04rem!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:0!important;
  color:#facc15!important;
  text-shadow:0 0 18px rgba(250,204,21,.34),0 8px 20px rgba(0,0,0,.34)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .punch-orb .orb-time,
html body .attendance-orb .orb-time{
  color:rgba(255,255,255,.82)!important;
}
html body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage .punch-orb .orb-now,
html[data-theme] body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage .punch-orb .orb-now{
  font-size:2.32rem!important;
}
html body .main.page-oa .oa-page-shell,
html[data-theme] body .main.page-oa .oa-page-shell{
  display:grid!important;
  gap:16px!important;
  width:100%!important;
}
html body .app .layout > .main.page-oa .oa-launch-panel,
html[data-theme] body .app .layout > .main.page-oa .oa-launch-panel{
  width:100%!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-15-shared-cross-surface-007-slice-15-part-01-seg-02-html-body-app-layout-mai-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-15-application-layout-008-slice-15-part-01-seg-02-html-body-app-layout-mai-micro-02-unit-01.css */

html body .main.page-oa .oa-launch-head,
html[data-theme] body .main.page-oa .oa-launch-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 12px!important;
  padding:0 2px!important;
}
html body .main.page-oa .oa-launch-head h3,
html[data-theme] body .main.page-oa .oa-launch-head h3{
  margin:0!important;
  font-size:1.08rem!important;
  line-height:1.08!important;
  font-weight:860!important;
  color:#f8fbff!important;
}
html body .main.page-oa .oa-launch-head p,
html[data-theme] body .main.page-oa .oa-launch-head p{
  margin:7px 0 0!important;
  color:rgba(255,255,255,.52)!important;
  font-size:var(--mc-type-secondary-body,.76rem)!important;
  line-height:1.25!important;
  font-weight:450!important;
}
html body .main.page-oa .oa-launch-count,
html[data-theme] body .main.page-oa .oa-launch-count{
  display:inline-flex!important;
  align-items:center!important;
  min-height:26px!important;
  padding:0 10px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.035)!important;
  color:rgba(255,255,255,.66)!important;
  font-size:.72rem!important;
  font-weight:720!important;
  box-shadow:none!important;
}
html body .main.page-oa .oa-app-grid,
html[data-theme] body .main.page-oa .oa-app-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;
  gap:13px!important;
  align-items:stretch!important;
}
html body .main.page-oa .oa-template-card,
html[data-theme] body .main.page-oa .oa-template-card{
  position:relative!important;
  display:grid!important;
  grid-template-rows:auto 1fr auto auto!important;
  align-content:stretch!important;
  justify-items:stretch!important;
  gap:9px!important;
  min-height:154px!important;
  padding:17px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:22px!important;
  background:var(--mc-hud-gradient,linear-gradient(135deg,#2563eb,#06b6d4,#67e8f9))!important;
  color:#fff!important;
  text-align:left!important;
  box-shadow:none!important;
  isolation:isolate!important;
}
html body .main.page-oa .oa-template-card::before,
html[data-theme] body .main.page-oa .oa-template-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 18% 12%,rgba(255,255,255,.30),transparent 30%),
    radial-gradient(circle at 88% 88%,rgba(255,255,255,.16),transparent 42%),
    linear-gradient(125deg,rgba(255,255,255,.18),transparent 45%,rgba(0,0,0,.10))!important;
  opacity:.78!important;
}
html body .main.page-oa .oa-template-card::after,
html[data-theme] body .main.page-oa .oa-template-card::after{
  content:""!important;
  position:absolute!important;
  right:-34px!important;
  top:-36px!important;
  width:128px!important;
  height:128px!important;
  z-index:0!important;
  pointer-events:none!important;
  border-radius:36px!important;
  opacity:.24!important;
  background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.05))!important;
  transform:rotate(17deg)!important;
}
html body .main.page-oa .oa-template-card > *,
html[data-theme] body .main.page-oa .oa-template-card > *{
  position:relative!important;
  z-index:1!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-15-application-layout-008-slice-15-part-01-seg-02-html-body-app-layout-mai-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-15-application-layout-009-slice-15-part-01-seg-02-html-body-app-layout-mai-micro-02-unit-02.css */

html body .main.page-oa .oa-template-card .oa-app-glow,
html[data-theme] body .main.page-oa .oa-template-card .oa-app-glow{
  position:absolute!important;
  inset:auto -18px -28px auto!important;
  width:118px!important;
  height:118px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.18)!important;
  filter:blur(2px)!important;
}
html body .main.page-oa .oa-template-card:hover,
html[data-theme] body .main.page-oa .oa-template-card:hover{
  z-index:var(--mc-model-lift-z,80)!important;
  transform:translateY(var(--mc-model-lift-y-card,-3px)) scale(var(--mc-model-lift-scale-card,1.01))!important;
  filter:saturate(1.10) brightness(1.045)!important;
}
html body .main.page-oa .oa-template-card .oa-app-icon,
html[data-theme] body .main.page-oa .oa-template-card .oa-app-icon{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.24)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20)!important;
  color:#fff!important;
  font-size:1.12rem!important;
  font-weight:920!important;
  line-height:1!important;
  -webkit-backdrop-filter:blur(12px)!important;
  backdrop-filter:blur(12px)!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-15-application-layout-009-slice-15-part-01-seg-02-html-body-app-layout-mai-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-15-application-layout-010-slice-15-part-01-seg-02-html-body-app-layout-mai-micro-03.css */

html body .main.page-oa .oa-template-card .oa-app-main,
html[data-theme] body .main.page-oa .oa-template-card .oa-app-main{
  display:grid!important;
  gap:6px!important;
  padding-right:54px!important;
  min-width:0!important;
}
html body .main.page-oa .oa-template-card .oa-app-name,
html[data-theme] body .main.page-oa .oa-template-card .oa-app-name{
  max-width:100%!important;
  font-size:1.08rem!important;
  font-weight:900!important;
  line-height:1.14!important;
  color:#fff!important;
  text-shadow:0 8px 18px rgba(0,0,0,.18)!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
html body .main.page-oa .oa-template-card .oa-app-desc,
html body .main.page-oa .oa-template-card .oa-app-people,
html[data-theme] body .main.page-oa .oa-template-card .oa-app-desc,
html[data-theme] body .main.page-oa .oa-template-card .oa-app-people{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:var(--mc-type-secondary-body,.76rem)!important;
  line-height:1.25!important;
  color:rgba(255,255,255,.84)!important;
}
html body .main.page-oa .oa-template-card .oa-app-people,
html[data-theme] body .main.page-oa .oa-template-card .oa-app-people{
  align-self:end!important;
  color:rgba(255,255,255,.72)!important;
}
html body .main.page-oa .oa-template-card .oa-app-meta,
html[data-theme] body .main.page-oa .oa-template-card .oa-app-meta{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  padding-right:54px!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-15-application-layout-010-slice-15-part-01-seg-02-html-body-app-layout-mai-micro-03.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-15-application-layout-011-slice-15-part-02-seg-01-html-body-app-layout-mai-fine-01-short-01.css */

/* Legacy ordered base slice 15 part 02; split from 001-base-slice-15-html-body-app-layout-mai.css. Keep import order stable. */
html body .main.page-oa .oa-template-card .oa-app-meta em,
html[data-theme] body .main.page-oa .oa-template-card .oa-app-meta em{
  display:inline-flex!important;
  align-items:center!important;
  min-height:22px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.15)!important;
  color:rgba(255,255,255,.84)!important;
  font-style:normal!important;
  font-size:var(--mc-type-caption-meta,.68rem)!important;
  font-weight:760!important;
  box-shadow:none!important;
}
html body .main.page-oa .oa-template-card .oa-app-action,
html[data-theme] body .main.page-oa .oa-template-card .oa-app-action{
  position:absolute!important;
  right:14px!important;
  bottom:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:26px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.16)!important;
  color:#fff!important;
  font-size:.72rem!important;
  font-weight:820!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-oa .oa-list-panel,
html body .main.page-oa .oa-list-panel,
html[data-theme] body .app .layout > .main.page-oa .oa-list-panel,
html[data-theme] body .main.page-oa .oa-list-panel{
  padding:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body .main.page-oa .oa-list-head,
html[data-theme] body .main.page-oa .oa-list-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 10px!important;
}
html body .main.page-oa .oa-list-panel .tabs,
html body .main.page-oa .oa-list-panel .toolbar,
html body .main.page-oa .oa-list-panel .oa-tabs,
html body .main.page-oa .oa-list-panel .oa-toolbar,
html[data-theme] body .main.page-oa .oa-list-panel .tabs,
html[data-theme] body .main.page-oa .oa-list-panel .toolbar,
html[data-theme] body .main.page-oa .oa-list-panel .oa-tabs,
html[data-theme] body .main.page-oa .oa-list-panel .oa-toolbar{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .main.page-oa .oa-list-panel .tabs,
html body .main.page-oa .oa-list-panel .oa-tabs,
html[data-theme] body .main.page-oa .oa-list-panel .tabs,
html[data-theme] body .main.page-oa .oa-list-panel .oa-tabs{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  padding:0!important;
  margin:0!important;
  gap:5px!important;
}
html body .main.page-oa .oa-list-panel .oa-tabs button,
html[data-theme] body .main.page-oa .oa-list-panel .oa-tabs button{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.026)!important;
  color:rgba(255,255,255,.62)!important;
  min-height:32px!important;
  padding:0 12px!important;
  font-size:.78rem!important;
  font-weight:720!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
html body .main.page-oa .oa-list-panel .oa-tabs button:hover,
html body .main.page-oa .oa-list-panel .oa-tabs button.active,
html[data-theme] body .main.page-oa .oa-list-panel .oa-tabs button:hover,
html[data-theme] body .main.page-oa .oa-list-panel .oa-tabs button.active{
  border-color:transparent!important;
  background:var(--mc-rainbow-fill-soft,linear-gradient(135deg,rgba(46,213,255,.22),rgba(168,85,247,.20),rgba(251,191,36,.18)))!important;
  color:#fff!important;
  box-shadow:none!important;
}
html body .main.page-oa .oa-list-panel .toolbar,
html body .main.page-oa .oa-list-panel .oa-toolbar,
html[data-theme] body .main.page-oa .oa-list-panel .toolbar,
html[data-theme] body .main.page-oa .oa-list-panel .oa-toolbar{
  padding:0!important;
  margin:0!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-15-application-layout-011-slice-15-part-02-seg-01-html-body-app-layout-mai-fine-01-short-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-15-application-layout-012-slice-15-part-02-seg-01-html-body-app-layout-mai-fine-01-short-02.css */

html body .main.page-oa .oa-list-panel .oa-toolbar select,
html[data-theme] body .main.page-oa .oa-list-panel .oa-toolbar select{
  min-height:34px!important;
  padding:0 12px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.02)!important;
  color:rgba(255,255,255,.82)!important;
  box-shadow:none!important;
}
html body .main.page-oa .oa-list-panel .table-wrap,
html body .main.page-oa .oa-list-panel .oa-table-wrap,
html[data-theme] body .main.page-oa .oa-list-panel .table-wrap,
html[data-theme] body .main.page-oa .oa-list-panel .oa-table-wrap{
  padding:0!important;
  overflow-x:auto!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-15-application-layout-012-slice-15-part-02-seg-01-html-body-app-layout-mai-fine-01-short-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-15-application-layout-013-slice-15-part-02-seg-01-html-body-app-layout-mai-fine-02-short-01.css */

html body .main.page-oa .oa-row-icon,
html[data-theme] body .main.page-oa .oa-row-icon{
  display:inline-grid!important;
  place-items:center!important;
  width:22px!important;
  height:22px!important;
  margin-right:7px!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-size:.72rem!important;
  font-weight:850!important;
  vertical-align:middle!important;
}
html body .main.page-oa .oa-list-panel .tag,
html[data-theme] body .main.page-oa .oa-list-panel .tag{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .main.page-oa .oa-list-panel .btn.sm,
html[data-theme] body .main.page-oa .oa-list-panel .btn.sm{
  min-height:28px!important;
  padding:0 10px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#d7f6ff!important;
  box-shadow:none!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .main.page-oa .oa-launch-head,
  html[data-theme] body .main.page-oa .oa-launch-head,
  html body .main.page-oa .oa-list-head,
  html[data-theme] body .main.page-oa .oa-list-head{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  html body .main.page-oa .oa-app-grid,
  html[data-theme] body .main.page-oa .oa-app-grid{
    grid-template-columns:1fr!important;
  }
  html body .main.page-oa .oa-template-card,
  html[data-theme] body .main.page-oa .oa-template-card{
    min-height:136px!important;
    padding:15px!important;
    border-radius:19px!important;
  }
}
html body .main.page-taskBoard,
html[data-theme] body .main.page-taskBoard{
  overflow-x:hidden!important;
}
html body .main.page-taskBoard .page-head,
html[data-theme] body .main.page-taskBoard .page-head{
  margin-bottom:12px!important;
}
html body .main.page-taskBoard .task-board-shell,
html[data-theme] body .main.page-taskBoard .task-board-shell{
  display:grid!important;
  gap:14px!important;
  min-width:0!important;
}
html body .main.page-taskBoard .task-board-hero,
html[data-theme] body .main.page-taskBoard .task-board-hero{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) minmax(360px,.9fr)!important;
  gap:18px!important;
  align-items:end!important;
  padding:18px 0 10px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .main.page-taskBoard .task-board-hero span,
html[data-theme] body .main.page-taskBoard .task-board-hero span{
  display:block!important;
  margin-bottom:7px!important;
  font-size:.68rem!important;
  letter-spacing:.08em!important;
  color:rgba(255,255,255,.43)!important;
}
html body .main.page-taskBoard .task-board-hero h1,
html[data-theme] body .main.page-taskBoard .task-board-hero h1{
  margin:0!important;
  font-size:2rem!important;
  line-height:1.04!important;
  color:#f7f7f7!important;
  font-weight:760!important;
}
html body .main.page-taskBoard .task-board-hero p,
html[data-theme] body .main.page-taskBoard .task-board-hero p{
  margin:8px 0 0!important;
  max-width:560px!important;
  color:rgba(255,255,255,.55)!important;
  font-size:.86rem!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-15-application-layout-013-slice-15-part-02-seg-01-html-body-app-layout-mai-fine-02-short-01.css */


/* >>> runtime/legacy/styles/blocks/tasks/todo/compatibility-layout/001-base-slice-15-tasks-014-slice-15-part-02-seg-01-html-body-app-layout-mai-fine-02-short-02.css */

html body .main.page-taskBoard .task-board-metrics,
html[data-theme] body .main.page-taskBoard .task-board-metrics{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}
html body .main.page-taskBoard .task-board-metrics div,
html body .main.page-taskBoard .task-board-panel,
html body .main.page-taskBoard .task-board-filter,
html body .main.page-taskBoard .task-board-list,
html[data-theme] body .main.page-taskBoard .task-board-metrics div,
html[data-theme] body .main.page-taskBoard .task-board-panel,
html[data-theme] body .main.page-taskBoard .task-board-filter,
html[data-theme] body .main.page-taskBoard .task-board-list{
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:blur(18px)!important;
  backdrop-filter:blur(18px)!important;
}
html body .main.page-taskBoard .task-board-metrics div,
html[data-theme] body .main.page-taskBoard .task-board-metrics div{
  min-height:84px!important;
  padding:14px!important;
}

/* <<< runtime/legacy/styles/blocks/tasks/todo/compatibility-layout/001-base-slice-15-tasks-014-slice-15-part-02-seg-01-html-body-app-layout-mai-fine-02-short-02.css */


/* >>> runtime/legacy/styles/blocks/tasks/todo/compatibility-layout/001-base-slice-15-tasks-015-slice-15-part-02-seg-01-html-body-app-layout-mai-fine-03-malformed-retained.css */

html body .main.page-taskBoard .task-board-metrics b,
html[data-theme] body .main.page-taskBoard .task-board-metrics b{
  display:block!important;
  font-size:1.52rem!important;
  color:#fff!important;
  line-height:1!important;
}
html body .main.page-taskBoard .task-board-metrics small,
html[data-theme] body .main.page-taskBoard .task-board-metrics small{
  display:block!important;
  margin-top:8px!important;
  color:rgba(255,255,255,.48)!important;
}
html body .main.page-taskBoard .task-board-grid,
html[data-theme] body .main.page-taskBoard .task-board-grid{
  display:grid!important;
  grid-template-columns:minmax(320px,.95fr) minmax(320px,1fr)!important;
  gap:14px!important;
}
html body .main.page-taskBoard .task-board-panel,
html body .main.page-taskBoard .task-board-filter,
html body .main.page-taskBoard .task-board-list,
html[data-theme] body .main.page-taskBoard .task-board-panel,
html[data-theme] body .main.page-taskBoard .task-board-filter,
html[data-theme] body .main.page-taskBoard .task-board-list{
  padding:14px!important;
}
html body .main.page-taskBoard .task-section-head,
html[data-theme] body .main.page-taskBoard .task-section-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:10px!important;
}
html body .main.page-taskBoard .task-section-head h3,
html[data-theme] body .main.page-taskBoard .task-section-head h3{
  margin:0!important;
  color:#f2f2f2!important;
  font-size:.94rem!important;
  font-weight:760!important;
}
html body .main.page-taskBoard .task-section-head span,
html[data-theme] body .main.page-taskBoard .task-section-head span{
  color:rgba(255,255,255,.43)!important;
  font-size:.72rem!important;
}
html body .main.page-taskBoard .task-pair-list,
html[data-theme] body .main.page-taskBoard .task-pair-list{
  display:grid!important;
  gap:6px!important;
}
html body .main.page-taskBoard .task-pair-card,

/* <<< runtime/legacy/styles/blocks/tasks/todo/compatibility-layout/001-base-slice-15-tasks-015-slice-15-part-02-seg-01-html-body-app-layout-mai-fine-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/tasks/todo/compatibility-layout/001-base-slice-15-tasks-016-slice-15-part-02-seg-02-html-body-app-layout-mai-micro-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-15-part-02-html-body-app-layout-mai.css. Keep import order stable. */
html[data-theme] body .main.page-taskBoard .task-pair-card{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:1fr 48px!important;
  gap:5px 10px!important;
  align-items:center!important;
  padding:9px 10px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#eee!important;
  text-align:left!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
html body .main.page-taskBoard .task-pair-card:hover,
html body .main.page-taskBoard .task-pair-card.active,
html[data-theme] body .main.page-taskBoard .task-pair-card:hover,
html[data-theme] body .main.page-taskBoard .task-pair-card.active{
  background:rgba(255,255,255,.07)!important;
}
html body .main.page-taskBoard .task-pair-card span,
html[data-theme] body .main.page-taskBoard .task-pair-card span{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
html body .main.page-taskBoard .task-pair-card b,
html[data-theme] body .main.page-taskBoard .task-pair-card b{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:.83rem!important;
}
html body .main.page-taskBoard .task-pair-card i,
html[data-theme] body .main.page-taskBoard .task-pair-card i{
  font-style:normal!important;
  color:rgba(255,255,255,.36)!important;
}
html body .main.page-taskBoard .task-pair-card small,
html[data-theme] body .main.page-taskBoard .task-pair-card small{
  grid-column:1/2!important;
  color:rgba(255,255,255,.45)!important;
  font-size:.7rem!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body .main.page-taskBoard .task-pair-card em,
html[data-theme] body .main.page-taskBoard .task-pair-card em{
  grid-column:1/2!important;
  height:5px!important;
  border-radius:99px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.07)!important;
}
html body .main.page-taskBoard .task-pair-card em i,
html[data-theme] body .main.page-taskBoard .task-pair-card em i{
  display:block!important;
  height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#16a34a,#86efac)!important;
}
html body .main.page-taskBoard .task-pair-card strong,
html[data-theme] body .main.page-taskBoard .task-pair-card strong{
  grid-column:2!important;
  grid-row:1/4!important;
  justify-self:end!important;
  color:#fff!important;
  font-size:.92rem!important;
}
html body .main.page-taskBoard .task-status-chart,
html[data-theme] body .main.page-taskBoard .task-status-chart{
  display:grid!important;
  gap:11px!important;
}
html body .main.page-taskBoard .task-chart-line,
html[data-theme] body .main.page-taskBoard .task-chart-line{
  display:grid!important;
  grid-template-columns:66px 34px 1fr!important;
  align-items:center!important;
  gap:10px!important;
  color:rgba(255,255,255,.68)!important;
  font-size:var(--mc-type-secondary-body,.76rem)!important;
}
html body .main.page-taskBoard .task-chart-line b,
html[data-theme] body .main.page-taskBoard .task-chart-line b{
  color:#fff!important;
  text-align:right!important;
}
html body .main.page-taskBoard .task-chart-line em,
html[data-theme] body .main.page-taskBoard .task-chart-line em{
  height:8px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.075)!important;
  overflow:hidden!important;
}
html body .main.page-taskBoard .task-chart-line i,
html[data-theme] body .main.page-taskBoard .task-chart-line i{
  display:block!important;
  height:100%!important;
  border-radius:inherit!important;
}
html body .main.page-taskBoard .task-chart-line i.todo{background:#38bdf8!important}
html body .main.page-taskBoard .task-chart-line i.review{background:#facc15!important}
html body .main.page-taskBoard .task-chart-line i.done{background:#16a34a!important}
html body .main.page-taskBoard .task-chart-line i.cancel{background:#777!important}
html body .main.page-taskBoard .task-status-tabs,
html[data-theme] body .main.page-taskBoard .task-status-tabs{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin-bottom:10px!important;
}

/* <<< runtime/legacy/styles/blocks/tasks/todo/compatibility-layout/001-base-slice-15-tasks-016-slice-15-part-02-seg-02-html-body-app-layout-mai-micro-01.css */


/* >>> runtime/legacy/styles/blocks/tasks/todo/compatibility-layout/001-base-slice-15-tasks-017-slice-15-part-02-seg-02-html-body-app-layout-mai-micro-02-unit-01.css */

html body .main.page-taskBoard .task-status-tabs button,
html[data-theme] body .main.page-taskBoard .task-status-tabs button,
html body .main.page-taskBoard .task-clear-pair,
html[data-theme] body .main.page-taskBoard .task-clear-pair{
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:rgba(255,255,255,.58)!important;
  min-height:30px!important;
  padding:0 10px!important;
  font-size:.75rem!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
html body .main.page-taskBoard .task-status-tabs button:hover,
html body .main.page-taskBoard .task-status-tabs button.active,
html body .main.page-taskBoard .task-clear-pair:hover,
html[data-theme] body .main.page-taskBoard .task-status-tabs button:hover,
html[data-theme] body .main.page-taskBoard .task-status-tabs button.active,
html[data-theme] body .main.page-taskBoard .task-clear-pair:hover{
  background:rgba(255,255,255,.075)!important;
  color:#fff!important;
}
html body .main.page-taskBoard .task-search-line,
html[data-theme] body .main.page-taskBoard .task-search-line{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
html body .main.page-taskBoard .task-search-line input,
html[data-theme] body .main.page-taskBoard .task-search-line input{
  flex:1 1 260px!important;
  min-height:34px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.035)!important;
  color:#f2f2f2!important;
  padding:0 12px!important;
  outline:0!important;
}
html body .main.page-taskBoard .task-search-line input:focus,
html[data-theme] body .main.page-taskBoard .task-search-line input:focus{
  border-color:rgba(255,255,255,.28)!important;
  box-shadow:0 0 0 3px rgba(255,255,255,.055)!important;
}
html body .main.page-taskBoard .task-board-list,
html[data-theme] body .main.page-taskBoard .task-board-list{
  display:grid!important;
  gap:6px!important;
}
html body .main.page-taskBoard .task-board-row,
html[data-theme] body .main.page-taskBoard .task-board-row{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:grid!important;
  grid-template-columns:78px minmax(220px,1fr) minmax(180px,.72fr) minmax(120px,.45fr)!important;
  gap:12px!important;
  align-items:center!important;
  width:100%!important;
  min-height:58px!important;
  padding:9px 10px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#ededed!important;
  text-align:left!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
html body .main.page-taskBoard .task-board-row:nth-of-type(even),
html[data-theme] body .main.page-taskBoard .task-board-row:nth-of-type(even){
  background:rgba(255,255,255,.035)!important;
}
html body .main.page-taskBoard .task-board-row:hover,
html[data-theme] body .main.page-taskBoard .task-board-row:hover{
  background:rgba(255,255,255,.075)!important;
}
html body .main.page-taskBoard .task-row-status,
html[data-theme] body .main.page-taskBoard .task-row-status{
  font-size:.72rem!important;
  font-weight:760!important;
  color:#fff!important;
}
html body .main.page-taskBoard .task-board-row.todo .task-row-status{color:#7dd3fc!important}
html body .main.page-taskBoard .task-board-row.review .task-row-status{color:#fde047!important}
html body .main.page-taskBoard .task-board-row.done .task-row-status{color:#86efac!important}
html body .main.page-taskBoard .task-board-row.cancel .task-row-status{color:#aaa!important}
html body .main.page-taskBoard .task-row-main,
html body .main.page-taskBoard .task-row-people,
html body .main.page-taskBoard .task-row-time,
html[data-theme] body .main.page-taskBoard .task-row-main,
html[data-theme] body .main.page-taskBoard .task-row-people,
html[data-theme] body .main.page-taskBoard .task-row-time{
  min-width:0!important;
}

/* <<< runtime/legacy/styles/blocks/tasks/todo/compatibility-layout/001-base-slice-15-tasks-017-slice-15-part-02-seg-02-html-body-app-layout-mai-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/tasks/todo/compatibility-layout/001-base-slice-15-tasks-018-slice-15-part-02-seg-02-html-body-app-layout-mai-micro-02-unit-02.css */

html body .main.page-taskBoard .task-row-main b,
html body .main.page-taskBoard .task-row-people b,
html body .main.page-taskBoard .task-row-time b,
html[data-theme] body .main.page-taskBoard .task-row-main b,
html[data-theme] body .main.page-taskBoard .task-row-people b,
html[data-theme] body .main.page-taskBoard .task-row-time b{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#f6f6f6!important;
  font-size:.83rem!important;
}
html body .main.page-taskBoard .task-row-main small,
html body .main.page-taskBoard .task-row-people small,
html body .main.page-taskBoard .task-row-time small,
html[data-theme] body .main.page-taskBoard .task-row-main small,
html[data-theme] body .main.page-taskBoard .task-row-people small,
html[data-theme] body .main.page-taskBoard .task-row-time small{
  display:block!important;
  margin-top:4px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:rgba(255,255,255,.43)!important;
  font-size:.7rem!important;
}
html body .main.page-taskBoard .task-row-time i,
html[data-theme] body .main.page-taskBoard .task-row-time i{
  font-style:normal!important;
  color:#f87171!important;
}

/* <<< runtime/legacy/styles/blocks/tasks/todo/compatibility-layout/001-base-slice-15-tasks-018-slice-15-part-02-seg-02-html-body-app-layout-mai-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-15-shared-cross-surface-019-slice-15-part-02-seg-02-html-body-app-layout-mai-micro-03.css */

html body .main.page-taskBoard .pager,
html[data-theme] body .main.page-taskBoard .pager{
  margin-top:8px!important;
}
@media(max-width:980px){
  html body .main.page-taskBoard .task-board-hero,
  html body .main.page-taskBoard .task-board-grid,
  html[data-theme] body .main.page-taskBoard .task-board-hero,
  html[data-theme] body .main.page-taskBoard .task-board-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .main.page-taskBoard .task-board-metrics,
  html[data-theme] body .main.page-taskBoard .task-board-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body .main.page-taskBoard .task-board-row,
  html[data-theme] body .main.page-taskBoard .task-board-row{
    grid-template-columns:1fr!important;
    gap:5px!important;
    padding:10px!important;
  }
}
html body .main.page-nasStorage .nas-hero.nas-hero-empty,
html[data-theme] body .main.page-nasStorage .nas-hero.nas-hero-empty{
  grid-template-columns:minmax(300px,.82fr) minmax(280px,.58fr)!important;
  min-height:clamp(360px,48vh,520px)!important;
  overflow:hidden!important;
}
html body .main.page-nasStorage .nas-hero.nas-hero-empty .nas-hero-copy,
html[data-theme] body .main.page-nasStorage .nas-hero.nas-hero-empty .nas-hero-copy{
  justify-content:center!important;
}
html body .main.page-nasStorage .nas-empty-note,
html[data-theme] body .main.page-nasStorage .nas-empty-note{
  display:block!important;
  margin-top:16px!important;
  max-width:62ch!important;
  color:rgba(255,255,255,.42)!important;
  font-size:.76rem!important;
  line-height:1.55!important;
}
html body .main.page-nasStorage .nas-create-visual,
html[data-theme] body .main.page-nasStorage .nas-create-visual{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  place-items:center!important;
  min-height:300px!important;
  border-left:1px solid rgba(255,255,255,.055)!important;
  background:
    radial-gradient(circle at 50% 38%,rgba(255,255,255,.13),transparent 35%),
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01))!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-15-shared-cross-surface-019-slice-15-part-02-seg-02-html-body-app-layout-mai-micro-03.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-15-application-layout-020-slice-15-part-03-seg-01-html-body-app-layout-mai-fine-01-short-01.css */

/* Legacy ordered base slice 15 part 03; split from 001-base-slice-15-html-body-app-layout-mai.css. Keep import order stable. */
html body .main.page-nasStorage .nas-create-card-model,
html[data-theme] body .main.page-nasStorage .nas-create-card-model{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative!important;
  width:min(320px,72%)!important;
  min-height:220px!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:11px!important;
  padding:24px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:24px!important;
  color:#f4f4f4!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025)),
    rgba(9,9,10,.32)!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:blur(18px)!important;
  backdrop-filter:blur(18px)!important;
  cursor:pointer!important;
  overflow:hidden!important;
}
html body .main.page-nasStorage .nas-create-card-model::before,
html[data-theme] body .main.page-nasStorage .nas-create-card-model::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 18% 12%,rgba(255,255,255,.18),transparent 30%),
    linear-gradient(120deg,rgba(255,255,255,.1),transparent 44%,rgba(255,255,255,.055))!important;
}
html body .main.page-nasStorage .nas-create-card-model:hover,
html[data-theme] body .main.page-nasStorage .nas-create-card-model:hover{
  z-index:var(--mc-model-lift-z,80)!important;
  transform:translateY(var(--mc-model-lift-y-card,-3px)) scale(var(--mc-model-lift-scale-card,1.01))!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035)),
    rgba(9,9,10,.34)!important;
}
html body .main.page-nasStorage .nas-create-card-model span,
html[data-theme] body .main.page-nasStorage .nas-create-card-model span{
  position:relative!important;
  z-index:1!important;
  width:52px!important;
  height:52px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  font-size:2rem!important;
  line-height:1!important;
  font-weight:260!important;
}
html body .main.page-nasStorage .nas-create-card-model b,
html body .main.page-nasStorage .nas-create-card-model small,
html[data-theme] body .main.page-nasStorage .nas-create-card-model b,
html[data-theme] body .main.page-nasStorage .nas-create-card-model small{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  text-align:center!important;
}
html body .main.page-nasStorage .nas-create-card-model b,
html[data-theme] body .main.page-nasStorage .nas-create-card-model b{
  font-size:1rem!important;
  font-weight:720!important;
  color:#fff!important;
}
html body .main.page-nasStorage .nas-create-card-model small,
html[data-theme] body .main.page-nasStorage .nas-create-card-model small{
  font-size:.74rem!important;
  color:rgba(255,255,255,.52)!important;
}
@media(max-width:860px){
  html body .main.page-nasStorage .nas-hero.nas-hero-empty,
  html[data-theme] body .main.page-nasStorage .nas-hero.nas-hero-empty{
    grid-template-columns:1fr!important;
  }
  html body .main.page-nasStorage .nas-create-visual,
  html[data-theme] body .main.page-nasStorage .nas-create-visual{
    border-left:0!important;
    border-top:1px solid rgba(255,255,255,.055)!important;
  }
}
html body .app .layout > .main.page-contacts .contact-search.stable,
html[data-theme] body .app .layout > .main.page-contacts .contact-search.stable{
  display:block!important;
  width:100%!important;
  min-height:52px!important;
  margin:0!important;
  padding:10px 10px 8px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-15-application-layout-020-slice-15-part-03-seg-01-html-body-app-layout-mai-fine-01-short-01.css */


/* >>> runtime/legacy/styles/blocks/contacts/preview/compatibility-layout/001-base-slice-15-contacts-021-slice-15-part-03-seg-01-html-body-app-layout-mai-fine-01-short-02.css */

html body .app .layout > .main.page-contacts .contact-search.stable .input,
html[data-theme] body .app .layout > .main.page-contacts .contact-search.stable .input{
  display:block!important;
  width:100%!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 13px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.042)!important;
  color:#f2f2f2!important;
  box-shadow:none!important;
  outline:0!important;
}
html body .app .layout > .main.page-contacts .contact-search.stable .input:focus,
html[data-theme] body .app .layout > .main.page-contacts .contact-search.stable .input:focus{
  border-color:rgba(255,255,255,.24)!important;
  box-shadow:0 0 0 3px rgba(255,255,255,.045)!important;
}
html body .main.page-contacts .chat-head .mobile-chat-back,
html[data-theme] body .main.page-contacts .chat-head .mobile-chat-back{
  display:none!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .app .layout > .main.page-contacts .contact-search.stable,
  html[data-theme] body .app .layout > .main.page-contacts .contact-search.stable{
    position:sticky!important;
    top:0!important;
    z-index:2!important;
    min-height:50px!important;
    padding:6px 0 8px!important;
    background:var(--bg)!important;
  }
  html body .app .layout > .main.page-contacts .contact-search.stable .input,
  html[data-theme] body .app .layout > .main.page-contacts .contact-search.stable .input{
    min-height:40px!important;
    border-radius:16px!important;
  }
  html body .main.page-contacts .contacts-chat-only .chat-head,
  html[data-theme] body .main.page-contacts .contacts-chat-only .chat-head{
    grid-template-columns:1fr auto!important;
    gap:10px!important;
    padding:8px 2px 10px!important;
  }
}

/* <<< runtime/legacy/styles/blocks/contacts/preview/compatibility-layout/001-base-slice-15-contacts-021-slice-15-part-03-seg-01-html-body-app-layout-mai-fine-01-short-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-15-application-layout-022-slice-15-part-03-seg-01-html-body-app-layout-mai-fine-02-unit-01.css */

/* Final surface contract: shell has no color backdrop; content keeps its own neutral layer. */
html body,
html[data-theme] body{
  --mc-content-layer:
    radial-gradient(780px 520px at 18% -12%,rgba(255,255,255,.035),transparent 72%),
    linear-gradient(180deg,#1a1b1a 0%,#151615 100%);
  --mc-layer-line:rgba(236,238,232,.125);
  --mc-layer-line-soft:rgba(236,238,232,.070);
}
html body .app,
html[data-theme] body .app{
  background:#050605!important;
  background-image:none!important;
}
html body .app > .topbar,
html body .app .layout > .side,
html[data-theme] body .app > .topbar,
html[data-theme] body .app .layout > .side{
  background:transparent!important;
  background-image:none!important;
  background-attachment:scroll!important;
  border:0!important;
  box-shadow:none!important;
}
html body .app .layout > .main,
html[data-theme] body .app .layout > .main{
  background:var(--mc-content-layer)!important;
  background-attachment:fixed!important;
  border:0!important;
  box-shadow:none!important;
}
html body .app :where(.panel,.stat,.table-wrap,.settings-card,.role-page,.att-report-shell,.att-rule-shell,.settings-shell,.employee-org-panel,.employee-table-panel,.live-room-head,.nd-page-head,.workbench-unified,.workbench-clean,.comms-layout,.notif-drop,.glass-select-list):not(.hud-card):not(.oa-template-card):not(.nas-create-card-model),
html[data-theme] body .app :where(.panel,.stat,.table-wrap,.settings-card,.role-page,.att-report-shell,.att-rule-shell,.settings-shell,.employee-org-panel,.employee-table-panel,.live-room-head,.nd-page-head,.workbench-unified,.workbench-clean,.comms-layout,.notif-drop,.glass-select-list):not(.hud-card):not(.oa-template-card):not(.nas-create-card-model){
  box-shadow:none!important;
  border-color:var(--mc-layer-line-soft)!important;
}
html body .app .layout .main :where(.info-list .r,.feed .fi,.contact-item,.chat-list-item,.role-list-item,.org-mini-row,.org-pick-row,.live-floor-row,.live-room-mini,.live-device-row,.live-floor-overview-row,.nd-service-row,.nd-script-row,.nd-policy-item,.att-dept-row,.att-bar-row,.att-watch-manage-list>*),
html[data-theme] body .app .layout .main :where(.info-list .r,.feed .fi,.contact-item,.chat-list-item,.role-list-item,.org-mini-row,.org-pick-row,.live-floor-row,.live-room-mini,.live-device-row,.live-floor-overview-row,.nd-service-row,.nd-script-row,.nd-policy-item,.att-dept-row,.att-bar-row,.att-watch-manage-list>*){
  border:0!important;
  box-shadow:none!important;
}
html body .app .layout > .side .nav,
html[data-theme] body .app .layout > .side .nav{
  border:0!important;
  box-shadow:none!important;
}
html body .app .layout > .side .nav::before,
html body .app .layout > .side .nav::after,
html[data-theme] body .app .layout > .side .nav::before,
html[data-theme] body .app .layout > .side .nav::after{
  display:none!important;
  content:none!important;
}
html body .main.page-records :where(.att-rule-unified,.att-rule-content,.att-rule-section.compact,.sortable-section,.att-rule-settings-section,.att-setting-panel,.att-rule-table,.att-rule-content .table-wrap),
html[data-theme] body .main.page-records :where(.att-rule-unified,.att-rule-content,.att-rule-section.compact,.sortable-section,.att-rule-settings-section,.att-setting-panel,.att-rule-table,.att-rule-content .table-wrap){
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-workbench .workbench-ann-slot .ann-banner,
html[data-theme] body .app .layout > .main.page-workbench .workbench-ann-slot .ann-banner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:clamp(58px,7vh,74px)!important;
  padding:8px 12px!important;
  line-height:1.15!important;
}
html body .app .layout > .main.page-workbench .workbench-ann-slot .ann-body,
html[data-theme] body .app .layout > .main.page-workbench .workbench-ann-slot .ann-body{
  display:grid!important;
  align-content:center!important;
  gap:3px!important;
  min-width:0!important;
  margin:0!important;
}
html body .app .layout > .main.page-workbench .workbench-ann-slot .ann-body b,
html body .app .layout > .main.page-workbench .workbench-ann-slot .ann-body span,
html[data-theme] body .app .layout > .main.page-workbench .workbench-ann-slot .ann-body b,
html[data-theme] body .app .layout > .main.page-workbench .workbench-ann-slot .ann-body span{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body .app .layout > .main.page-workbench .workbench-ann-slot .ann-body b,
html[data-theme] body .app .layout > .main.page-workbench .workbench-ann-slot .ann-body b{
  font-size:var(--mc-type-emphasized-body,.82rem)!important;
  line-height:1.12!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-15-application-layout-022-slice-15-part-03-seg-01-html-body-app-layout-mai-fine-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-15-shared-cross-surface-023-slice-15-part-03-seg-01-html-body-app-layout-mai-fine-02-unit-02.css */

html body .app .layout > .main.page-workbench .workbench-ann-slot .ann-body span,
html[data-theme] body .app .layout > .main.page-workbench .workbench-ann-slot .ann-body span{
  font-size:var(--mc-type-secondary-body,.76rem)!important;
  line-height:1.18!important;
  opacity:.84!important;
}
html body .app .layout > .main.page-workbench .workbench-ann-slot .ann-badge,
html[data-theme] body .app .layout > .main.page-workbench .workbench-ann-slot .ann-badge{
  align-self:center!important;
  justify-self:end!important;
  margin:0!important;
  padding:3px 9px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.16)!important;
  color:rgba(255,255,255,.9)!important;
  font-size:.7rem!important;
  line-height:1!important;
  white-space:nowrap!important;
}
html body .app .layout > .main.page-workbench .workbench-ann-slot .ann-arr,
html[data-theme] body .app .layout > .main.page-workbench .workbench-ann-slot .ann-arr{
  align-self:center!important;
  justify-self:end!important;
  margin:0!important;
  font-size:1.14rem!important;
  line-height:1!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-15-shared-cross-surface-023-slice-15-part-03-seg-01-html-body-app-layout-mai-fine-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-15-workbench-024-slice-15-part-03-seg-01-html-body-app-layout-mai-fine-03-malformed-retained.css */

html body .app .layout > .main.page-workbench .workbench-notif-slot .workbench-msg-feed .fi.msg-one-line,
html[data-theme] body .app .layout > .main.page-workbench .workbench-notif-slot .workbench-msg-feed .fi.msg-one-line{
  display:grid!important;
  grid-template-columns:minmax(44px,64px) minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:10px!important;
  min-height:36px!important;
  margin:0!important;
  padding:7px 2px!important;
  line-height:1.15!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-bottom:1px solid rgba(244,244,241,.06)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-workbench .workbench-notif-slot .workbench-msg-feed .fi.msg-one-line:last-child,
html[data-theme] body .app .layout > .main.page-workbench .workbench-notif-slot .workbench-msg-feed .fi.msg-one-line:last-child{
  border-bottom:0!important;
}
html body .app .layout > .main.page-workbench .workbench-notif-slot .workbench-msg-feed .fi.msg-one-line:hover,
html[data-theme] body .app .layout > .main.page-workbench .workbench-notif-slot .workbench-msg-feed .fi.msg-one-line:hover{
  background:rgba(255,255,255,.035)!important;
  transform:none!important;
}
html body .app .layout > .main.page-workbench .workbench-notif-slot .workbench-msg-feed .fi.msg-one-line .ft,
html[data-theme] body .app .layout > .main.page-workbench .workbench-notif-slot .workbench-msg-feed .fi.msg-one-line .ft{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:start!important;
  min-width:40px!important;
  max-width:64px!important;
  height:20px!important;
  padding:0 7px!important;
  border:0!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--msg,#9ca3af) 18%,transparent)!important;
  box-shadow:none!important;
  color:color-mix(in srgb,var(--msg,#d1d5db) 72%,#fff)!important;
  font-size:.66rem!important;
  font-weight:650!important;
  line-height:1!important;
  overflow:hidden!important;
  text-align:center!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body .app .layout > .main.page-workbench .workbench-notif-slot .workbench-msg-feed .fi.msg-one-line .msg-line,
html[data-theme] body .app .layout > .main.page-workbench .workbench-notif-slot .workbench-msg-feed .fi.msg-one-line .msg-line{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:rgba(244,244,241,.72)!important;
  font-size:.76rem!important;
  line-height:1.18!important;
}
html body .app .layout > .main.page-workbench .workbench-notif-slot .workbench-msg-feed .fi.msg-one-line .msg-line b,

/* <<< runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-15-workbench-024-slice-15-part-03-seg-01-html-body-app-layout-mai-fine-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-15-workbench-025-slice-15-part-03-seg-02-html-body-app-layout-mai-compact-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-15-part-03-html-body-app-layout-mai.css. Keep import order stable. */
html[data-theme] body .app .layout > .main.page-workbench .workbench-notif-slot .workbench-msg-feed .fi.msg-one-line .msg-line b{
  display:inline!important;
  color:var(--msg,#f4f4f1)!important;
  font-size:.78rem!important;
  font-weight:680!important;
  line-height:1.18!important;
  white-space:nowrap!important;
}

/* <<< runtime/legacy/styles/blocks/shell/workbench/compatibility-layout/001-base-slice-15-workbench-025-slice-15-part-03-seg-02-html-body-app-layout-mai-compact-01.css */


/* >>> runtime/legacy/styles/blocks/overlays/secondary-modal/compatibility-layout/001-base-slice-15-secondary-modal-026-slice-15-part-03-seg-02-html-body-app-layout-mai-compact-02-short-01.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body,
  html[data-theme] body{
    --mc-mobile-surface-h:calc(100dvh - var(--mc-topbar-h,56px) - 76px - env(safe-area-inset-bottom));
  }
  html body.mobile-secondary-open,
  html[data-theme] body.mobile-secondary-open{
    overflow:hidden!important;
  }
  html body .app .layout,
  html[data-theme] body .app .layout{
    height:var(--mc-mobile-surface-h)!important;
    min-height:var(--mc-mobile-surface-h)!important;
    max-height:var(--mc-mobile-surface-h)!important;
    overflow:hidden!important;
    padding-bottom:0!important;
  }
  html body .app .layout > .main,
  html[data-theme] body .app .layout > .main{
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding:12px 12px 8px!important;
  }
  html body .app .layout > .main.page-workbench,
  html[data-theme] body .app .layout > .main.page-workbench,
  html body .app .layout > .main.page-liveRooms,
  html[data-theme] body .app .layout > .main.page-liveRooms{
    overflow:hidden!important;
  }
  html body #modal,
  html[data-theme] body #modal{
    position:relative!important;
    z-index:2147483200!important;
  }
  html body #modal .overlay.mobile-fullscreen-overlay,
  html[data-theme] body #modal .overlay.mobile-fullscreen-overlay{
    position:fixed!important;
    inset:0!important;
    z-index:2147483200!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    padding:0!important;
    background:rgba(5,6,5,.96)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
    backdrop-filter:blur(18px) saturate(1.08)!important;
  }
  html body #modal .overlay.mobile-fullscreen-overlay .modal.mobile-fullscreen-modal,
  html body #modal .overlay.mobile-fullscreen-overlay .modal.mobile-fullscreen-modal.lg,
  html[data-theme] body #modal .overlay.mobile-fullscreen-overlay .modal.mobile-fullscreen-modal,
  html[data-theme] body #modal .overlay.mobile-fullscreen-overlay .modal.mobile-fullscreen-modal.lg{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:100dvh!important;
    max-height:100dvh!important;
    min-height:100dvh!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:var(--mc-content-layer)!important;
    color:#f4f4f1!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    overflow:hidden!important;
  }
  html body #modal .mobile-fullscreen-modal .m-head,
  html[data-theme] body #modal .mobile-fullscreen-modal .m-head{
    position:relative!important;
    top:auto!important;
    z-index:2!important;
    min-height:54px!important;
    padding:calc(12px + env(safe-area-inset-top)) 14px 11px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:inset 0 -1px 0 var(--mc-layer-line-soft)!important;
  }
  html body #modal .mobile-fullscreen-modal .m-head h3,
  html[data-theme] body #modal .mobile-fullscreen-modal .m-head h3{
    margin:0!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:1rem!important;
    font-weight:520!important;
    color:#f4f4f1!important;
  }
  html body #modal .mobile-fullscreen-modal .m-head .x,
  html[data-theme] body #modal .mobile-fullscreen-modal .m-head .x{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.055)!important;
    color:#f4f4f1!important;
    box-shadow:none!important;
    font-size:1.35rem!important;
  }
}

/* <<< runtime/legacy/styles/blocks/overlays/secondary-modal/compatibility-layout/001-base-slice-15-secondary-modal-026-slice-15-part-03-seg-02-html-body-app-layout-mai-compact-02-short-01.css */


/* >>> runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-15-organization-027-slice-15-part-03-seg-02-html-body-app-layout-mai-compact-02-short-02.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body #modal .mobile-fullscreen-modal .m-body,
  html[data-theme] body #modal .mobile-fullscreen-modal .m-body{
    min-height:0!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding:14px 14px calc(16px + env(safe-area-inset-bottom))!important;
    background:transparent!important;
  }
  html body #modal .mobile-fullscreen-modal .m-foot,
  html[data-theme] body #modal .mobile-fullscreen-modal .m-foot{
    position:relative!important;
    bottom:auto!important;
    display:flex!important;
    gap:8px!important;
    flex-wrap:wrap!important;
    padding:10px 14px calc(12px + env(safe-area-inset-bottom))!important;
    background:transparent!important;
    border:0!important;
    box-shadow:inset 0 1px 0 var(--mc-layer-line-soft)!important;
  }
  html body #modal .mobile-fullscreen-modal .m-foot .btn,
  html[data-theme] body #modal .mobile-fullscreen-modal .m-foot .btn{
    flex:1 1 auto!important;
    min-height:42px!important;
    justify-content:center!important;
  }
  html body #modal .mobile-fullscreen-modal :where(.row2,.row3,.live-room-form-grid,.account-modal-grid,.geo-pick-summary,.tpl-hero-grid,.tpl-lite-grid,.tpl-flow-wrap,.tpl-builder-top,.tpl-design-grid,.tpl-flow-grid),
  html[data-theme] body #modal .mobile-fullscreen-modal :where(.row2,.row3,.live-room-form-grid,.account-modal-grid,.geo-pick-summary,.tpl-hero-grid,.tpl-lite-grid,.tpl-flow-wrap,.tpl-builder-top,.tpl-design-grid,.tpl-flow-grid){
    grid-template-columns:1fr!important;
  }
  html body #modal .mobile-fullscreen-modal :where(.panel,.table-wrap,.stat,.geo-stat,.select-summary,.org-pick-list,.org-simple-pick,.org-pick-modal,.tpl-zone,.tpl-card,.settings-card,.perm-grp),
  html[data-theme] body #modal .mobile-fullscreen-modal :where(.panel,.table-wrap,.stat,.geo-stat,.select-summary,.org-pick-list,.org-simple-pick,.org-pick-modal,.tpl-zone,.tpl-card,.settings-card,.perm-grp){
    box-shadow:none!important;
    border-color:var(--mc-layer-line-soft)!important;
  }
  html body #modal .mobile-fullscreen-modal :where(.org-pick-list,.org-simple-pick),
  html[data-theme] body #modal .mobile-fullscreen-modal :where(.org-pick-list,.org-simple-pick){
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    max-height:none!important;
  }
  html body #modal .mobile-fullscreen-modal :where(.table-wrap,.org-pick-list,.org-simple-pick,.tpl-phone-screen),
  html[data-theme] body #modal .mobile-fullscreen-modal :where(.table-wrap,.org-pick-list,.org-simple-pick,.tpl-phone-screen){
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
}

/* <<< runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-15-organization-027-slice-15-part-03-seg-02-html-body-app-layout-mai-compact-02-short-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility/001-base-slice-15-enterprise-entry.css */

/* Enterprise compatibility entry. Ordered semantic owners preserve the original slice-15 cascade. */

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility/001-base-slice-15-enterprise-entry.css */


/* >>> runtime/legacy/styles/index-parts/index-part-04.css */

/* Legacy CSS entry part 4/7. Keep import order stable. */

/* <<< runtime/legacy/styles/index-parts/index-part-04.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-16-application-layout-001-slice-16-part-01-seg-01-html-body-app-layout-mai-fine-01-short-01.css */

/* Legacy ordered base slice 16 part 01; split from 001-base-slice-16-html-body-app-layout-mai.css. Keep import order stable. */

html body .app .layout > .main.page-templates > .tpl-list,
html[data-theme] body .app .layout > .main.page-templates > .tpl-list{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(270px,1fr))!important;
  gap:14px!important;
  padding:0!important;
  margin-top:10px!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app .layout > .main.page-templates .tpl-card.tpl-color-card,
html[data-theme] body .app .layout > .main.page-templates .tpl-card.tpl-color-card{
  position:relative!important;
  isolation:isolate!important;
  min-height:132px!important;
  padding:15px 16px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  gap:11px!important;
  overflow:hidden!important;
  border:0!important;
  border-bottom:0!important;
  border-radius:20px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 18% 12%,rgba(255,255,255,.34),transparent 28%),
    radial-gradient(circle at 92% 0%,rgba(255,255,255,.19),transparent 34%),
    var(--mc-hud-gradient)!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  transform:translateZ(0)!important;
  transition:transform .18s ease,filter .18s ease!important;
}
html body .app .layout > .main.page-templates .tpl-card.tpl-color-card::before,
html[data-theme] body .app .layout > .main.page-templates .tpl-card.tpl-color-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:
    linear-gradient(120deg,rgba(255,255,255,.15),transparent 38%,rgba(255,255,255,.07))!important;
  opacity:.38!important;
  pointer-events:none!important;
}
html body .app .layout > .main.page-templates .tpl-card.tpl-color-card::after,
html[data-theme] body .app .layout > .main.page-templates .tpl-card.tpl-color-card::after{
  content:attr(data-icon)!important;
  position:absolute!important;
  right:4px!important;
  top:-14px!important;
  z-index:-1!important;
  max-width:160px!important;
  color:rgba(255,255,255,.34)!important;
  font-size:5.2rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:0!important;
  opacity:.13!important;
  transform:rotate(-8deg) scale(1.02)!important;
  filter:blur(.2px)!important;
  pointer-events:none!important;
}
html body .app .layout > .main.page-templates .tpl-card.tpl-color-card:hover,
html[data-theme] body .app .layout > .main.page-templates .tpl-card.tpl-color-card:hover{
  z-index:var(--mc-model-lift-z,80)!important;
  transform:translateY(var(--mc-model-lift-y-card,-3px)) scale(var(--mc-model-lift-scale-card,1.01))!important;
  filter:brightness(1.055) saturate(1.04)!important;
  background:
    radial-gradient(circle at 18% 12%,rgba(255,255,255,.38),transparent 28%),
    radial-gradient(circle at 92% 0%,rgba(255,255,255,.23),transparent 34%),
    var(--mc-hud-gradient)!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-templates .tpl-card.tpl-color-card.disabled,
html[data-theme] body .app .layout > .main.page-templates .tpl-card.tpl-color-card.disabled{
  filter:saturate(.72) brightness(.88)!important;
}
html body .app .layout > .main.page-templates .tpl-card.tpl-color-card.disabled:hover,
html[data-theme] body .app .layout > .main.page-templates .tpl-card.tpl-color-card.disabled:hover{
  filter:saturate(.82) brightness(.96)!important;
}
html body .app .layout > .main.page-templates .tpl-card.tpl-color-card .tpl-card-main,
html[data-theme] body .app .layout > .main.page-templates .tpl-card.tpl-color-card .tpl-card-main{
  min-width:0!important;
  position:relative!important;
  z-index:1!important;
}
html body .app .layout > .main.page-templates .tpl-card-top,
html[data-theme] body .app .layout > .main.page-templates .tpl-card-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:8px!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-16-application-layout-001-slice-16-part-01-seg-01-html-body-app-layout-mai-fine-01-short-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-16-application-layout-002-slice-16-part-01-seg-01-html-body-app-layout-mai-fine-01-short-02.css */

html body .app .layout > .main.page-templates .tpl-card-top span,
html[data-theme] body .app .layout > .main.page-templates .tpl-card-top span,
html body .app .layout > .main.page-templates .tpl-card-top em,
html[data-theme] body .app .layout > .main.page-templates .tpl-card-top em{
  font-style:normal!important;
  font-size:.68rem!important;
  line-height:1!important;
  color:rgba(255,255,255,.78)!important;
  text-shadow:none!important;
  white-space:nowrap!important;
}
html body .app .layout > .main.page-templates .tpl-card-top em,
html[data-theme] body .app .layout > .main.page-templates .tpl-card-top em{
  color:rgba(255,255,255,.90)!important;
}
html body .app .layout > .main.page-templates .tpl-card.tpl-color-card .tpl-card-main b,
html[data-theme] body .app .layout > .main.page-templates .tpl-card.tpl-color-card .tpl-card-main b{
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  color:#fff!important;
  font-size:1.08rem!important;
  font-weight:720!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body .app .layout > .main.page-templates .tpl-card.tpl-color-card .tpl-card-main p,
html[data-theme] body .app .layout > .main.page-templates .tpl-card.tpl-color-card .tpl-card-main p{
  margin:7px 0 0!important;
  max-width:calc(100% - 28px)!important;
  color:rgba(255,255,255,.74)!important;
  font-size:.72rem!important;
  line-height:1.28!important;
  display:-webkit-box!important;
  -webkit-line-clamp:1!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  white-space:normal!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-16-application-layout-002-slice-16-part-01-seg-01-html-body-app-layout-mai-fine-01-short-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-16-application-layout-003-slice-16-part-01-seg-01-html-body-app-layout-mai-fine-02-short-01.css */

html body .app .layout > .main.page-templates .tpl-card.tpl-color-card .tpl-card-actions,
html[data-theme] body .app .layout > .main.page-templates .tpl-card.tpl-color-card .tpl-card-actions{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  padding-top:2px!important;
}
html body .app .layout > .main.page-templates .tpl-card.tpl-color-card .tpl-card-actions button,
html[data-theme] body .app .layout > .main.page-templates .tpl-card.tpl-color-card .tpl-card-actions button{
  appearance:none!important;
  -webkit-appearance:none!important;
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  color:rgba(255,255,255,.82)!important;
  box-shadow:none!important;
  outline:0!important;
  font-size:.72rem!important;
  line-height:1.15!important;
  font-weight:650!important;
}
html body .app .layout > .main.page-templates .tpl-card.tpl-color-card .tpl-card-actions button:hover,
html[data-theme] body .app .layout > .main.page-templates .tpl-card.tpl-color-card .tpl-card-actions button:hover{
  color:#fff!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
  transform:none!important;
}
html body .app .layout > .main.page-templates .tpl-card.tpl-color-card .tpl-card-actions button.danger,
html[data-theme] body .app .layout > .main.page-templates .tpl-card.tpl-color-card .tpl-card-actions button.danger{
  color:rgba(255,230,230,.86)!important;
}
html body .app .layout > .main.page-templates .tpl-empty,
html[data-theme] body .app .layout > .main.page-templates .tpl-empty{
  grid-column:1 / -1!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .app .layout > .main.page-templates > .tpl-list,
  html[data-theme] body .app .layout > .main.page-templates > .tpl-list{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  html body .app .layout > .main.page-templates .tpl-card.tpl-color-card,
  html[data-theme] body .app .layout > .main.page-templates .tpl-card.tpl-color-card{
    min-height:126px!important;
    padding:15px!important;
  }
}
html body .main.page-liveRooms .live-room-stage-wrap,
html[data-theme] body .main.page-liveRooms .live-room-stage-wrap{
  overflow:hidden!important;
}
html body .main.page-liveRooms .live-building-switch,
html[data-theme] body .main.page-liveRooms .live-building-switch{
  position:absolute!important;
  top:50%!important;
  z-index:7!important;
  width:min(172px,18vw)!important;
  min-width:126px!important;
  height:min(220px,42vh)!important;
  min-height:154px!important;
  padding:26px 18px!important;
  border:0!important;
  border-radius:22px!important;
  color:rgba(247,247,243,.92)!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.090),transparent 62%),
    linear-gradient(180deg,rgba(255,255,255,.070),rgba(255,255,255,.018))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 18px 56px rgba(0,0,0,.18)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.08)!important;
  backdrop-filter:blur(14px) saturate(1.08)!important;
  display:grid!important;
  grid-template-rows:auto auto auto auto!important;
  align-content:center!important;
  gap:8px!important;
  opacity:.54!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  overflow:hidden!important;
  transform:translateY(-50%)!important;
  transition:opacity .18s ease,transform .18s ease,background .18s ease,filter .18s ease!important;
  touch-action:manipulation!important;
}
html body .main.page-liveRooms .live-building-switch.prev,
html[data-theme] body .main.page-liveRooms .live-building-switch.prev{
  left:18px!important;
  text-align:left!important;
  justify-items:start!important;
}
html body .main.page-liveRooms .live-building-switch.next,
html[data-theme] body .main.page-liveRooms .live-building-switch.next{
  right:18px!important;
  text-align:right!important;
  justify-items:end!important;
}
html body .main.page-liveRooms .live-building-switch span,
html[data-theme] body .main.page-liveRooms .live-building-switch span{
  position:relative!important;
  z-index:1!important;
  color:rgba(247,247,243,.52)!important;
  font-size:.68rem!important;
  line-height:1!important;
  font-weight:520!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-16-application-layout-003-slice-16-part-01-seg-01-html-body-app-layout-mai-fine-02-short-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-16-shared-cross-surface-004-slice-16-part-01-seg-01-html-body-app-layout-mai-fine-02-short-02.css */

html body .main.page-liveRooms .live-building-switch b,
html[data-theme] body .main.page-liveRooms .live-building-switch b{
  position:relative!important;
  z-index:1!important;
  max-width:100%!important;
  color:#fff!important;
  font-size:1.02rem!important;
  line-height:1.12!important;
  font-weight:650!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .main.page-liveRooms .live-building-switch small,
html body .main.page-liveRooms .live-building-switch em,
html[data-theme] body .main.page-liveRooms .live-building-switch small,
html[data-theme] body .main.page-liveRooms .live-building-switch em{
  position:relative!important;
  z-index:1!important;
  max-width:100%!important;
  color:rgba(247,247,243,.62)!important;
  font-size:.69rem!important;
  line-height:1.18!important;
  font-style:normal!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-16-shared-cross-surface-004-slice-16-part-01-seg-01-html-body-app-layout-mai-fine-02-short-02.css */


/* >>> runtime/legacy/styles/blocks/live-room/canvas/compatibility-layout/001-base-slice-16-live-room-005-slice-16-part-01-seg-01-html-body-app-layout-mai-fine-03.css */

html body .main.page-liveRooms .live-building-switch i,
html[data-theme] body .main.page-liveRooms .live-building-switch i{
  position:absolute!important;
  top:50%!important;
  z-index:0!important;
  color:rgba(255,255,255,.18)!important;
  font-family:Georgia,serif!important;
  font-size:7.8rem!important;
  line-height:.72!important;
  font-style:normal!important;
  font-weight:200!important;
  transform:translateY(-50%)!important;
  pointer-events:none!important;
  text-shadow:0 0 26px rgba(255,255,255,.08)!important;
}
html body .main.page-liveRooms .live-building-switch.prev i,
html[data-theme] body .main.page-liveRooms .live-building-switch.prev i{left:10px!important}
html body .main.page-liveRooms .live-building-switch.next i,
html[data-theme] body .main.page-liveRooms .live-building-switch.next i{right:10px!important}
html body .main.page-liveRooms .live-building-switch:hover,
html[data-theme] body .main.page-liveRooms .live-building-switch:hover{
  opacity:.92!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.16),transparent 64%),
    linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.030))!important;
  filter:brightness(1.08) saturate(1.06)!important;
}
html body .main.page-liveRooms .live-building-switch.prev:hover,
html[data-theme] body .main.page-liveRooms .live-building-switch.prev:hover{transform:translateY(-50%) translateX(4px)!important}
html body .main.page-liveRooms .live-building-switch.next:hover,
html[data-theme] body .main.page-liveRooms .live-building-switch.next:hover{transform:translateY(-50%) translateX(-4px)!important}
html body .main.page-liveRooms .live-switch-next .live-room-stage,
html[data-theme] body .main.page-liveRooms .live-switch-next .live-room-stage{
  animation:liveBuildingSwitchNext .62s cubic-bezier(.2,.74,.18,1) both!important;
}
html body .main.page-liveRooms .live-switch-prev .live-room-stage,
html[data-theme] body .main.page-liveRooms .live-switch-prev .live-room-stage{
  animation:liveBuildingSwitchPrev .62s cubic-bezier(.2,.74,.18,1) both!important;
}
html body .main.page-liveRooms .live-switch-next .live-room-overlay,
html[data-theme] body .main.page-liveRooms .live-switch-next .live-room-overlay,
html[data-theme] body .main.page-liveRooms .live-switch-next .live-room-overlay{
  animation:liveBuildingUiIn .48s ease both!important;
}
html body .main.page-liveRooms .live-switch-prev .live-room-overlay,
html[data-theme] body .main.page-liveRooms .live-switch-prev .live-room-overlay,
html[data-theme] body .main.page-liveRooms .live-switch-prev .live-room-overlay{
  animation:liveBuildingUiIn .48s ease both!important;
}

/* <<< runtime/legacy/styles/blocks/live-room/canvas/compatibility-layout/001-base-slice-16-live-room-005-slice-16-part-01-seg-01-html-body-app-layout-mai-fine-03.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-16-application-layout-006-slice-16-part-01-seg-02-html-body-app-layout-mai-micro-01-unit-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-16-part-01-html-body-app-layout-mai.css. Keep import order stable. */
@keyframes liveBuildingSwitchNext{
  0%{opacity:0;filter:blur(9px) brightness(.86);transform:perspective(1100px) translateX(86px) translateZ(-170px) rotateY(-9deg) scale(.92)}
  55%{opacity:1;filter:blur(1.5px) brightness(1.03);transform:perspective(1100px) translateX(-8px) translateZ(20px) rotateY(1deg) scale(1.012)}
  100%{opacity:1;filter:none;transform:perspective(1100px) translateX(0) translateZ(0) rotateY(0) scale(1)}
}
@keyframes liveBuildingSwitchPrev{
  0%{opacity:0;filter:blur(9px) brightness(.86);transform:perspective(1100px) translateX(-86px) translateZ(-170px) rotateY(9deg) scale(.92)}
  55%{opacity:1;filter:blur(1.5px) brightness(1.03);transform:perspective(1100px) translateX(8px) translateZ(20px) rotateY(-1deg) scale(1.012)}
  100%{opacity:1;filter:none;transform:perspective(1100px) translateX(0) translateZ(0) rotateY(0) scale(1)}
}
@keyframes liveBuildingUiIn{
  0%{opacity:0;filter:blur(6px)}
  100%{opacity:1;filter:none}
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .main.page-liveRooms .live-building-switch,
  html[data-theme] body .main.page-liveRooms .live-building-switch{
    width:78px!important;
    min-width:78px!important;
    height:132px!important;
    min-height:132px!important;
    padding:14px 9px!important;
    border-radius:18px!important;
    opacity:.68!important;
  }
  html body .main.page-liveRooms .live-building-switch.prev,
  html[data-theme] body .main.page-liveRooms .live-building-switch.prev{left:8px!important}
  html body .main.page-liveRooms .live-building-switch.next,
  html[data-theme] body .main.page-liveRooms .live-building-switch.next{right:8px!important}
  html body .main.page-liveRooms .live-building-switch span,
  html[data-theme] body .main.page-liveRooms .live-building-switch span,
  html body .main.page-liveRooms .live-building-switch small,
  html body .main.page-liveRooms .live-building-switch em,
  html[data-theme] body .main.page-liveRooms .live-building-switch small,
  html[data-theme] body .main.page-liveRooms .live-building-switch em{
    display:none!important;
  }
  html body .main.page-liveRooms .live-building-switch b,
  html[data-theme] body .main.page-liveRooms .live-building-switch b{
    font-size:.72rem!important;
    white-space:normal!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
  }
  html body .main.page-liveRooms .live-building-switch i,
  html[data-theme] body .main.page-liveRooms .live-building-switch i{
    font-size:5.2rem!important;
  }
}
html body .app .layout.layout > .main.main.page-records .att-pie-dashboard,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-pie-dashboard{
  align-items:center!important;
}
html body .app .layout.layout > .main.main.page-records .att-company-pie-panel,
html body .app .layout.layout > .main.main.page-records .att-company-overview,
html body .app .layout.layout > .main.main.page-records .att-company-pie-wrap,
html body .app .layout.layout > .main.main.page-records .att-pie-dashboard > .att-section,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-company-pie-panel,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-company-overview,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-company-pie-wrap,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-pie-dashboard > .att-section{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app .layout.layout > .main.main.page-records .att-company-overview .att-company-pie-wrap,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-company-overview .att-company-pie-wrap{
  min-height:238px!important;
  display:grid!important;
  grid-template-columns:minmax(244px,286px) minmax(142px,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  justify-content:center!important;
}
html body .app .layout.layout > .main.main.page-records .att-company-overview .att-main-pie-box,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-company-overview .att-main-pie-box{
  width:min(100%,286px)!important;
  height:236px!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  overflow:visible!important;
  isolation:isolate!important;
  cursor:pointer!important;
  transition:transform .18s ease,filter .18s ease!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-16-application-layout-006-slice-16-part-01-seg-02-html-body-app-layout-mai-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-16-shared-cross-surface-007-slice-16-part-01-seg-02-html-body-app-layout-mai-micro-01-unit-02.css */

html body .app .layout.layout > .main.main.page-records .att-company-overview .att-main-pie-box::before,
html body .app .layout.layout > .main.main.page-records .att-company-overview .att-main-pie-box::after,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-company-overview .att-main-pie-box::before,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-company-overview .att-main-pie-box::after{
  content:none!important;
  display:none!important;
}
html body .app .layout.layout > .main.main.page-records .att-company-overview .att-main-pie-box canvas,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-company-overview .att-main-pie-box canvas{
  width:100%!important;
  height:100%!important;
  filter:none!important;
  box-shadow:none!important;
}
html body .app .layout.layout > .main.main.page-records .att-company-overview .att-main-pie-box:hover,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-company-overview .att-main-pie-box:hover{
  transform:translateY(-2px) scale(1.012)!important;
}
html body .app .layout.layout > .main.main.page-records .att-company-overview .att-pie-center,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-company-overview .att-pie-center{
  width:104px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html body .app .layout.layout > .main.main.page-records .att-company-overview .att-pie-center b,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-company-overview .att-pie-center b{
  color:#f7f7f3!important;
  font-size:1.46rem!important;
  font-weight:860!important;
  letter-spacing:0!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-16-shared-cross-surface-007-slice-16-part-01-seg-02-html-body-app-layout-mai-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-16-application-layout-008-slice-16-part-01-seg-02-html-body-app-layout-mai-micro-02-unit-01.css */

html body .app .layout.layout > .main.main.page-records .att-company-overview .att-pie-center small,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-company-overview .att-pie-center small{
  color:rgba(247,247,243,.58)!important;
  font-size:.62rem!important;
  font-weight:560!important;
}
html body .app .layout.layout > .main.main.page-records .att-company-overview .att-pie-hover-tip,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-company-overview .att-pie-hover-tip{
  min-width:126px!important;
  max-width:188px!important;
  padding:8px 10px!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,rgba(11,12,11,.94),rgba(5,6,5,.98))!important;
  border:1px solid var(--att-tip-color)!important;
  box-shadow:none!important;
  color:#f7f7f3!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.08)!important;
  backdrop-filter:blur(12px) saturate(1.08)!important;
}
html body .app .layout.layout > .main.main.page-records .att-company-overview .att-pie-hover-tip b,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-company-overview .att-pie-hover-tip b{
  font-size:.72rem!important;
  color:#f7f7f3!important;
}
html body .app .layout.layout > .main.main.page-records .att-company-overview .att-pie-hover-tip span,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-company-overview .att-pie-hover-tip span{
  font-size:.60rem!important;
  color:rgba(247,247,243,.62)!important;
}
@media(max-width:900px){
  html body .app .layout.layout > .main.main.page-records .att-company-overview .att-company-pie-wrap,
  html[data-theme] body .app .layout.layout > .main.main.page-records .att-company-overview .att-company-pie-wrap{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
}
html body .app .layout.layout > .main.main.page-records .att-pie-card,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-pie-card{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
html body .app .layout.layout > .main.main.page-records .att-pie-card:hover,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-pie-card:hover{
  border:0!important;
  outline:0!important;
  box-shadow:0 14px 26px -24px rgba(0,0,0,.72)!important;
}
html body .app .layout.layout > .main.main.page-records .att-self-day.att-day-open.bg-ok.att-kind-early_leave,
html body .app .layout.layout > .main.main.page-records .att-self-day.att-day-open.bg-ok.att-kind-present_missing_out,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-self-day.att-day-open.bg-ok.att-kind-early_leave,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-self-day.att-day-open.bg-ok.att-kind-present_missing_out{
  background:rgba(22,163,74,.060)!important;
  border-color:rgba(22,163,74,.34)!important;
}
html body .app .layout.layout > .main.main.page-records .att-self-day.att-day-open.bg-ok.att-kind-early_leave small,
html body .app .layout.layout > .main.main.page-records .att-self-day.att-day-open.bg-ok.att-kind-present_missing_out small,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-self-day.att-day-open.bg-ok.att-kind-early_leave small,
html[data-theme] body .app .layout.layout > .main.main.page-records .att-self-day.att-day-open.bg-ok.att-kind-present_missing_out small{
  color:#fca5a5!important;
  font-weight:700!important;
}
html body .app .layout .main.page-employees .employee-admin-shell,
html[data-theme] body .app .layout .main.page-employees .employee-admin-shell{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app .layout .main.page-employees :where(.employee-table-panel,.employee-table-panel .table-wrap,.employee-table-panel .toolbar,.employee-admin-shell > .panel:not(.field-designer-panel),.employee-admin-shell > .panel:not(.field-designer-panel) .table-wrap,.employee-admin-shell > .panel:not(.field-designer-panel) .toolbar),
html[data-theme] body .app .layout .main.page-employees :where(.employee-table-panel,.employee-table-panel .table-wrap,.employee-table-panel .toolbar,.employee-admin-shell > .panel:not(.field-designer-panel),.employee-admin-shell > .panel:not(.field-designer-panel) .table-wrap,.employee-admin-shell > .panel:not(.field-designer-panel) .toolbar){
  background:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html body .app .layout .main.page-employees :where(.employee-table-panel,.employee-admin-shell > .panel:not(.field-designer-panel)){
  padding:0!important;
}
html body .app .layout .main.page-employees :where(.employee-table-panel .toolbar,.employee-admin-shell > .panel:not(.field-designer-panel) .toolbar){
  margin:0 0 9px!important;
  padding:0!important;
}
html body .app .layout .main.page-employees :where(.employee-table-panel,.employee-admin-shell > .panel:not(.field-designer-panel)) table,
html[data-theme] body .app .layout .main.page-employees :where(.employee-table-panel,.employee-admin-shell > .panel:not(.field-designer-panel)) table{
  border-collapse:collapse!important;
  border-spacing:0!important;
  background:transparent!important;
  background-image:none!important;
}
html body .app .layout .main.page-employees :where(.employee-table-panel,.employee-admin-shell > .panel:not(.field-designer-panel)) td,
html[data-theme] body .app .layout .main.page-employees :where(.employee-table-panel,.employee-admin-shell > .panel:not(.field-designer-panel)) td{
  border-bottom:1px solid rgba(244,244,241,.085)!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-16-application-layout-008-slice-16-part-01-seg-02-html-body-app-layout-mai-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-16-shared-cross-surface-009-slice-16-part-01-seg-02-html-body-app-layout-mai-micro-02-unit-02.css */

html body .app .layout .main.page-employees :where(.employee-table-panel,.employee-admin-shell > .panel:not(.field-designer-panel)) .table-wrap .btn.sm,
html[data-theme] body .app .layout .main.page-employees :where(.employee-table-panel,.employee-admin-shell > .panel:not(.field-designer-panel)) .table-wrap .btn.sm{
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:rgba(244,244,241,.76)!important;
}
html body .app .layout .main.page-employees :where(.employee-table-panel,.employee-admin-shell > .panel:not(.field-designer-panel)) .table-wrap .btn.sm:hover,
html[data-theme] body .app .layout .main.page-employees :where(.employee-table-panel,.employee-admin-shell > .panel:not(.field-designer-panel)) .table-wrap .btn.sm:hover{
  background:rgba(255,255,255,.065)!important;
  color:#f4f4f1!important;
}
html body .app .layout .main.page-employees :where(.field-designer-panel,.field-group-card,.field-group-head),
html[data-theme] body .app .layout .main.page-employees :where(.field-designer-panel,.field-group-card,.field-group-head){
  background:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html body .app .layout .main.page-employees .field-designer-panel,
html[data-theme] body .app .layout .main.page-employees .field-designer-panel{
  padding:0!important;
}
html body .app .layout .main.page-employees .field-group-card,
html[data-theme] body .app .layout .main.page-employees .field-group-card{
  padding:8px 0 12px!important;
  border-radius:0!important;
}
html body .app .layout .main.page-employees .field-row-list{
  gap:8px!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-16-shared-cross-surface-009-slice-16-part-01-seg-02-html-body-app-layout-mai-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-16-application-layout-010-slice-16-part-01-seg-02-html-body-app-layout-mai-micro-03.css */

html body .app .layout .main.page-employees .field-config-row,
html[data-theme] body .app .layout .main.page-employees .field-config-row{
  padding:10px 12px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.050),rgba(255,255,255,.018))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.070)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.10)!important;
  backdrop-filter:blur(18px) saturate(1.10)!important;
}
html body .app .layout .main.page-employees .field-config-row:hover,
html[data-theme] body .app .layout .main.page-employees .field-config-row:hover{
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.026))!important;
  border-color:rgba(255,255,255,.11)!important;
}
html body .app .layout .main.page-employees .field-config-actions :where(.btn,.x),
html[data-theme] body .app .layout .main.page-employees .field-config-actions :where(.btn,.x){
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:rgba(244,244,241,.72)!important;
}
html body .app .layout .main.page-employees .field-config-actions :where(.btn,.x):hover,
html[data-theme] body .app .layout .main.page-employees .field-config-actions :where(.btn,.x):hover{
  background:rgba(255,255,255,.070)!important;
  color:#f4f4f1!important;
}
html body .app .layout .main.page-networkDiag .nd-report-room.nd-report-room,
html[data-theme] body .app .layout .main.page-networkDiag .nd-report-room.nd-report-room{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app .layout.layout > .main.main.page-networkDiag .nd-report.nd-report .nd-report-room.nd-report-room table,
html[data-theme] body .app .layout.layout > .main.main.page-networkDiag .nd-report.nd-report .nd-report-room.nd-report-room table{
  background:transparent!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
}
html body .app .live-device-detail-list,
html[data-theme] body .app .live-device-detail-list{
  background:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-16-application-layout-010-slice-16-part-01-seg-02-html-body-app-layout-mai-micro-03.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-16-shared-cross-surface-011-slice-16-part-02-seg-01-html-body-app-layout-mai-fine-01-short-01.css */

/* Legacy ordered base slice 16 part 02; split from 001-base-slice-16-html-body-app-layout-mai.css. Keep import order stable. */
html body .app .live-device-detail-row,
html[data-theme] body .app .live-device-detail-row{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  background-image:none!important;
}
html body .app .live-device-detail-row:hover,
html[data-theme] body .app .live-device-detail-row:hover{
  background:rgba(255,255,255,.026)!important;
}
html body .app .live-device-detail-fields span,
html[data-theme] body .app .live-device-detail-fields span{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  padding:2px 0!important;
}
html body .app .layout > .main :where(.punch-orb,.attendance-orb),
html[data-theme] body .app .layout > .main :where(.punch-orb,.attendance-orb){
  gap:clamp(2px,.32vw,5px)!important;
  line-height:1!important;
  isolation:isolate!important;
}
html body .app .layout > .main :where(.punch-orb,.attendance-orb) :where(.orb-person,.orb-dept,.orb-now,.orb-time,.orb-shift,.orb-sub,.orb-meta,.orb-tiny),
html[data-theme] body .app .layout > .main :where(.punch-orb,.attendance-orb) :where(.orb-person,.orb-dept,.orb-now,.orb-time,.orb-shift,.orb-sub,.orb-meta,.orb-tiny){
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:min(100%,calc(100% - 18px))!important;
  max-width:calc(100% - 18px)!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  line-height:1.04!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:center!important;
}
html body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-person,
html[data-theme] body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-person{
  font-size:.84rem!important;
  line-height:1.05!important;
  font-weight:820!important;
}
html body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-dept,
html[data-theme] body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-dept{
  font-size:.62rem!important;
  line-height:1!important;
  font-weight:700!important;
  opacity:.74!important;
}
html body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-now,
html[data-theme] body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-now{
  font-size:2.05rem!important;
  line-height:.98!important;
  font-weight:940!important;
  color:#facc15!important;
  text-shadow:0 0 16px rgba(250,204,21,.30),0 7px 18px rgba(0,0,0,.34)!important;
}
html body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-now + .orb-time,
html[data-theme] body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-now + .orb-time,
html body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-time,
html[data-theme] body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-time{
  font-size:.74rem!important;
  line-height:1!important;
  font-weight:800!important;
  color:rgba(255,255,255,.78)!important;
  font-family:var(--mono)!important;
}
html body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-shift,
html[data-theme] body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-shift{
  font-size:var(--mc-type-body-control,.82rem)!important;
  line-height:1!important;
  font-weight:920!important;
  color:#fff0a3!important;
  font-family:var(--mono)!important;
}
html body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-sub,
html[data-theme] body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-sub{
  font-size:.84rem!important;
  line-height:1.05!important;
  font-weight:900!important;
  margin-top:1px!important;
}
html body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-meta,
html[data-theme] body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-meta{
  font-size:.64rem!important;
  line-height:1.05!important;
  font-weight:720!important;
  opacity:.76!important;
}
html body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-tiny,
html[data-theme] body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-tiny{
  font-size:.56rem!important;
  line-height:1!important;
  font-weight:700!important;
  opacity:.58!important;
}
html body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage .punch-orb .orb-now,
html[data-theme] body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage .punch-orb .orb-now{
  font-size:2.34rem!important;
}
html body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage .punch-orb .orb-now + .orb-time,
html[data-theme] body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage .punch-orb .orb-now + .orb-time{
  font-size:.80rem!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-16-shared-cross-surface-011-slice-16-part-02-seg-01-html-body-app-layout-mai-fine-01-short-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-16-shared-cross-surface-012-slice-16-part-02-seg-01-html-body-app-layout-mai-fine-01-short-02.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .app .layout > .main :where(.punch-orb,.attendance-orb),
  html[data-theme] body .app .layout > .main :where(.punch-orb,.attendance-orb){
    gap:2px!important;
    padding:11px 9px!important;
  }
  html body .app .layout > .main :where(.punch-orb,.attendance-orb) :where(.orb-person,.orb-dept,.orb-now,.orb-time,.orb-shift,.orb-sub,.orb-meta,.orb-tiny),
  html[data-theme] body .app .layout > .main :where(.punch-orb,.attendance-orb) :where(.orb-person,.orb-dept,.orb-now,.orb-time,.orb-shift,.orb-sub,.orb-meta,.orb-tiny){
    width:min(100%,calc(100% - 12px))!important;
    max-width:calc(100% - 12px)!important;
  }
  html body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-person,
  html[data-theme] body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-person{font-size:.64rem!important}
  html body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-dept,
  html[data-theme] body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-dept{font-size:.48rem!important}
  html body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-now,
  html[data-theme] body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-now{font-size:1.16rem!important}
  html body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-now + .orb-time,
  html[data-theme] body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-now + .orb-time,
  html body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-time,
  html[data-theme] body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-time{font-size:.50rem!important}
  html body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-sub,
  html[data-theme] body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-sub{font-size:.58rem!important}
  html body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-meta,
  html[data-theme] body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-meta{font-size:.48rem!important}
  html body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-tiny,
  html[data-theme] body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-tiny{display:none!important}
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-16-shared-cross-surface-012-slice-16-part-02-seg-01-html-body-app-layout-mai-fine-01-short-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-16-shared-cross-surface-013-slice-16-part-02-seg-01-html-body-app-layout-mai-fine-02-short-01.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse) and (max-height:700px), (max-width:920px) and (pointer:coarse) and (max-height:700px){
  html body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-dept,
  html[data-theme] body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-dept{display:none!important}
  html body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-now,
  html[data-theme] body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-now{font-size:1.06rem!important}
  html body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-meta,
  html[data-theme] body .app .layout > .main :where(.punch-orb,.attendance-orb) .orb-meta{display:none!important}
}
html body .app .layout > .main.page-records :where(.att-rule-unified,.att-rule-fixed-head,.att-rule-topline,.att-rule-title-row,.att-rule-summary,.att-rule-summary.in-head),
html[data-theme] body .app .layout > .main.page-records :where(.att-rule-unified,.att-rule-fixed-head,.att-rule-topline,.att-rule-title-row,.att-rule-summary,.att-rule-summary.in-head){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app .layout > .main.page-records :where(.att-rule-unified,.att-rule-fixed-head,.att-rule-topline,.att-rule-title-row,.att-rule-summary,.att-rule-summary.in-head)::before,
html body .app .layout > .main.page-records :where(.att-rule-unified,.att-rule-fixed-head,.att-rule-topline,.att-rule-title-row,.att-rule-summary,.att-rule-summary.in-head)::after,
html[data-theme] body .app .layout > .main.page-records :where(.att-rule-unified,.att-rule-fixed-head,.att-rule-topline,.att-rule-title-row,.att-rule-summary,.att-rule-summary.in-head)::before,
html[data-theme] body .app .layout > .main.page-records :where(.att-rule-unified,.att-rule-fixed-head,.att-rule-topline,.att-rule-title-row,.att-rule-summary,.att-rule-summary.in-head)::after{
  content:none!important;
  display:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-records .att-rule-fixed-head,
html[data-theme] body .app .layout > .main.page-records .att-rule-fixed-head{
  padding:0!important;
  margin:0 0 12px!important;
  gap:8px!important;
  border-radius:0!important;
}
html body .app .layout > .main.page-records .att-rule-summary.in-head,
html[data-theme] body .app .layout > .main.page-records .att-rule-summary.in-head{
  padding:0!important;
  margin:0!important;
  border-radius:0!important;
}
html body .app .layout > .main.page-records .att-rule-summary.in-head .att-rule-card-entry,
html[data-theme] body .app .layout > .main.page-records .att-rule-summary.in-head .att-rule-card-entry{
  box-shadow:none!important;
}
html body .app .layout > .main.page-records .att-rule-summary.in-head .att-rule-card-entry:hover,
html body .app .layout > .main.page-records .att-rule-summary.in-head .att-rule-card-entry.active,
html[data-theme] body .app .layout > .main.page-records .att-rule-summary.in-head .att-rule-card-entry:hover,
html[data-theme] body .app .layout > .main.page-records .att-rule-summary.in-head .att-rule-card-entry.active{
  box-shadow:none!important;
}
html body .app .layout > .main.page-liveRooms .live-floor-float-btn,
html[data-theme] body .app .layout > .main.page-liveRooms .live-floor-float-btn{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  padding:3px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  color:var(--live-floor-accent)!important;
}
html body .app .layout > .main.page-liveRooms .live-floor-float-btn::before,
html body .app .layout > .main.page-liveRooms .live-floor-float-btn::after,
html[data-theme] body .app .layout > .main.page-liveRooms .live-floor-float-btn::before,
html[data-theme] body .app .layout > .main.page-liveRooms .live-floor-float-btn::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-liveRooms .live-floor-float-btn b,
html[data-theme] body .app .layout > .main.page-liveRooms .live-floor-float-btn b{
  color:var(--live-floor-accent)!important;
  font-size:1.34rem!important;
  font-weight:900!important;
  line-height:1!important;
  text-shadow:none!important;
}
html body .app .layout > .main.page-liveRooms .live-floor-float-btn span,
html[data-theme] body .app .layout > .main.page-liveRooms .live-floor-float-btn span{
  display:none!important;
}
html body .app .layout > .main.page-liveRooms .live-floor-float-btn:hover,
html body .app .layout > .main.page-liveRooms .live-floor-float-btn.active,
html[data-theme] body .app .layout > .main.page-liveRooms .live-floor-float-btn:hover,
html[data-theme] body .app .layout > .main.page-liveRooms .live-floor-float-btn.active{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  transform:scale(1.08)!important;
}
html body .app .layout .main.page-employees .employee-org-panel :where(.tree-h .box,.tree-h .box:hover,.org-mini-group,.org-mini-row,.org-mini-row:hover,.org-mini-row.active),
html[data-theme] body .app .layout .main.page-employees .employee-org-panel :where(.tree-h .box,.tree-h .box:hover,.org-mini-group,.org-mini-row,.org-mini-row:hover,.org-mini-row.active),
html body .app .layout .main.page-employees .emp-org-inline-editor :where(.org-mini-group,.org-mini-row,.org-mini-row:hover,.org-mini-row.active),
html[data-theme] body .app .layout .main.page-employees .emp-org-inline-editor :where(.org-mini-group,.org-mini-row,.org-mini-row:hover,.org-mini-row.active){
  background:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-16-shared-cross-surface-013-slice-16-part-02-seg-01-html-body-app-layout-mai-fine-02-short-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-16-shared-cross-surface-014-slice-16-part-02-seg-01-html-body-app-layout-mai-fine-02-short-02.css */

html body .app .layout .main.page-system :where(.role-side,.role-page,.role-list-item,.role-list-item:hover,.role-list-item.active,.role-list-item:focus,.role-list-item:focus-visible),
html[data-theme] body .app .layout .main.page-system :where(.role-side,.role-page,.role-list-item,.role-list-item:hover,.role-list-item.active,.role-list-item:focus,.role-list-item:focus-visible){
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
}
html body .app .layout .main.page-system .role-list-item,
html[data-theme] body .app .layout .main.page-system .role-list-item{
  background:rgba(255,255,255,.026)!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app .layout .main.page-system .role-list-item:hover,
html body .app .layout .main.page-system .role-list-item.active,
html[data-theme] body .app .layout .main.page-system .role-list-item:hover,
html[data-theme] body .app .layout .main.page-system .role-list-item.active{
  background:rgba(255,255,255,.06)!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .app .layout .main.page-system .role-list-item :where(b,small,i),
html[data-theme] body .app .layout .main.page-system .role-list-item :where(b,small,i){
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-16-shared-cross-surface-014-slice-16-part-02-seg-01-html-body-app-layout-mai-fine-02-short-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-16-shared-cross-surface-015-slice-16-part-02-seg-01-html-body-app-layout-mai-fine-03-malformed-retained.css */

html body .app .layout .main.page-system .role-list-item i,
html[data-theme] body .app .layout .main.page-system .role-list-item i{
  background:rgba(255,255,255,.05)!important;
  border:0!important;
}
html body .app .layout .main.page-system :where(.role-detail-panel,.role-assign-panel,.role-all-panel,.role-staff-panel),
html[data-theme] body .app .layout .main.page-system :where(.role-detail-panel,.role-assign-panel,.role-all-panel,.role-staff-panel){
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app .layout .main.page-system :where(.role-detail-panel,.role-assign-panel,.role-all-panel,.role-staff-panel)::before,
html body .app .layout .main.page-system :where(.role-detail-panel,.role-assign-panel,.role-all-panel,.role-staff-panel)::after,
html[data-theme] body .app .layout .main.page-system :where(.role-detail-panel,.role-assign-panel,.role-all-panel,.role-staff-panel)::before,
html[data-theme] body .app .layout .main.page-system :where(.role-detail-panel,.role-assign-panel,.role-all-panel,.role-staff-panel)::after{
  display:none!important;
}
html body .app .layout .main.page-records :where(.att-rule-content,.att-rule-section.compact,.att-rule-settings-section,.sortable-section,.att-rule-table,.att-rule-content .table-wrap,.att-rule-settings,.att-setting-panel,.att-setting-grid),
html[data-theme] body .app .layout .main.page-records :where(.att-rule-content,.att-rule-section.compact,.att-rule-settings-section,.sortable-section,.att-rule-table,.att-rule-content .table-wrap,.att-rule-settings,.att-setting-panel,.att-setting-grid){
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .app .layout .main.page-records :where(.att-rule-table table,.att-rule-table thead,.att-rule-table tbody,.att-rule-table tr,.att-rule-table th,.att-rule-table td),
html[data-theme] body .app .layout .main.page-records :where(.att-rule-table table,.att-rule-table thead,.att-rule-table tbody,.att-rule-table tr,.att-rule-table th,.att-rule-table td){
  background:transparent!important;
  background-image:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  outline:0!important;
}
html body .app .layout .main.page-records .att-rule-table table,
html[data-theme] body .app .layout .main.page-records .att-rule-table table{
  border-collapse:collapse!important;
  border-spacing:0!important;
}
html body .app .layout .main.page-records .att-rule-table tbody tr,
html[data-theme] body .app .layout .main.page-records .att-rule-table tbody tr{
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
html body .app .layout .main.page-records .att-rule-table tbody tr:last-child,
html[data-theme] body .app .layout .main.page-records .att-rule-table tbody tr:last-child{
  border-bottom:0!important;
}
html body .app .layout .main.page-records .att-setting-panel,

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-16-shared-cross-surface-015-slice-16-part-02-seg-01-html-body-app-layout-mai-fine-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-16-application-layout-016-slice-16-part-02-seg-02-html-body-app-layout-mai-micro-01-unit-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-16-part-02-html-body-app-layout-mai.css. Keep import order stable. */
html[data-theme] body .app .layout .main.page-records .att-setting-panel{
  margin:0 0 16px!important;
  padding:0 0 14px!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
html body .app .layout .main.page-records .att-setting-panel:last-child,
html[data-theme] body .app .layout .main.page-records .att-setting-panel:last-child{
  border-bottom:0!important;
}
html body .app .layout .main.page-records :where(.att-setting-panel .field,.att-setting-row,.att-rule-chipline .checkbox),
html[data-theme] body .app .layout .main.page-records :where(.att-setting-panel .field,.att-setting-row,.att-rule-chipline .checkbox){
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-system :where(
  .history-shell,
  .history-fixed-head,
  .history-filter-bar,
  .history-filter-wrap,
  .history-head-main,
  .history-head-actions,
  .history-panel,
  .history-panel .table-wrap,
  .panel,
  .table-wrap,
  table,
  thead,
  tbody,
  tr,
  th,
  td,
  .toolbar,
  .tabs
),
html[data-theme] body .app .layout > .main.page-system :where(
  .history-shell,
  .history-fixed-head,
  .history-filter-bar,
  .history-filter-wrap,
  .history-head-main,
  .history-head-actions,
  .history-panel,
  .history-panel .table-wrap,
  .panel,
  .table-wrap,
  table,
  thead,
  tbody,
  tr,
  th,
  td,
  .toolbar,
  .tabs
){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app .layout > .main.page-system :where(.history-fixed-head,.history-panel,.panel,.table-wrap,.toolbar,.tabs),
html[data-theme] body .app .layout > .main.page-system :where(.history-fixed-head,.history-panel,.panel,.table-wrap,.toolbar,.tabs){
  border-color:transparent!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-system :where(thead th,tbody td),
html[data-theme] body .app .layout > .main.page-system :where(thead th,tbody td){
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
html body .app .layout > .side .side-profile-wrap .profile-menu.org-switch-menu,
html[data-theme] body .app .layout > .side .side-profile-wrap .profile-menu.org-switch-menu{
  width:min(366px,calc(100vw - 28px))!important;
  min-width:min(366px,calc(100vw - 28px))!important;
  max-width:min(366px,calc(100vw - 28px))!important;
  max-height:min(72vh,640px)!important;
  overflow:auto!important;
  padding:12px!important;
  display:grid!important;
  gap:10px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:linear-gradient(160deg,rgba(8,9,12,.96),rgba(18,18,20,.91) 58%,rgba(8,10,9,.96))!important;
  box-shadow:0 18px 42px rgba(0,0,0,.38)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
}
html body .org-switch-menu :where(.pm-head,.pm-device,.pm-actions),
html[data-theme] body .org-switch-menu :where(.pm-head,.pm-device,.pm-actions){
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.035)!important;
  border-radius:8px!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-16-application-layout-016-slice-16-part-02-seg-02-html-body-app-layout-mai-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-16-organization-017-slice-16-part-02-seg-02-html-body-app-layout-mai-micro-01-unit-02.css */

html body .org-switch-menu .pm-head,
html[data-theme] body .org-switch-menu .pm-head{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  padding:10px!important;
}
html body .org-switch-menu .pm-head b,
html[data-theme] body .org-switch-menu .pm-head b{
  display:block!important;
  color:#fff!important;
  font-size:var(--mc-type-compact-heading,.92rem)!important;
  line-height:1.2!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body .org-switch-menu .pm-head span,
html[data-theme] body .org-switch-menu .pm-head span,
html body .org-switch-menu .pm-section-title em,
html[data-theme] body .org-switch-menu .pm-section-title em{
  color:rgba(255,255,255,.58)!important;
  font-size:.72rem!important;
  font-style:normal!important;
}
html body .org-switch-menu .pm-device,
html[data-theme] body .org-switch-menu .pm-device{
  display:grid!important;
  grid-template-columns:70px minmax(0,1fr)!important;
  gap:6px 10px!important;
  padding:9px 10px!important;
}
html body .org-switch-menu .pm-device span,
html[data-theme] body .org-switch-menu .pm-device span{
  color:rgba(255,255,255,.46)!important;
  font-size:.68rem!important;
}

/* <<< runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-16-organization-017-slice-16-part-02-seg-02-html-body-app-layout-mai-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-16-organization-018-slice-16-part-02-seg-02-html-body-app-layout-mai-micro-02-unit-01.css */

html body .org-switch-menu .pm-device b,
html[data-theme] body .org-switch-menu .pm-device b{
  min-width:0!important;
  color:rgba(255,255,255,.86)!important;
  font-size:.72rem!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body .org-switch-menu .pm-device-list,
html[data-theme] body .org-switch-menu .pm-device-list{
  display:grid!important;
  gap:6px!important;
}
html body .org-switch-menu .pm-device-row,
html[data-theme] body .org-switch-menu .pm-device-row{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:9px!important;
  padding:8px 10px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.028)!important;
  color:#fff!important;
  box-shadow:none!important;
}
html body .org-switch-menu .pm-device-row.current,
html[data-theme] body .org-switch-menu .pm-device-row.current{
  border-color:rgba(34,197,94,.42)!important;
  background:linear-gradient(135deg,rgba(34,197,94,.13),rgba(245,158,11,.06))!important;
}
html body .org-switch-menu .pm-device-row.revoked,
html[data-theme] body .org-switch-menu .pm-device-row.revoked{
  opacity:.62!important;
}
html body .org-switch-menu .pm-device-row i,
html[data-theme] body .org-switch-menu .pm-device-row i{
  width:42px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:7px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.045)!important;
  color:rgba(255,255,255,.80)!important;
  font-style:normal!important;
  font-size:.66rem!important;
  font-weight:800!important;
}
html body .org-switch-menu .pm-device-row span,
html[data-theme] body .org-switch-menu .pm-device-row span{
  min-width:0!important;
}
html body .org-switch-menu .pm-device-row b,
html[data-theme] body .org-switch-menu .pm-device-row b,
html body .org-switch-menu .pm-device-row small,
html[data-theme] body .org-switch-menu .pm-device-row small{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body .org-switch-menu .pm-device-row b,
html[data-theme] body .org-switch-menu .pm-device-row b{
  color:rgba(255,255,255,.90)!important;
  font-size:.74rem!important;
}
html body .org-switch-menu .pm-device-row small,
html[data-theme] body .org-switch-menu .pm-device-row small{
  margin-top:2px!important;
  color:rgba(255,255,255,.48)!important;
  font-size:.62rem!important;
}
html body .org-switch-menu .pm-device-row button,
html[data-theme] body .org-switch-menu .pm-device-row button{
  border:0!important;
  background:transparent!important;
  color:rgba(34,197,94,.86)!important;
  font-size:.68rem!important;
  padding:4px 0!important;
  box-shadow:none!important;
}
html body .org-switch-menu .pm-section-title,
html[data-theme] body .org-switch-menu .pm-section-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
  color:#fff!important;
  font-weight:800!important;
  font-size:.78rem!important;
}
html body .org-switch-menu .pm-section-title span,
html[data-theme] body .org-switch-menu .pm-section-title span{
  white-space:nowrap!important;
}

/* <<< runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-16-organization-018-slice-16-part-02-seg-02-html-body-app-layout-mai-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-16-organization-019-slice-16-part-02-seg-02-html-body-app-layout-mai-micro-02-unit-02.css */

html body .org-switch-menu .pm-section-title em,
html[data-theme] body .org-switch-menu .pm-section-title em{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body .org-switch-menu .pm-org-list,
html[data-theme] body .org-switch-menu .pm-org-list{
  display:grid!important;
  gap:6px!important;
}
html body .org-switch-menu .pm-org-row,
html[data-theme] body .org-switch-menu .pm-org-row{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  text-align:left!important;
  padding:9px 10px!important;
  border-radius:8px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:rgba(255,255,255,.035)!important;
  color:#fff!important;
  box-shadow:none!important;
}
html body .org-switch-menu .pm-org-row:hover,
html[data-theme] body .org-switch-menu .pm-org-row:hover{
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(245,158,11,.34)!important;
}

/* <<< runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-16-organization-019-slice-16-part-02-seg-02-html-body-app-layout-mai-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-16-organization-020-slice-16-part-02-seg-02-html-body-app-layout-mai-micro-03.css */

html body .org-switch-menu .pm-org-row.active,
html[data-theme] body .org-switch-menu .pm-org-row.active{
  border-color:rgba(34,197,94,.46)!important;
  background:linear-gradient(135deg,rgba(34,197,94,.16),rgba(245,158,11,.08))!important;
}
html body .org-switch-menu .pm-org-row b,
html[data-theme] body .org-switch-menu .pm-org-row b,
html body .org-switch-menu .pm-org-row small,
html[data-theme] body .org-switch-menu .pm-org-row small{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body .org-switch-menu .pm-org-row b,
html[data-theme] body .org-switch-menu .pm-org-row b{
  font-size:.78rem!important;
  color:#fff!important;
}
html body .org-switch-menu .pm-org-row small,
html[data-theme] body .org-switch-menu .pm-org-row small{
  margin-top:2px!important;
  color:rgba(255,255,255,.50)!important;
  font-size:.66rem!important;
}
html body .org-switch-menu .pm-org-row i,
html[data-theme] body .org-switch-menu .pm-org-row i{
  font-style:normal!important;
  color:rgba(255,255,255,.66)!important;
  font-size:.68rem!important;
}
html body .org-switch-menu .pm-create,
html[data-theme] body .org-switch-menu .pm-create{
  padding:0!important;
  display:grid!important;
  gap:8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-16-organization-020-slice-16-part-02-seg-02-html-body-app-layout-mai-micro-03.css */


/* >>> runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-16-organization-021-slice-16-part-03-seg-01-html-body-app-layout-mai-nano-01.css */

/* Legacy ordered base slice 16 part 03; split from 001-base-slice-16-html-body-app-layout-mai.css. Keep import order stable. */
html body .org-switch-menu .pm-create input,
html[data-theme] body .org-switch-menu .pm-create input,
html body .org-switch-menu .pm-create select,
html[data-theme] body .org-switch-menu .pm-create select{
  width:100%!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(0,0,0,.20)!important;
  color:#fff!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
html body .org-switch-menu .pm-create input:focus,
html[data-theme] body .org-switch-menu .pm-create input:focus,
html body .org-switch-menu .pm-create select:focus,
html[data-theme] body .org-switch-menu .pm-create select:focus{
  border-color:rgba(34,197,94,.55)!important;
  box-shadow:0 0 0 3px rgba(34,197,94,.12)!important;
}
html body .org-switch-menu .pm-create .btn.primary,
html[data-theme] body .org-switch-menu .pm-create .btn.primary{
  border:1px solid rgba(34,197,94,.42)!important;
  background:linear-gradient(135deg,rgba(34,197,94,.34),rgba(245,158,11,.28),rgba(244,63,94,.22))!important;
  color:#fff!important;
  box-shadow:none!important;
}
html body .org-switch-menu .pm-actions,
html[data-theme] body .org-switch-menu .pm-actions{
  padding:6px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
}
html body .org-switch-menu .pm-actions button,
html[data-theme] body .org-switch-menu .pm-actions button{
  min-width:0!important;
  padding:7px 6px!important;
  justify-content:center!important;
  border-radius:8px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:transparent!important;
  color:rgba(255,255,255,.78)!important;
  font-size:.72rem!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .org-switch-menu .pm-actions button:hover,
html[data-theme] body .org-switch-menu .pm-actions button:hover{
  background:rgba(255,255,255,.06)!important;
}
html body .org-switch-menu .pm-actions .pm-danger,
html[data-theme] body .org-switch-menu .pm-actions .pm-danger{
  color:#fca5a5!important;
  border-color:rgba(248,113,113,.20)!important;
}
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body #modal .secondary-rail-shell.profile-org-rail,
  html[data-theme] body #modal .secondary-rail-shell.profile-org-rail{
    width:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)))!important;
    min-width:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)))!important;
    max-width:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)))!important;
  }
  html body #modal .profile-org-rail .secondary-rail-body,
  html[data-theme] body #modal .profile-org-rail .secondary-rail-body{
    padding:10px 14px 14px 16px!important;
  }
  html body #modal .profile-org-rail .profile-menu.org-switch-menu,
  html[data-theme] body #modal .profile-org-rail .profile-menu.org-switch-menu{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    max-height:none!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html body #modal .profile-org-rail .profile-menu.org-switch-menu:before,
  html[data-theme] body #modal .profile-org-rail .profile-menu.org-switch-menu:before{
    display:none!important;
    content:none!important;
  }
  html body #modal .profile-org-rail .org-switch-menu .pm-org-list,
  html[data-theme] body #modal .profile-org-rail .org-switch-menu .pm-org-list{
    max-height:none!important;
    overflow:visible!important;
    padding-right:0!important;
  }
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .app .layout > .side .side-profile-wrap .profile-menu.org-switch-menu,
  html[data-theme] body .app .layout > .side .side-profile-wrap .profile-menu.org-switch-menu{
    left:8px!important;
    min-width:min(352px,calc(100vw - 20px))!important;
    max-width:min(352px,calc(100vw - 20px))!important;
    max-height:min(70vh,610px)!important;
  }
}

/* <<< runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-16-organization-021-slice-16-part-03-seg-01-html-body-app-layout-mai-nano-01.css */


/* >>> runtime/legacy/styles/blocks/auth/surface/compatibility-layout/001-base-slice-16-auth-022-slice-16-part-03-seg-01-html-body-app-layout-mai-nano-02.css */

html body #modal .profile-org-rail .profile-menu.org-switch-menu,
html[data-theme] body #modal .profile-org-rail .profile-menu.org-switch-menu{
  position:static!important;
  inset:auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  max-height:none!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body #modal .profile-org-rail .profile-menu.org-switch-menu:before,
html[data-theme] body #modal .profile-org-rail .profile-menu.org-switch-menu:before{
  display:none!important;
  content:none!important;
}
html body #modal .profile-org-rail .org-switch-menu .pm-org-list,
html[data-theme] body #modal .profile-org-rail .org-switch-menu .pm-org-list{
  max-height:none!important;
  overflow:visible!important;
  padding-right:0!important;
}

html body .auth.auth-v2,
html[data-theme] body .auth.auth-v2,
html[data-theme=light] body .auth.auth-v2,
html:not([data-theme=dark]) body .auth.auth-v2{
  --auth-x:50vw;
  --auth-y:42vh;
  background:
    radial-gradient(circle 500px at var(--auth-x) var(--auth-y),rgba(255,255,255,.24),rgba(255,255,255,.105) 28%,rgba(255,255,255,.026) 52%,transparent 74%),
    linear-gradient(135deg,#020202 0%,#090909 46%,#000 100%)!important;
  background-color:#000!important;
  transition:none!important;
}
html body .auth.auth-v2::before,
html body .auth.auth-v2::after,
html[data-theme] body .auth.auth-v2::before,
html[data-theme] body .auth.auth-v2::after,
html body .auth.auth-v2 .auth-brand::before,
html body .auth.auth-v2 .auth-brand::after,
html[data-theme] body .auth.auth-v2 .auth-brand::before,
html[data-theme] body .auth.auth-v2 .auth-brand::after{
  content:none!important;
  display:none!important;
  background:none!important;
  filter:none!important;
  box-shadow:none!important;
}
html body .auth.auth-v2 .auth-panel.auth-panel-v2,
html[data-theme] body .auth.auth-v2 .auth-panel.auth-panel-v2,
html[data-theme=light] body .auth.auth-v2 .auth-panel.auth-panel-v2,
html:not([data-theme=dark]) body .auth.auth-v2 .auth-panel.auth-panel-v2{
  background:linear-gradient(180deg,rgba(18,18,18,.52),rgba(3,3,3,.34))!important;
  background-color:rgba(7,7,7,.38)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:18px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 32px 84px -58px rgba(0,0,0,.98)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.12)!important;
  backdrop-filter:blur(24px) saturate(1.12)!important;
}
html body .auth.auth-v2 .auth-panel.auth-panel-v2::before,
html[data-theme] body .auth.auth-v2 .auth-panel.auth-panel-v2::before{
  content:none!important;
  display:none!important;
}
html body .auth.auth-v2 .auth-title,
html[data-theme] body .auth.auth-v2 .auth-title{
  margin-bottom:20px!important;
  font-size:1.18rem!important;
  font-weight:840!important;
}
html body .auth.auth-v2 :where(.auth-code-form input,.account-fallback input,.auth-panel.auth-panel-v2 input),
html[data-theme] body .auth.auth-v2 :where(.auth-code-form input,.account-fallback input,.auth-panel.auth-panel-v2 input){
  height:42px!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.30)!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  outline:0!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  transition:border-color .16s ease,color .16s ease!important;
}
html body .auth.auth-v2 :where(.auth-code-form input,.account-fallback input,.auth-panel.auth-panel-v2 input):hover,
html[data-theme] body .auth.auth-v2 :where(.auth-code-form input,.account-fallback input,.auth-panel.auth-panel-v2 input):hover{
  border-bottom-color:rgba(255,255,255,.50)!important;
}
html body .auth.auth-v2 :where(.auth-code-form input,.account-fallback input,.auth-panel.auth-panel-v2 input):is(:focus,:focus-visible),
html[data-theme] body .auth.auth-v2 :where(.auth-code-form input,.account-fallback input,.auth-panel.auth-panel-v2 input):is(:focus,:focus-visible){
  border-bottom-color:rgba(255,255,255,.88)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.30)!important;
}
html body .auth.auth-v2 :where(.auth-code-form input,.account-fallback input,.auth-panel.auth-panel-v2 input)::placeholder,
html[data-theme] body .auth.auth-v2 :where(.auth-code-form input,.account-fallback input,.auth-panel.auth-panel-v2 input)::placeholder{
  color:rgba(255,255,255,.38)!important;
  -webkit-text-fill-color:rgba(255,255,255,.38)!important;
}
html body .auth.auth-v2 .field label,
html[data-theme] body .auth.auth-v2 .field label{
  color:rgba(255,255,255,.54)!important;
  -webkit-text-fill-color:rgba(255,255,255,.54)!important;
  font-size:.76rem!important;
}

/* <<< runtime/legacy/styles/blocks/auth/surface/compatibility-layout/001-base-slice-16-auth-022-slice-16-part-03-seg-01-html-body-app-layout-mai-nano-02.css */


/* >>> runtime/legacy/styles/blocks/auth/surface/compatibility-layout/001-base-slice-16-auth-023-slice-16-part-03-seg-01-html-body-app-layout-mai-nano-03.css */

html body .auth.auth-v2 :where(.btn-google.auth-primary,.auth-code-submit,.auth-code-send,.auth-code-switch,.auth .btn.primary),
html[data-theme] body .auth.auth-v2 :where(.btn-google.auth-primary,.auth-code-submit,.auth-code-send,.auth-code-switch,.auth .btn.primary){
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.085)!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.105)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  transition:background .16s ease,color .16s ease,transform .16s ease!important;
}
html body .auth.auth-v2 :where(.btn-google.auth-primary,.auth-code-submit,.auth-code-send,.auth-code-switch,.auth .btn.primary):hover,
html[data-theme] body .auth.auth-v2 :where(.btn-google.auth-primary,.auth-code-submit,.auth-code-send,.auth-code-switch,.auth .btn.primary):hover{
  background:#f5f5f2!important;
  color:#050505!important;
  -webkit-text-fill-color:#050505!important;
  z-index:var(--mc-model-lift-z,80)!important;
  transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important;
  filter:none!important;
}
html body .auth.auth-v2 .btn-google.auth-primary,
html[data-theme] body .auth.auth-v2 .btn-google.auth-primary,
html body .auth.auth-v2 .auth-code-submit,
html[data-theme] body .auth.auth-v2 .auth-code-submit{
  height:46px!important;
  font-weight:860!important;
}
html body .auth.auth-v2 .auth-code-send,
html[data-theme] body .auth.auth-v2 .auth-code-send,
html body .auth.auth-v2 .auth-code-switch,
html[data-theme] body .auth.auth-v2 .auth-code-switch{
  height:34px!important;
  padding:0 12px!important;
  font-size:.74rem!important;
}
html body .auth.auth-v2 .account-fallback,
html[data-theme] body .auth.auth-v2 .account-fallback{
  margin-top:12px!important;
}
html body .auth.auth-v2 .account-fallback summary,
html[data-theme] body .auth.auth-v2 .account-fallback summary{
  border-bottom:1px solid rgba(255,255,255,.18)!important;
  opacity:.66!important;
}
.auth-mode-tabs{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  margin:0 0 12px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/auth/surface/compatibility-layout/001-base-slice-16-auth-023-slice-16-part-03-seg-01-html-body-app-layout-mai-nano-03.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-16-shared-cross-surface-024-slice-16-part-03-seg-02-html-body-app-layout-mai-unit-01.css */

/* Legacy ordered CSS segment; extracted from 001-base-slice-16-part-03-html-body-app-layout-mai.css. Keep import order stable. */
.auth-mode-tabs button{
  height:30px!important;
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-radius:999px!important;
  background:transparent!important;
  color:rgba(255,255,255,.62)!important;
  -webkit-text-fill-color:rgba(255,255,255,.62)!important;
  font-size:.74rem!important;
  font-weight:760!important;
  box-shadow:none!important;
}
.auth-mode-tabs button:hover,
.auth-mode-tabs button.active{
  background:var(--mc-model-button-fill-active,rgba(255,255,255,.13))!important;
  background-image:var(--mc-model-button-fill-active,none)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.auth.auth-v2 .auth-google-inline{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  border:0!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.07)!important;
  box-shadow:none!important;
}
.phone-model{
  position:relative!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:0!important;
  overflow:visible!important;
  min-width:0!important;
  border:0!important;
  box-shadow:none!important;
  background:rgba(255,255,255,.065)!important;
  background-image:linear-gradient(135deg,rgba(63,151,255,.10),rgba(47,226,176,.055))!important;
  border-radius:var(--mc-radius-control,8px)!important;
}
.phone-model .phone-dial-toggle{
  height:100%!important;
  min-width:62px!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:var(--mc-radius-control,8px)!important;
  background:transparent!important;
  color:rgba(244,244,241,.86)!important;
  -webkit-text-fill-color:rgba(244,244,241,.86)!important;
  box-shadow:none!important;
}
.phone-model .phone-dial-toggle:hover,
.phone-model .phone-dial-toggle:focus-visible{
  border:0!important;
  background:var(--mc-model-button-fill-hover,rgba(255,255,255,.10))!important;
  background-image:var(--mc-model-button-fill-hover,none)!important;
  box-shadow:none!important;
}
.phone-model .phone-model-local{
  min-width:0!important;
  width:100%!important;
  padding-left:8px!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.phone-dial-menu{
  position:absolute!important;
  z-index:9999!important;
  top:calc(100% + 7px)!important;
  left:0!important;
  right:auto!important;
  width:min(276px,calc(100vw - 32px))!important;
  max-width:min(276px,calc(100vw - 32px))!important;
  display:none!important;
  box-sizing:border-box!important;
  padding:8px!important;
  border:0!important;
  border-radius:var(--mc-radius-control,8px)!important;
  background:linear-gradient(145deg,rgba(10,20,34,.94),rgba(8,13,23,.88))!important;
  backdrop-filter:blur(28px) saturate(1.35)!important;
  -webkit-backdrop-filter:blur(28px) saturate(1.35)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.phone-model.open .phone-dial-menu{display:grid!important;gap:8px!important}
.phone-dial-search{
  height:32px!important;
  border:0!important;
  border-radius:var(--mc-radius-control,8px)!important;
  background:rgba(255,255,255,.075)!important;
  box-shadow:none!important;
}
.phone-dial-search:hover,
.phone-dial-search:focus{
  border:0!important;
  background:rgba(255,255,255,.11)!important;
  box-shadow:none!important;
}
.phone-dial-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  max-height:220px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-16-shared-cross-surface-024-slice-16-part-03-seg-02-html-body-app-layout-mai-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-16-shared-cross-surface-025-slice-16-part-03-seg-02-html-body-app-layout-mai-unit-02.css */

.phone-dial-option{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:6px!important;
  align-items:center!important;
  min-height:34px!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:var(--mc-radius-control,8px)!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:none!important;
  color:rgba(244,244,241,.78)!important;
  -webkit-text-fill-color:rgba(244,244,241,.78)!important;
  text-align:left!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.phone-dial-option:hover,
.phone-dial-option.active{
  border:0!important;
  background:var(--mc-model-button-fill-hover,rgba(255,255,255,.10))!important;
  background-image:var(--mc-model-button-fill-hover,none)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
}
.phone-dial-option[aria-selected="true"]{
  border:0!important;
  background:var(--mc-model-button-fill-active,var(--mc-model-button-fill-hover,rgba(255,255,255,.14)))!important;
  background-image:var(--mc-model-button-fill-active,var(--mc-model-button-fill-hover,none))!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
}
.phone-dial-option b{font-size:.72rem!important;white-space:nowrap!important}
.phone-dial-option span{font-size:.70rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.phone-dial-option small{display:none!important}
.phone-dial-option[hidden]{display:none!important}
.auth.auth-v2 .auth-divider-min,
.auth.auth-v2 .account-fallback{display:none!important}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-16-shared-cross-surface-025-slice-16-part-03-seg-02-html-body-app-layout-mai-unit-02.css */


/* >>> runtime/legacy/styles/blocks/auth/surface/compatibility-layout/001-base-slice-16-auth-026-slice-16-part-04-seg-01-html-body-app-layout-mai-nano-01.css */

/* Legacy ordered base slice 16 part 04; split from 001-base-slice-16-html-body-app-layout-mai.css. Keep import order stable. */

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
html,
  body,
  #root{
    width:100%!important;
    max-width:100%!important;
    height:100dvh!important;
    min-height:100dvh!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  body{
    -webkit-text-size-adjust:100%!important;
    touch-action:manipulation;
    background:#050505!important;
  }
  input,
  select,
  textarea,
  button{
    font-size:16px;
  }
  #root,
  html body .app{
    height:100dvh!important;
    min-height:100dvh!important;
    overflow:hidden!important;
  }
  html:has(.auth.auth-v2),
  body:has(.auth.auth-v2),
  #root:has(.auth.auth-v2){
    height:100dvh!important;
    min-height:100dvh!important;
    overflow:auto!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body .auth.auth-v2,
  html[data-theme] body .auth.auth-v2{
    min-height:100dvh!important;
    height:auto!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    overflow:visible!important;
    gap:10px!important;
    padding:calc(10px + env(safe-area-inset-top)) 12px calc(28px + env(safe-area-inset-bottom) + var(--auth-keyboard-pad,0px))!important;
  }
  html body .auth.auth-v2 .auth-brand,
  html[data-theme] body .auth.auth-v2 .auth-brand{
    display:flex!important;
    width:100%!important;
    min-height:0!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    padding:0 0 2px!important;
    margin:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  html body .auth.auth-v2 .auth-brand .logo,
  html[data-theme] body .auth.auth-v2 .auth-brand .logo{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    color:#f7f7f4!important;
    -webkit-text-fill-color:#f7f7f4!important;
    opacity:.92!important;
    font-size:.84rem!important;
    font-weight:860!important;
    letter-spacing:.02em!important;
  }
  html body .auth.auth-v2 .auth-brand .logo .mark,
  html[data-theme] body .auth.auth-v2 .auth-brand .logo .mark{
    width:28px!important;
    height:28px!important;
    border-radius:9px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(255,255,255,.24)!important;
    background:linear-gradient(135deg,rgba(56,189,248,.36),rgba(168,85,247,.28) 48%,rgba(34,197,94,.24))!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 14px 38px -26px rgba(125,211,252,.74)!important;
    font-size:.66rem!important;
    line-height:1!important;
  }
  html body .auth.auth-v2 .auth-brand .auth-hero-copy,
  html body .auth.auth-v2 .auth-brand h1,
  html[data-theme] body .auth.auth-v2 .auth-brand .auth-hero-copy,
  html[data-theme] body .auth.auth-v2 .auth-brand h1{
    display:none!important;
  }
  html body .auth.auth-v2 .auth-panel.auth-panel-v2,
  html[data-theme] body .auth.auth-v2 .auth-panel.auth-panel-v2{
    width:min(356px,calc(100vw - 24px))!important;
    min-height:0!important;
    align-self:flex-start!important;
    margin:0 auto!important;
    padding:14px!important;
    border-radius:16px!important;
  }
  html body .auth.auth-v2 .auth-card,
  html[data-theme] body .auth.auth-v2 .auth-card{
    min-height:0!important;
    justify-content:flex-start!important;
    gap:8px!important;
  }
}

/* <<< runtime/legacy/styles/blocks/auth/surface/compatibility-layout/001-base-slice-16-auth-026-slice-16-part-04-seg-01-html-body-app-layout-mai-nano-01.css */


/* >>> runtime/legacy/styles/blocks/auth/surface/compatibility-layout/001-base-slice-16-auth-027-slice-16-part-04-seg-01-html-body-app-layout-mai-nano-02.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
html body .auth.auth-v2 .auth-topline,
  html[data-theme] body .auth.auth-v2 .auth-topline{
    margin-bottom:2px!important;
  }
  html body .auth.auth-v2 .auth-mode-tabs,
  html[data-theme] body .auth.auth-v2 .auth-mode-tabs{
    margin-bottom:8px!important;
  }
  html body .auth.auth-v2 .auth-mode-tabs button,
  html[data-theme] body .auth.auth-v2 .auth-mode-tabs button{
    height:28px!important;
    font-size:.70rem!important;
  }
  html body .auth.auth-v2 .auth-code-tabs,
  html[data-theme] body .auth.auth-v2 .auth-code-tabs{
    margin-bottom:4px!important;
  }
  html body .auth.auth-v2 .auth-code-title,
  html[data-theme] body .auth.auth-v2 .auth-code-title{
    font-size:.90rem!important;
  }
  html body .auth.auth-v2 .auth-code-form,
  html[data-theme] body .auth.auth-v2 .auth-code-form{
    gap:8px!important;
  }
  html body .auth.auth-v2 .field,
  html[data-theme] body .auth.auth-v2 .field{
    margin-bottom:8px!important;
  }
  html body .auth.auth-v2 :where(.auth-code-form input,.auth-panel.auth-panel-v2 input),
  html[data-theme] body .auth.auth-v2 :where(.auth-code-form input,.auth-panel.auth-panel-v2 input){
    height:38px!important;
  }
  html body .auth.auth-v2 .auth-code-row,
  html[data-theme] body .auth.auth-v2 .auth-code-row{
    gap:6px!important;
  }
  html body .auth.auth-v2 .auth-code-submit,
  html[data-theme] body .auth.auth-v2 .auth-code-submit,
  html body .auth.auth-v2 .btn-google.auth-primary,
  html[data-theme] body .auth.auth-v2 .btn-google.auth-primary{
    height:40px!important;
  }
  html body .auth.auth-v2 .auth-code-hint,
  html[data-theme] body .auth.auth-v2 .auth-code-hint,
  html body .auth.auth-v2 .auth-footnote,
  html[data-theme] body .auth.auth-v2 .auth-footnote{
    font-size:.68rem!important;
    line-height:1.35!important;
  }
  html body .app,
  html[data-theme] body .app{
    --mc-mobile-topbar-final:calc(52px + env(safe-area-inset-top));
    --mc-mobile-bottom-final:calc(76px + env(safe-area-inset-bottom));
    --mc-topbar-h:var(--mc-mobile-topbar-final);
    --mc-rail-w:0px;
    background:linear-gradient(180deg,#050505 0,#080808 46%,#030303 100%)!important;
  }
}

/* <<< runtime/legacy/styles/blocks/auth/surface/compatibility-layout/001-base-slice-16-auth-027-slice-16-part-04-seg-01-html-body-app-layout-mai-nano-02.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/compatibility-layout/001-base-slice-16-topbar-028-slice-16-part-04-seg-01-html-body-app-layout-mai-nano-03.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
html body .topbar .left{
    flex:0 0 auto!important;
    gap:4px!important;
  }
  html body .topbar .right{
    flex:1 1 auto!important;
    justify-content:flex-end!important;
    gap:3px!important;
  }
  html body .topbar .top-shell-controls{
    display:flex!important;
    gap:3px!important;
  }
  html body .topbar .shell-panel-btn,
  html body .topbar .left .mark,
  html body .topbar .brand-name,
  html body .topbar .left small,
  html body .topbar .uchip .name,
  html body .topbar .uchip .role{
    display:none!important;
  }
  html body .topbar :where(.icon-btn,.theme-btn,.logout-btn,.lang-btn),
  html body .topbar .top-cloud{
    display:grid!important;
    place-items:center!important;
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    padding:0!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#e8e8e8!important;
    box-shadow:none!important;
  }
  html body .topbar .top-cloud .g-chip{
    display:grid!important;
    place-items:center!important;
    width:32px!important;
    height:32px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body .topbar .top-cloud #cloudLabel{
    display:none!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/compatibility-layout/001-base-slice-16-topbar-028-slice-16-part-04-seg-01-html-body-app-layout-mai-nano-03.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-16-application-layout-029-slice-16-part-04-seg-02-html-body-app-layout-mai-nano-01.css */

/* Legacy ordered CSS segment; extracted from 001-base-slice-16-part-04-html-body-app-layout-mai.css. Keep import order stable. */

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
html body .topbar .topbar-brand-chip{
    flex:0 1 auto!important;
    max-width:min(34vw,154px)!important;
    min-width:0!important;
    height:32px!important;
    padding:0 9px!important;
    border:0!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.055)!important;
    color:#f2f2f2!important;
    font-size:.76rem!important;
    font-weight:820!important;
    line-height:32px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    box-shadow:none!important;
  }
  html body .app-lang-menu,
  html body .notif-drop{
    position:fixed!important;
    top:calc(var(--mc-mobile-topbar-final) + 6px)!important;
    right:8px!important;
    left:auto!important;
    width:min(360px,calc(100vw - 16px))!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - var(--mc-mobile-topbar-final) - var(--mc-mobile-bottom-final) - 12px)!important;
    overflow:auto!important;
    border-radius:16px!important;
  }
  html body .layout,
  html[data-theme] body .layout{
    flex:1 1 auto!important;
    width:100%!important;
    min-width:0!important;
    height:calc(100dvh - var(--mc-mobile-topbar-final))!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    background:transparent!important;
    overflow:hidden!important;
  }
  html body .main,
  html[data-theme] body .main,
  html body .layout.side-collapsed .main{
    flex:1 1 auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:10px 10px calc(var(--mc-mobile-bottom-final) + 12px)!important;
    border-radius:0!important;
    background:#070707!important;
    background-image:linear-gradient(180deg,#0b0b0c,#060606)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    scrollbar-gutter:auto!important;
  }
  html body .main > *,
  html body .main :where(.panel,.grid,.cards,.row2,.row3,.toolbar,.tabs,.table-wrap,.settings-shell,.settings-modern-shell,.att-report-shell,.att-rule-shell,.role-page,.comms-layout,.live-room-shell,.live-room-toolbar,.live-room-layout,.employee-admin-shell,.employee-list-shell){
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  html body .main > .page-head,
  html body .main .tabs,
  html body .main .toolbar,
  html body .main .view-toolbar,
  html body .main:not(.page-workbench)>.page-head,
  html body .main:not(.page-workbench) .tabs,
  html body .main:not(.page-workbench) .toolbar{
    position:static!important;
    top:auto!important;
    z-index:auto!important;
    margin:0 0 10px!important;
    border-radius:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html body .main > .page-head,
  html body .main.page-networkDiag .nd-page-head,
  html body .live-room-head{
    padding:6px 2px 10px!important;
  }
  html body .page-head h1,
  html body .live-room-head h1,
  html body .main.page-networkDiag .nd-page-head h1{
    font-size:var(--mc-head-title,1.26rem)!important;
    line-height:1.08!important;
  }
  html body .page-head p,
  html body .live-room-head p,
  html body .main.page-networkDiag .nd-page-head p{
    display:block!important;
    font-size:var(--mc-head-small,.74rem)!important;
    line-height:1.25!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-16-application-layout-029-slice-16-part-04-seg-02-html-body-app-layout-mai-nano-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-16-application-layout-030-slice-16-part-04-seg-02-html-body-app-layout-mai-nano-02.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
html body .head-actions,
  html body .live-room-actions,
  html body .toolbar{
    display:flex!important;
    width:100%!important;
    gap:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding-bottom:2px!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  html body .head-actions::-webkit-scrollbar,
  html body .live-room-actions::-webkit-scrollbar,
  html body .toolbar::-webkit-scrollbar,
  html body .tabs::-webkit-scrollbar{
    display:none!important;
  }
  html body .head-actions .btn,
  html body .live-room-actions .btn,
  html body .toolbar :where(.btn,button,input,select){
    flex:0 0 auto!important;
    width:calc(100vw - 16px)!important;
    min-width:min(118px,46vw)!important;
    max-width:72vw!important;
  }
  html body .tabs{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 0 2px!important;
    scrollbar-width:none!important;
  }
  html body .tabs button{
    flex:0 0 auto!important;
    min-width:76px!important;
    min-height:34px!important;
    white-space:nowrap!important;
  }
  html body .cards,
  html body .grid.cards,
  html body .stat-grid,
  html body .live-stat-grid,
  html body .org-summary,
  html body .att-rule-summary.slim{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  html body :where(.row2,.row3,.org-layout,.role-page,.att-report-grid,.att-rule-layout,.settings-modern-grid,.settings-grid,.workbench-clean,.workbench-lower,.workbench-grid,.workbench-triple,.employee-workbench-compact,.employee-list-shell,.employee-list-shell.org-editing,.comms-layout,.live-room-layout,.live-room-layout.live-room-layout-full,.live-room-form-grid){
    grid-template-columns:1fr!important;
  }
  html body .org-manager-layout{
    flex-direction:column!important;
  }
  html body .panel,
  html body .stat,
  html body .table-wrap,
  html body .employee-org-panel,
  html body .employee-table-panel,
  html body .settings-modern-shell,
  html body .settings-modern-head,
  html body .att-report-shell,
  html body .att-rule-shell,
  html body .role-page,
  html body .comms-layout,
  html body .live-room-head,
  html body .live-room-stage-wrap{
    border-radius:12px!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  html body .table-wrap{
    overflow-x:auto!important;
    overflow-y:visible!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body .main.page-networkDiag .table-wrap table,
  html body .main.page-networkDiag .table-wrap thead,
  html body .main.page-networkDiag .table-wrap tbody,
  html body .main.page-networkDiag .table-wrap tr,
  html body .main.page-networkDiag .table-wrap th,
  html body .main.page-networkDiag .table-wrap td,
  html body .main.page-networkDiag .nd-report-room table,
  html body .main.page-networkDiag .nd-report-room thead,
  html body .main.page-networkDiag .nd-report-room tbody,
  html body .main.page-networkDiag .nd-report-room tr,
  html body .main.page-networkDiag .nd-report-room th,
  html body .main.page-networkDiag .nd-report-room td{
    display:revert!important;
  }
  html body .main.page-networkDiag .nd-report-room,
  html body .main.page-networkDiag .nd-table-section{
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body .main.page-networkDiag .nd-report-main{
    width:100%!important;
    max-width:none!important;
    padding:6px 0 12px!important;
  }
  html body .main.page-networkDiag :where(.nd-report-dash,.nd-report-section,.nd-top,.nd-resource-graphs,.nd-rings,.nd-system-info,.nd-fast-strip){
    grid-template-columns:1fr!important;
  }
  html body .main.page-networkDiag .nd-report-room table{
    min-width:1040px!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-16-application-layout-030-slice-16-part-04-seg-02-html-body-app-layout-mai-nano-02.css */


/* >>> runtime/legacy/styles/blocks/live-room/canvas/compatibility-layout/001-base-slice-16-live-room-031-slice-16-part-04-seg-02-html-body-app-layout-mai-nano-03-malformed-retained.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
html body .live-room-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html body .main.page-liveRooms .live-room-stage-wrap{
    height:clamp(360px,calc(100dvh - var(--mc-mobile-topbar-final) - var(--mc-mobile-bottom-final) - 104px),620px)!important;
    min-height:0!important;
    border-radius:14px!important;
  }
  html body .main.page-liveRooms .live-room-overlay{
    left:8px!important;
    right:8px!important;
    top:8px!important;
    gap:8px!important;
  }

  html body .main.page-liveRooms .live-room-crumbs{
    max-width:100%!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  html body .main.page-liveRooms .live-building-switch{
    max-width:46vw!important;
  }
  html body .side-backdrop{
    display:block!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:var(--mc-mobile-topbar-final)!important;
    bottom:0!important;
    z-index:105!important;
    background:rgba(0,0,0,.48)!important;
    -webkit-backdrop-filter:blur(8px)!important;
    backdrop-filter:blur(8px)!important;
  }
  html body .side,
  html body .layout.side-collapsed .side,
}

/* <<< runtime/legacy/styles/blocks/live-room/canvas/compatibility-layout/001-base-slice-16-live-room-031-slice-16-part-04-seg-02-html-body-app-layout-mai-nano-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-layout/001-base-slice-16-left-navigation-032-slice-16-part-04-seg-03-html-body-app-layout-mai-mini-01-short-01.css */

/* Legacy ordered CSS segment; extracted from 001-base-slice-16-part-04-html-body-app-layout-mai.css. Keep import order stable. */
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .side.collapsed{
    position:fixed!important;
    left:0!important;
    top:var(--mc-mobile-topbar-final)!important;
    bottom:var(--mc-mobile-bottom-final)!important;
    width:min(82vw,322px)!important;
    min-width:0!important;
    max-width:322px!important;
    height:auto!important;
    max-height:none!important;
    padding:12px 10px!important;
    border-radius:0 18px 18px 0!important;
    transform:translateX(calc(-100% - 12px))!important;
    opacity:1!important;
    pointer-events:auto!important;
    z-index:110!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    background:linear-gradient(180deg,rgba(18,19,20,.96),rgba(8,9,10,.94))!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-left:0!important;
    box-shadow:24px 0 64px -42px rgba(0,0,0,.94),inset 0 1px 0 rgba(255,255,255,.055)!important;
    -webkit-backdrop-filter:blur(20px) saturate(1.08)!important;
    backdrop-filter:blur(20px) saturate(1.08)!important;
  }
  html body .layout > .side:not(.open),
  html body .layout.side-collapsed > .side:not(.open),
  html body .layout > .side.collapsed:not(.open){
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  html body .layout > .side:not(.open) *,
  html body .layout.side-collapsed > .side:not(.open) *{
    visibility:hidden!important;
  }
  html body .side.open,
  html body .layout.side-collapsed .side.open,
  html body .side.open.collapsed{
    display:block!important;
    top:var(--mc-mobile-topbar-final)!important;
    bottom:var(--mc-mobile-bottom-final)!important;
    height:auto!important;
    max-height:none!important;
    width:min(82vw,322px)!important;
    min-width:0!important;
    max-width:322px!important;
    padding:12px 10px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-left:0!important;
    box-shadow:24px 0 64px -42px rgba(0,0,0,.94),inset 0 1px 0 rgba(255,255,255,.055)!important;
    pointer-events:auto!important;
    transform:translateX(0)!important;
  }
  html body .side.open *,
  html body .layout.side-collapsed .side.open *{
    visibility:visible!important;
  }
  html body .app .layout > .side,
  html[data-theme] body .app .layout > .side,
  html body .app .layout.side-collapsed > .side,
  html[data-theme] body .app .layout.side-collapsed > .side{
    position:fixed!important;
    left:0!important;
    top:var(--mc-mobile-topbar-final)!important;
    bottom:var(--mc-mobile-bottom-final)!important;
    height:auto!important;
    max-height:none!important;
    transform:translateX(calc(-100% - 12px))!important;
  }
  html body .app .layout > .side.open,
  html[data-theme] body .app .layout > .side.open,
  html body .app .layout.side-collapsed > .side.open,
  html[data-theme] body .app .layout.side-collapsed > .side.open{
    transform:translateX(0)!important;
    width:min(82vw,322px)!important;
    max-width:322px!important;
    padding:12px 10px!important;
  }
  html body .side .grp,
  html body .side.collapsed .grp{
    display:block!important;
    padding:9px 10px 5px!important;
    font-size:.66rem!important;
    color:#8f8f8f!important;
  }
  html body .side .nav,
  html body .side.collapsed .nav{
    width:100%!important;
    height:auto!important;
    min-height:40px!important;
    justify-content:flex-start!important;
    gap:8px!important;
    padding:10px 11px!important;
    margin:2px 0!important;
    border-radius:11px!important;
  }
  html body .side .nav .ic,
  html body .side.collapsed .nav .ic{
    display:grid!important;
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-layout/001-base-slice-16-left-navigation-032-slice-16-part-04-seg-03-html-body-app-layout-mai-mini-01-short-01.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-layout/001-base-slice-16-left-navigation-033-slice-16-part-04-seg-03-html-body-app-layout-mai-mini-01-short-02.css */

/* Legacy ordered CSS segment; extracted from 001-base-slice-16-part-04-html-body-app-layout-mai.css. Keep import order stable. */
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .side .nav .nav-label,
  html body .side.collapsed .nav .nav-label{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html body .side-profile-wrap{
    position:sticky!important;
    bottom:0!important;
    margin-top:12px!important;
    padding-top:10px!important;
    background:linear-gradient(180deg,transparent,rgba(8,9,10,.96) 30%)!important;
  }
  html body .side-profile-wrap .profile-menu.org-switch-menu,
  html body #modal .profile-org-rail .profile-menu.org-switch-menu{
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    max-height:none!important;
    overflow:visible!important;
  }
  html body #modal .overlay,
  html body #modal .overlay.mobile-fullscreen-overlay{
    align-items:stretch!important;
    justify-content:stretch!important;
    padding:0!important;
    background:rgba(0,0,0,.56)!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-layout/001-base-slice-16-left-navigation-033-slice-16-part-04-seg-03-html-body-app-layout-mai-mini-01-short-02.css */


/* >>> runtime/legacy/styles/blocks/overlays/secondary-modal/compatibility-layout/001-base-slice-16-secondary-modal-034-slice-16-part-04-seg-03-html-body-app-layout-mai-mini-02.css */

/* Legacy ordered CSS segment; extracted from 001-base-slice-16-part-04-html-body-app-layout-mai.css. Keep import order stable. */
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body #modal .modal,
  html body #modal .modal.lg,
  html body #modal .modal.mobile-fullscreen-modal,
  html body #modal .secondary-rail-shell{
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    min-height:100dvh!important;
    border-radius:0!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  html body #modal .modal .m-head,
  html body #modal .modal .m-foot,
  html body #modal .secondary-rail-head,
  html body #modal .secondary-rail-foot{
    flex:0 0 auto!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  html body #modal .modal .m-head,
  html body #modal .secondary-rail-head{
    padding-top:calc(12px + env(safe-area-inset-top))!important;
  }
  html body #modal .modal .m-body,
  html body #modal .secondary-rail-body{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding:14px!important;
  }
  html body #modal .modal .m-foot,
  html body #modal .secondary-rail-foot{
    padding-bottom:calc(12px + env(safe-area-inset-bottom))!important;
  }
  html body #modal .modal .m-foot .btn{
    flex:1 1 0!important;
    min-width:0!important;
    justify-content:center!important;
  }
  html body .auth.auth-v2{
    min-height:100dvh!important;
    height:100dvh!important;
    overflow:auto!important;
  }
  html body .auth.auth-v2 .auth-panel.auth-panel-v2{
    width:calc(100vw - 28px)!important;
    max-width:430px!important;
    margin:auto!important;
    padding:22px 18px!important;
  }
}

/* <<< runtime/legacy/styles/blocks/overlays/secondary-modal/compatibility-layout/001-base-slice-16-secondary-modal-034-slice-16-part-04-seg-03-html-body-app-layout-mai-mini-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility/001-base-slice-16-enterprise-entry.css */

/* Enterprise compatibility entry. Ordered semantic owners preserve the original slice-16 cascade. */

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility/001-base-slice-16-enterprise-entry.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-01-seg-01-media-max-width-420px-nano-01.css */

/* Legacy ordered base slice 17 part 01; split from 001-base-slice-17-media-max-width-420px.css. Keep import order stable. */
@media(max-width:420px){
  html body .topbar .topbar-brand-chip{
    max-width:29vw!important;
    padding:0 7px!important;
  }
  html body .topbar :where(.icon-btn,.theme-btn,.logout-btn,.lang-btn),
  html body .topbar .top-cloud,
  html body .topbar .top-cloud .g-chip{
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    min-height:30px!important;
  }
  html body .cards,
  html body .grid.cards,
  html body .stat-grid,
  html body .live-stat-grid,
  html body .org-summary{
    grid-template-columns:1fr!important;
  }
}
html body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms,
html[data-theme] body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms{
  padding:12px 14px!important;
}
html body .main.page-liveRooms .live-room-stage canvas.live-room-stable-canvas,
html[data-theme] body .main.page-liveRooms .live-room-stage canvas.live-room-stable-canvas{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:var(--live-room-canvas-w,100%)!important;
  height:var(--live-room-canvas-h,100%)!important;
  transform:translateX(var(--live-room-canvas-x,0px))!important;
  transform-origin:left center!important;
  will-change:transform!important;
}
html body .main.page-liveRooms .live-room-overlay-left,
html[data-theme] body .main.page-liveRooms .live-room-overlay-left{
  pointer-events:auto!important;
  display:grid!important;
  gap:7px!important;
  align-items:start!important;
  justify-items:start!important;
  max-width:min(560px,58%)!important;
}
html body .main.page-liveRooms .live-room-stage-summary,
html[data-theme] body .main.page-liveRooms .live-room-stage-summary{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 2px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:rgba(244,244,241,.72)!important;
  font-size:.73rem!important;
  font-weight:760!important;
  line-height:1.2!important;
  text-shadow:0 1px 8px rgba(0,0,0,.44)!important;
}
html body .main.page-liveRooms .live-room-stage-summary span,
html[data-theme] body .main.page-liveRooms .live-room-stage-summary span{
  white-space:nowrap!important;
}
html body .live-building-draft-summary,
html[data-theme] body .live-building-draft-summary{
  margin-top:10px!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:var(--text)!important;
  font-size:.86rem!important;
  font-weight:850!important;
  font-variant-numeric:tabular-nums!important;
}
html body #modal .live-room-rail .live-edit-floor-actions,
html[data-theme] body #modal .live-room-rail .live-edit-floor-actions{
  display:grid!important;
  gap:6px!important;
}
html body #modal .live-room-rail .live-edit-floor-action,
html[data-theme] body #modal .live-room-rail .live-edit-floor-action{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 54px 48px!important;
  gap:6px!important;
  align-items:center!important;
  min-width:0!important;
  padding:6px!important;
  border-radius:10px!important;
  background:transparent!important;
  background-image:none!important;
  border:.5px solid var(--mc-model-button-line)!important;
  box-shadow:none!important;
  overflow:visible!important;
  transition:var(--mc-model-lift-transition)!important;
}
html body #modal .live-room-rail .live-edit-floor-action:hover,
html[data-theme] body #modal .live-room-rail .live-edit-floor-action:hover{
  background:var(--mc-model-button-fill-hover)!important;
  background-image:var(--mc-model-button-fill-hover)!important;
  border-color:rgba(244,244,241,.22)!important;
  box-shadow:none!important;
  position:relative!important;
  z-index:var(--mc-model-lift-z,80)!important;
  transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important;
}
html body #modal .live-room-rail .live-edit-floor-action.active,
html[data-theme] body #modal .live-room-rail .live-edit-floor-action.active{
  background:var(--mc-model-button-fill-active)!important;
  background-image:var(--mc-model-button-fill-active)!important;
  border-color:rgba(244,244,241,.26)!important;
  box-shadow:none!important;
  transform:translateY(0) scale(1)!important;
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-01-seg-01-media-max-width-420px-nano-01.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-01-seg-01-media-max-width-420px-nano-02.css */

html body #modal .live-room-rail .live-edit-floor-main,
html[data-theme] body #modal .live-room-rail .live-edit-floor-main{
  min-width:0!important;
  border:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#f4f4f1!important;
  text-align:left!important;
  padding:2px 3px!important;
  display:grid!important;
  gap:2px!important;
  cursor:pointer!important;
  outline:0!important;
  transform:none!important;
  transition:none!important;
}
html body #modal .live-room-rail .live-edit-floor-main:is(:hover,:focus,:focus-visible,:focus-within,:active),
html[data-theme] body #modal .live-room-rail .live-edit-floor-main:is(:hover,:focus,:focus-visible,:focus-within,:active){
  border:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#f4f4f1!important;
  transform:none!important;
  filter:none!important;
}
html body #modal .live-room-rail .live-edit-floor-main::before,
html body #modal .live-room-rail .live-edit-floor-main::after,
html[data-theme] body #modal .live-room-rail .live-edit-floor-main::before,
html[data-theme] body #modal .live-room-rail .live-edit-floor-main::after{
  content:none!important;
  display:none!important;
}
html body #modal .live-room-rail .live-edit-floor-main b,
html[data-theme] body #modal .live-room-rail .live-edit-floor-main b{
  font-size:.8rem!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body #modal .live-room-rail .live-edit-floor-main small,
html[data-theme] body #modal .live-room-rail .live-edit-floor-main small{
  color:rgba(244,244,241,.54)!important;
  font-size:.62rem!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body #modal .live-room-rail .live-edit-floor-tool,
html[data-theme] body #modal .live-room-rail .live-edit-floor-tool{
  height:30px!important;
  border:.5px solid var(--mc-model-button-line)!important;
  border-radius:8px!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:rgba(244,244,241,.82)!important;
  font-size:.68rem!important;
  font-weight:850!important;
  cursor:pointer!important;
  transition:var(--mc-model-lift-transition)!important;
}
html body #modal .live-room-rail .live-edit-floor-tool:hover,
html[data-theme] body #modal .live-room-rail .live-edit-floor-tool:hover{
  background:var(--mc-model-button-fill-hover)!important;
  background-image:var(--mc-model-button-fill-hover)!important;
  border-color:rgba(244,244,241,.22)!important;
  box-shadow:none!important;
  color:#fff!important;
}
html body #modal .live-room-rail .live-edit-floor-tool.danger,
html[data-theme] body #modal .live-room-rail .live-edit-floor-tool.danger{
  color:#ff9aad!important;
  background:transparent!important;
  background-image:none!important;
  border-color:rgba(255,154,173,.22)!important;
}
html body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .side,
html[data-theme] body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .side,
html body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms,
html[data-theme] body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms{
  transition:padding .24s cubic-bezier(.22,.8,.24,1),padding-right .24s cubic-bezier(.22,.8,.24,1),width .24s cubic-bezier(.22,.8,.24,1),max-width .24s cubic-bezier(.22,.8,.24,1)!important;
}
html body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms .live-room-shell,
html[data-theme] body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms .live-room-shell{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
html body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms .live-room-head,
html[data-theme] body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms .live-room-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,auto)!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  padding:12px 14px!important;
  transform-origin:center top!important;
  transition:width var(--mc-head-motion,.26s cubic-bezier(.22,.8,.24,1)),max-width var(--mc-head-motion,.26s cubic-bezier(.22,.8,.24,1)),margin var(--mc-head-motion,.26s cubic-bezier(.22,.8,.24,1)),padding-left var(--mc-head-motion,.26s cubic-bezier(.22,.8,.24,1)),padding-right var(--mc-head-motion,.26s cubic-bezier(.22,.8,.24,1)),border-color .18s ease,background-color .18s ease,-webkit-backdrop-filter .18s ease,backdrop-filter .18s ease!important;
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-01-seg-01-media-max-width-420px-nano-02.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-01-seg-01-media-max-width-420px-nano-03.css */

html body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms .live-room-head>div:first-child,
html[data-theme] body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms .live-room-head>div:first-child{
  min-width:0!important;
  overflow:hidden!important;
}
html body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms .live-room-head h1,
html[data-theme] body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms .live-room-head h1{
  max-width:100%!important;
  font-size:var(--mc-head-title,1.26rem)!important;
  line-height:1.08!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms .live-room-head p,
html[data-theme] body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms .live-room-head p{
  max-width:100%!important;
  margin-top:3px!important;
  font-size:var(--mc-head-small,.74rem)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms .live-room-actions,
html[data-theme] body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms .live-room-actions{
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  min-width:0!important;
  max-width:min(360px,38vw)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding-bottom:2px!important;
  scrollbar-width:none!important;
}
html body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms .live-room-actions::-webkit-scrollbar,
html[data-theme] body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms .live-room-actions::-webkit-scrollbar{
  display:none!important;
}
html body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms .live-room-actions .btn,
html[data-theme] body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms .live-room-actions .btn{
  flex:0 0 auto!important;
  padding:6px 9px!important;
  font-size:var(--mc-type-secondary-body,.76rem)!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
html body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms .live-room-overlay,
html[data-theme] body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms .live-room-overlay{
  left:max(10px,calc(12px + var(--live-room-canvas-x,0px)))!important;
  right:12px!important;
  max-width:calc(100% - 24px)!important;
  min-width:0!important;
  gap:10px!important;
  overflow:hidden!important;
}
html body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms .live-room-crumbs,
html[data-theme] body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms .live-room-crumbs{
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:clamp(148px,28vw,300px)!important;
  overflow:hidden!important;
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-01-seg-01-media-max-width-420px-nano-03.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-01-seg-02-media-max-width-420px-trim-01-compact-01-unit-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-17-part-01-media-max-width-420px.css. Keep import order stable. */


@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body.live-room-rail-open,
  html[data-theme] body.live-room-rail-open{
    --live-room-rail-space:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)));
  }
  html body.live-room-rail-open.secondary-rail-open .app .layout > .main.page-liveRooms,
  html[data-theme] body.live-room-rail-open.secondary-rail-open .app .layout > .main.page-liveRooms,
  html body.live-room-rail-open.secondary-rail-open:has(.secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms,
  html[data-theme] body.live-room-rail-open.secondary-rail-open:has(.secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms,
  html body.live-room-rail-open.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms,
  html[data-theme] body.live-room-rail-open.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms{
    padding:12px 14px!important;
    padding-right:14px!important;
    min-width:0!important;
    max-width:none!important;
    overflow:hidden!important;
  }
  html body.live-room-rail-open .main.page-liveRooms .live-room-head,
  html[data-theme] body.live-room-rail-open .main.page-liveRooms .live-room-head{
    width:auto!important;
    max-width:none!important;
    margin-right:calc(var(--live-room-rail-space) + 10px)!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  html body.live-room-rail-open .main.page-liveRooms .live-room-stage-wrap,
  html[data-theme] body.live-room-rail-open .main.page-liveRooms .live-room-stage-wrap{
    width:100%!important;
    max-width:100%!important;
    margin-right:0!important;
    transform:none!important;
  }
  html body.live-room-rail-open .main.page-liveRooms .live-room-overlay,
  html[data-theme] body.live-room-rail-open .main.page-liveRooms .live-room-overlay{
    left:12px!important;
    right:calc(var(--live-room-rail-space) + 14px)!important;
    max-width:none!important;
    min-width:0!important;
    transform:none!important;
    overflow:hidden!important;
  }
  html body.live-room-rail-open .main.page-liveRooms .live-room-crumbs,
  html[data-theme] body.live-room-rail-open .main.page-liveRooms .live-room-crumbs{
    max-width:clamp(132px,22vw,280px)!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-head,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-wrap:nowrap!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    margin-right:0!important;
    padding:12px 14px!important;
    transform-origin:center top!important;
    transform:none!important;
    overflow:hidden!important;
    transition:width var(--mc-head-motion,.26s cubic-bezier(.22,.8,.24,1)),max-width var(--mc-head-motion,.26s cubic-bezier(.22,.8,.24,1)),margin var(--mc-head-motion,.26s cubic-bezier(.22,.8,.24,1)),padding-left var(--mc-head-motion,.26s cubic-bezier(.22,.8,.24,1)),padding-right var(--mc-head-motion,.26s cubic-bezier(.22,.8,.24,1)),border-color .18s ease,background-color .18s ease,-webkit-backdrop-filter .18s ease,backdrop-filter .18s ease!important;
  }
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-head>div:first-child,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-head>div:first-child{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    overflow:hidden!important;
  }
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-actions,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-actions{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    overflow:visible!important;
    padding:0!important;
  }
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-actions .btn,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-actions .btn{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    padding:6px 9px!important;
    white-space:nowrap!important;
  }
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-01-seg-02-media-max-width-420px-trim-01-compact-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-01-seg-02-media-max-width-420px-trim-01-compact-01-unit-02.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-17-part-01-media-max-width-420px.css. Keep import order stable. */


@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-stage-wrap,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-stage-wrap{
    margin:0!important;
    width:100%!important;
    max-width:100%!important;
    transform:none!important;
    transition:none!important;
    overflow:hidden!important;
  }
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-overlay,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-overlay{
    left:12px!important;
    right:calc(var(--live-room-rail-space) + 14px)!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:10px!important;
    max-width:none!important;
    min-width:0!important;
    overflow:visible!important;
    transform:none!important;
    transition:none!important;
  }
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-crumbs,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-crumbs{
    flex:0 1 auto!important;
    max-width:min(320px,42%)!important;
    min-width:0!important;
    overflow:hidden!important;
  }
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-01-seg-02-media-max-width-420px-trim-01-compact-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-01-seg-02-media-max-width-420px-trim-01-compact-02.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-17-part-01-media-max-width-420px.css. Keep import order stable. */


@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body.live-room-rail-open .app .layout > .main.page-liveRooms,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms{
    padding:12px 14px!important;
    padding-right:14px!important;
    overflow:hidden!important;
    min-width:0!important;
  }
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-shell,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-shell{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    overflow:visible!important;
  }
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-head,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-head{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    margin-right:0!important;
    padding:10px calc(var(--live-room-rail-space) + 12px) 10px 12px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-wrap:nowrap!important;
    gap:12px!important;
    transform:none!important;
    overflow:hidden!important;
    transition:padding-right .24s cubic-bezier(.22,.8,.24,1)!important;
  }
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-head h1,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-head h1{
    font-size:var(--mc-head-title,1.26rem)!important;
    line-height:1.08!important;
  }
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-01-seg-02-media-max-width-420px-trim-01-compact-02.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-01-seg-02-media-max-width-420px-trim-02.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-17-part-01-media-max-width-420px.css. Keep import order stable. */


@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-actions,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-actions{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    width:auto!important;
    max-width:none!important;
    overflow:visible!important;
    padding:0!important;
  }
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-stage-wrap,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-stage-wrap{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    transform:none!important;
    overflow:hidden!important;
    transition:none!important;
  }
  html body.live-room-rail-open .main.page-liveRooms .live-room-stage canvas.live-room-stable-canvas,
  html[data-theme] body.live-room-rail-open .main.page-liveRooms .live-room-stage canvas.live-room-stable-canvas{
    transition:transform .24s cubic-bezier(.22,.8,.24,1),width .24s cubic-bezier(.22,.8,.24,1)!important;
  }
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-overlay,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-overlay{
    left:12px!important;
    right:calc(var(--live-room-rail-space) + 14px)!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:10px!important;
    min-width:0!important;
    max-width:none!important;
    overflow:visible!important;
    transform:none!important;
    transition:right .24s cubic-bezier(.22,.8,.24,1)!important;
  }
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-01-seg-02-media-max-width-420px-trim-02.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-02-seg-01-media-max-width-420px-fine-01-micro-01-unit-01.css */

/* Legacy ordered base slice 17 part 02; split from 001-base-slice-17-media-max-width-420px.css. Keep import order stable. */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
html body.live-room-rail-open,
  html[data-theme] body.live-room-rail-open{
    --live-room-rail-space:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)));
    --live-room-rail-gap:14px;
  }
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-head,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-head{
    position:sticky!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:10px 12px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-actions,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-actions{
    position:relative!important;
    z-index:4!important;
    flex:0 0 auto!important;
    width:auto!important;
    max-width:calc(100vw - var(--live-room-rail-space) - 260px)!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0!important;
    scrollbar-width:none!important;
    transform:translateX(calc((var(--live-room-rail-space) + var(--live-room-rail-gap)) * -1))!important;
    transition:transform .24s cubic-bezier(.22,.8,.24,1)!important;
  }
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-actions::-webkit-scrollbar,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-actions::-webkit-scrollbar{
    display:none!important;
  }
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-actions .btn,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-actions .btn{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    white-space:nowrap!important;
  }
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-overlay,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-overlay{
    left:12px!important;
    right:12px!important;
    overflow:visible!important;
    pointer-events:none!important;
  }
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-stage-wrap,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-stage-wrap{
    isolation:isolate!important;
    background:transparent!important;
    background-image:none!important;
    overflow:hidden!important;
  }
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-stage-wrap::before,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-stage-wrap::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:var(--live-room-canvas-w,100%)!important;
    height:100%!important;
    border-radius:inherit!important;
    pointer-events:none!important;
    z-index:0!important;
    background:
      radial-gradient(circle at 22% 14%,rgba(255,255,255,.034),transparent 34%),
      linear-gradient(180deg,rgba(22,23,22,.72),rgba(10,11,10,.58))!important;
    transform:translateX(var(--live-room-canvas-x,0px))!important;
    transform-origin:left center!important;
    will-change:transform,width!important;
    transition:transform .24s cubic-bezier(.22,.8,.24,1),width .24s cubic-bezier(.22,.8,.24,1)!important;
  }
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-stage,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-stage{
    z-index:1!important;
  }
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-stage-loader,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-stage-loader{
    z-index:2!important;
  }
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-overlay,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-overlay,
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-building-switch,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-building-switch{
    z-index:5!important;
  }
  html body.live-room-rail-open .mc-shell-divider,
  html[data-theme] body.live-room-rail-open .mc-shell-divider{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-02-seg-01-media-max-width-420px-fine-01-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-02-seg-01-media-max-width-420px-fine-01-micro-01-unit-02.css */

/* Legacy ordered base slice 17 part 02; split from 001-base-slice-17-media-max-width-420px.css. Keep import order stable. */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body .app .layout > .main.page-liveRooms .live-room-stage-wrap,
  html[data-theme] body .app .layout > .main.page-liveRooms .live-room-stage-wrap{
    isolation:isolate!important;
    background:transparent!important;
    background-image:none!important;
    overflow:hidden!important;
    position:relative!important;
  }
  html body .app .layout > .main.page-liveRooms .live-room-stage-wrap::before,
  html[data-theme] body .app .layout > .main.page-liveRooms .live-room-stage-wrap::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:var(--live-room-canvas-w,100%)!important;
    height:100%!important;
    border-radius:inherit!important;
    pointer-events:none!important;
    z-index:0!important;
    background:
      radial-gradient(circle at 22% 14%,rgba(255,255,255,.034),transparent 34%),
      linear-gradient(180deg,rgba(22,23,22,.72),rgba(10,11,10,.58))!important;
    transform:translate3d(var(--live-room-canvas-x,0px),0,0)!important;
    transform-origin:left center!important;
    backface-visibility:hidden!important;
    will-change:transform!important;
    transition:transform .24s cubic-bezier(.22,.8,.24,1)!important;
  }
  html body .app .layout > .main.page-liveRooms .live-room-stage,
  html[data-theme] body .app .layout > .main.page-liveRooms .live-room-stage{
    z-index:1!important;
  }
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-02-seg-01-media-max-width-420px-fine-01-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-02-seg-01-media-max-width-420px-fine-01-micro-02-unit-01.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
html body .app .layout > .main.page-liveRooms .live-room-stage-loader,
  html[data-theme] body .app .layout > .main.page-liveRooms .live-room-stage-loader{
    z-index:2!important;
  }
  html body .main.page-liveRooms .live-room-stage canvas.live-room-stable-canvas,
  html[data-theme] body .main.page-liveRooms .live-room-stage canvas.live-room-stable-canvas{
    transform:translate3d(var(--live-room-canvas-x,0px),0,0)!important;
    backface-visibility:hidden!important;
    will-change:transform!important;
    transition:transform .24s cubic-bezier(.22,.8,.24,1)!important;
  }
  html body .app .layout > .main.page-liveRooms,
  html[data-theme] body .app .layout > .main.page-liveRooms{
    --live-room-head-fixed-h:64px;
  }
  html body .app .layout > .main.page-liveRooms .live-room-head,
  html[data-theme] body .app .layout > .main.page-liveRooms .live-room-head,
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-head,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-head{
    height:auto!important;
    min-height:var(--live-room-head-fixed-h)!important;
    max-height:none!important;
    padding:12px 14px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-wrap:nowrap!important;
    gap:12px!important;
    overflow:hidden!important;
    transform-origin:center top!important;
    transition:width var(--mc-head-motion,.26s cubic-bezier(.22,.8,.24,1)),max-width var(--mc-head-motion,.26s cubic-bezier(.22,.8,.24,1)),margin var(--mc-head-motion,.26s cubic-bezier(.22,.8,.24,1)),padding-left var(--mc-head-motion,.26s cubic-bezier(.22,.8,.24,1)),padding-right var(--mc-head-motion,.26s cubic-bezier(.22,.8,.24,1)),border-color .18s ease,background-color .18s ease,-webkit-backdrop-filter .18s ease,backdrop-filter .18s ease!important;
  }
  html body .app .layout > .main.page-liveRooms .live-room-head>div:first-child,
  html[data-theme] body .app .layout > .main.page-liveRooms .live-room-head>div:first-child,
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-head>div:first-child,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-head>div:first-child{
    flex:1 1 auto!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    display:grid!important;
    align-content:center!important;
    gap:6px!important;
  }
  html body .app .layout > .main.page-liveRooms .live-room-head h1,
  html[data-theme] body .app .layout > .main.page-liveRooms .live-room-head h1,
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-head h1,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-head h1{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    font-size:var(--mc-head-title,1.26rem)!important;
    line-height:1.08!important;
    margin:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html body .app .layout > .main.page-liveRooms .live-room-head p,
  html[data-theme] body .app .layout > .main.page-liveRooms .live-room-head p,
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-head p,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-head p{
    display:block!important;
  }
  html body .app .layout > .main.page-liveRooms .live-room-actions,
  html[data-theme] body .app .layout > .main.page-liveRooms .live-room-actions,
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-actions,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-actions{
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    overflow-y:hidden!important;
  }
  html body .app .layout > .main.page-liveRooms .live-room-actions .btn,
  html[data-theme] body .app .layout > .main.page-liveRooms .live-room-actions .btn,
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-actions .btn,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-actions .btn{
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    line-height:1!important;
  }
  html body .app .layout > .main.page-liveRooms .live-room-stage-wrap,
  html[data-theme] body .app .layout > .main.page-liveRooms .live-room-stage-wrap,
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-stage-wrap,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-stage-wrap{
    height:calc(100dvh - var(--mc-topbar-h,56px) - var(--live-room-head-fixed-h) - 58px)!important;
    min-height:520px!important;
    max-height:calc(100dvh - var(--mc-topbar-h,56px) - var(--live-room-head-fixed-h) - 58px)!important;
  }
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-02-seg-01-media-max-width-420px-fine-01-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-02-seg-01-media-max-width-420px-fine-01-micro-02-unit-02.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body.live-room-rail-open,
  html[data-theme] body.live-room-rail-open{
    --live-room-shell-scale:1;
    --live-room-rail-gap:18px;
    --live-room-rail-space:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)));
  }
  html body.live-room-rail-open.secondary-rail-open .app .layout > .main.page-liveRooms,
  html[data-theme] body.live-room-rail-open.secondary-rail-open .app .layout > .main.page-liveRooms{
    padding:12px 14px!important;
    overflow:hidden!important;
  }
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-shell,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-shell{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    transform:none!important;
    transform-origin:left top!important;
    transition:width .24s cubic-bezier(.22,.8,.24,1),max-width .24s cubic-bezier(.22,.8,.24,1)!important;
    will-change:width,max-width!important;
    overflow:visible!important;
  }
  html body.live-room-rail-open .app .layout > .main.page-liveRooms :where(.live-room-head,.live-room-actions,.live-room-stage-wrap,.live-room-overlay,.live-building-switch),
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms :where(.live-room-head,.live-room-actions,.live-room-stage-wrap,.live-room-overlay,.live-building-switch){
    transform:none!important;
  }
html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-head,
html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-head{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:12px 14px!important;
    overflow:hidden!important;
    transform-origin:center top!important;
    transition:width .26s cubic-bezier(.22,.8,.24,1),max-width .26s cubic-bezier(.22,.8,.24,1),margin .26s cubic-bezier(.22,.8,.24,1),padding-left .26s cubic-bezier(.22,.8,.24,1),padding-right .26s cubic-bezier(.22,.8,.24,1)!important;
  }
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-02-seg-01-media-max-width-420px-fine-01-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-02-seg-01-media-max-width-420px-fine-01-micro-03.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-head>div:first-child,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-head>div:first-child{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
  }
html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-actions,
html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-actions{
    position:static!important;
    flex:0 0 auto!important;
    width:auto!important;
    max-width:none!important;
    overflow:visible!important;
    transform:none!important;
    transition:width .26s cubic-bezier(.22,.8,.24,1),max-width .26s cubic-bezier(.22,.8,.24,1),margin .26s cubic-bezier(.22,.8,.24,1)!important;
  }
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-stage-wrap,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-stage-wrap{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 22% 14%,rgba(255,255,255,.034),transparent 34%),
      linear-gradient(180deg,rgba(22,23,22,.72),rgba(10,11,10,.58))!important;
    background-image:
      radial-gradient(circle at 22% 14%,rgba(255,255,255,.034),transparent 34%),
      linear-gradient(180deg,rgba(22,23,22,.72),rgba(10,11,10,.58))!important;
  }
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-overlay,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-overlay{
    left:12px!important;
    right:12px!important;
    overflow:visible!important;
    transform:none!important;
    transition:none!important;
  }

  html body .app .layout > .main.page-liveRooms .live-room-stage-wrap::before,
  html[data-theme] body .app .layout > .main.page-liveRooms .live-room-stage-wrap::before,
  html body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-stage-wrap::before,
  html[data-theme] body.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-stage-wrap::before{
    display:none!important;
    content:none!important;
  }
  html body.live-room-rail-open .main.page-liveRooms .live-room-stage canvas.live-room-stable-canvas,
  html[data-theme] body.live-room-rail-open .main.page-liveRooms .live-room-stage canvas.live-room-stable-canvas{
    transform:translate3d(var(--live-room-canvas-x,0px),0,0)!important;
    transition:transform .24s cubic-bezier(.22,.8,.24,1)!important;
  }
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-02-seg-01-media-max-width-420px-fine-01-micro-03.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-02-seg-01-media-max-width-420px-fine-02.css */

html body,
html[data-theme] body{
  --mc-rail-open:220px;
  --mc-rail-w:var(--mc-rail-open);
  --mc-secondary-rail-w:min(336px,calc(100vw - 92px));
  --mc-secondary-rail-gap:10px;
  --mc-secondary-rail-main-pad:24px;
  --mc-side-collapsed-w:46px;
  --mc-side-collapsed-pad-x:2px;
  --mc-side-collapsed-pad-top:26px;
  --mc-shell-divider-z:2147483000;
  --mc-shell-divider-stroke-width:.5px;
  --mc-shell-divider-stroke-opacity:.72;
  --mc-shell-divider-filter:none;
}
html body:has(.layout.side-collapsed),
html[data-theme] body:has(.layout.side-collapsed),
html body.secondary-rail-open,
html[data-theme] body.secondary-rail-open{
  --mc-rail-w:var(--mc-side-collapsed-w);
}
html body .app,

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-02-seg-01-media-max-width-420px-fine-02.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-02-seg-02-media-max-width-420px-micro-01-short-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-17-part-02-media-max-width-420px.css. Keep import order stable. */
html[data-theme] body .app{
  --mc-rail-open:220px;
  --mc-rail-w:var(--mc-rail-open)!important;
  --mc-secondary-rail-w:min(336px,calc(100vw - 92px));
  --mc-secondary-rail-gap:10px;
  --mc-secondary-rail-main-pad:24px;
  --mc-side-collapsed-w:46px;
  --mc-side-collapsed-pad-x:2px;
  --mc-side-collapsed-pad-top:26px;
}
html body:has(.layout.side-collapsed) .app,
html[data-theme] body:has(.layout.side-collapsed) .app,
html body.secondary-rail-open .app,
html[data-theme] body.secondary-rail-open .app{
  --mc-rail-w:var(--mc-side-collapsed-w)!important;
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-02-seg-02-media-max-width-420px-micro-01-short-01.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-02-seg-02-media-max-width-420px-micro-01-short-02-unit-01.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
html body .app .layout,
  html[data-theme] body .app .layout{
    transition:padding-right .24s cubic-bezier(.22,.8,.24,1)!important;
  }
  html body .app .layout > .side,
  html[data-theme] body .app .layout > .side{
    width:var(--mc-rail-w)!important;
    min-width:var(--mc-rail-w)!important;
    max-width:var(--mc-rail-w)!important;
  }
  html body.secondary-rail-open .app .layout,
  html[data-theme] body.secondary-rail-open .app .layout,
  html body.secondary-rail-open.secondary-rail-wide .app .layout,
  html[data-theme] body.secondary-rail-open.secondary-rail-wide .app .layout{
    padding-right:calc(var(--mc-secondary-rail-w) + var(--mc-secondary-rail-gap))!important;
  }
  html body.secondary-rail-open .app .layout > .main,
  html[data-theme] body.secondary-rail-open .app .layout > .main,
  html body.secondary-rail-open.secondary-rail-wide .app .layout > .main,
  html[data-theme] body.secondary-rail-open.secondary-rail-wide .app .layout > .main{
    padding-right:var(--mc-secondary-rail-main-pad)!important;
  }
  html body.secondary-rail-open .app .layout > .side,
  html[data-theme] body.secondary-rail-open .app .layout > .side,
  html body .app .layout.side-collapsed > .side,
  html[data-theme] body .app .layout.side-collapsed > .side{
    width:var(--mc-side-collapsed-w)!important;
    min-width:var(--mc-side-collapsed-w)!important;
    max-width:var(--mc-side-collapsed-w)!important;
    padding:var(--mc-side-collapsed-pad-top) var(--mc-side-collapsed-pad-x) 8px!important;
    transition:width .22s cubic-bezier(.22,.8,.24,1),min-width .22s cubic-bezier(.22,.8,.24,1),max-width .22s cubic-bezier(.22,.8,.24,1),padding .22s cubic-bezier(.22,.8,.24,1)!important;
  }
  html body.secondary-rail-open .app .layout > .side :where(.nav-label,.side-grp-head span,.side-profile-text),
  html[data-theme] body.secondary-rail-open .app .layout > .side :where(.nav-label,.side-grp-head span,.side-profile-text),
  html body .app .layout.side-collapsed > .side :where(.nav-label,.side-grp-head span,.side-profile-text),
  html[data-theme] body .app .layout.side-collapsed > .side :where(.nav-label,.side-grp-head span,.side-profile-text){
    display:none!important;
  }
  html body.secondary-rail-open .app .layout > .side .nav,
  html[data-theme] body.secondary-rail-open .app .layout > .side .nav,
  html body .app .layout.side-collapsed > .side .nav,
  html[data-theme] body .app .layout.side-collapsed > .side .nav{
    width:30px!important;
    min-width:30px!important;
    height:38px!important;
    min-height:38px!important;
    margin:0 auto 1px!important;
    padding:0!important;
    justify-content:center!important;
    gap:0!important;
  }
  html body #modal .secondary-rail-shell,
  html[data-theme] body #modal .secondary-rail-shell,
  html body #modal .secondary-rail-shell.wide,
  html[data-theme] body #modal .secondary-rail-shell.wide,
  html body #modal .secondary-rail-shell.org-pick-modal,
  html[data-theme] body #modal .secondary-rail-shell.org-pick-modal,
  html body #modal .secondary-rail-shell.org-pick-rail,
  html[data-theme] body #modal .secondary-rail-shell.org-pick-rail,
  html body #modal .secondary-rail-shell.profile-org-rail,
  html[data-theme] body #modal .secondary-rail-shell.profile-org-rail,
  html body #modal .secondary-rail-shell.live-room-rail,
  html[data-theme] body #modal .secondary-rail-shell.live-room-rail{
    width:var(--mc-secondary-rail-w)!important;
    min-width:var(--mc-secondary-rail-w)!important;
    max-width:var(--mc-secondary-rail-w)!important;
    right:0!important;
    border-left:0!important;
    border-radius:0!important;
  }
  html body #modal .secondary-rail-line,
  html[data-theme] body #modal .secondary-rail-line,
  html body #modal .secondary-rail-shell.live-room-rail .secondary-rail-line,
  html[data-theme] body #modal .secondary-rail-shell.live-room-rail .secondary-rail-line{
    display:none!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:1px!important;
    background:none!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  html body.secondary-rail-open > .mc-shell-divider:not([data-hidden="1"]),
  html[data-theme] body.secondary-rail-open > .mc-shell-divider:not([data-hidden="1"]),
  html body > .mc-shell-divider:not([data-hidden="1"]),
  html[data-theme] body > .mc-shell-divider:not([data-hidden="1"]){
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    z-index:var(--mc-shell-divider-z)!important;
  }
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-02-seg-02-media-max-width-420px-micro-01-short-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-02-seg-02-media-max-width-420px-micro-01-short-02-unit-02.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body.live-room-rail-open,
  html[data-theme] body.live-room-rail-open{
    --live-room-rail-space:var(--mc-secondary-rail-w);
  }
  html body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms,
  html[data-theme] body.secondary-rail-open:has(#modal .secondary-rail-shell.live-room-rail) .app .layout > .main.page-liveRooms{
    padding:12px 14px!important;
  }
  html body.secondary-rail-open .app .layout > .main.page-liveRooms :where(.live-room-head,.live-room-shell,.live-room-stage-wrap,.live-room-overlay,.live-room-actions,.live-building-switch),
  html[data-theme] body.secondary-rail-open .app .layout > .main.page-liveRooms :where(.live-room-head,.live-room-shell,.live-room-stage-wrap,.live-room-overlay,.live-room-actions,.live-building-switch){
    transform:none!important;
  }
  html body.secondary-rail-open.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-head,
  html[data-theme] body.secondary-rail-open.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-head,
  html body.secondary-rail-open.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-shell,
  html[data-theme] body.secondary-rail-open.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-shell,
  html body.secondary-rail-open.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-stage-wrap,
  html[data-theme] body.secondary-rail-open.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-stage-wrap,
  html body.secondary-rail-open.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-overlay,
  html[data-theme] body.secondary-rail-open.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-overlay,
  html body.secondary-rail-open.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-actions,
  html[data-theme] body.secondary-rail-open.live-room-rail-open .app .layout > .main.page-liveRooms .live-room-actions,

  html body.secondary-rail-open.live-room-rail-open .app .layout > .main.page-liveRooms .live-building-switch,
  html[data-theme] body.secondary-rail-open.live-room-rail-open .app .layout > .main.page-liveRooms .live-building-switch{
    transform:none!important;
  }
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-02-seg-02-media-max-width-420px-micro-01-short-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-02-seg-02-media-max-width-420px-micro-02-unit-01.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
html body.secondary-rail-open .app .layout > .main.page-liveRooms .live-room-head,
html[data-theme] body.secondary-rail-open .app .layout > .main.page-liveRooms .live-room-head{
    height:auto!important;
    min-height:64px!important;
    max-height:none!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:12px 14px!important;
    box-sizing:border-box!important;
    transform-origin:center top!important;
    transition:width .26s cubic-bezier(.22,.8,.24,1),max-width .26s cubic-bezier(.22,.8,.24,1),margin .26s cubic-bezier(.22,.8,.24,1),padding-left .26s cubic-bezier(.22,.8,.24,1),padding-right .26s cubic-bezier(.22,.8,.24,1)!important;
  }
  html body.secondary-rail-open .app .layout > .main.page-liveRooms .live-room-head h1,
  html[data-theme] body.secondary-rail-open .app .layout > .main.page-liveRooms .live-room-head h1{
    font-size:var(--mc-head-title,1.26rem)!important;
    line-height:1.08!important;
  }
  html body.secondary-rail-open .app .layout > .main.page-liveRooms .live-room-actions,
  html[data-theme] body.secondary-rail-open .app .layout > .main.page-liveRooms .live-room-actions,

  html body.secondary-rail-open .app .layout > .main.page-liveRooms .live-room-overlay,
  html[data-theme] body.secondary-rail-open .app .layout > .main.page-liveRooms .live-room-overlay{
    left:12px!important;
    right:12px!important;
    max-width:none!important;
    overflow:visible!important;
    transition:none!important;
  }
  html body #modal .secondary-rail-shell,
  html[data-theme] body #modal .secondary-rail-shell,
  html body #modal .secondary-rail-shell.wide,
  html[data-theme] body #modal .secondary-rail-shell.wide,
  html body #modal .secondary-rail-shell.org-pick-rail,
  html[data-theme] body #modal .secondary-rail-shell.org-pick-rail,
  html body #modal .secondary-rail-shell.profile-org-rail,
  html[data-theme] body #modal .secondary-rail-shell.profile-org-rail,
  html body #modal .secondary-rail-shell.live-room-rail,
  html[data-theme] body #modal .secondary-rail-shell.live-room-rail{
    grid-template-rows:auto auto minmax(0,1fr) auto!important;
  }
  html body #modal .secondary-rail-control,
  html[data-theme] body #modal .secondary-rail-control{
    position:relative!important;
    z-index:2!important;
    min-height:42px!important;
    height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:10px 16px 0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html body #modal .secondary-rail-control .secondary-rail-close.shell-priority-control,
  html[data-theme] body #modal .secondary-rail-control .secondary-rail-close.shell-priority-control,
  html body #modal .secondary-rail-control .secondary-rail-close,
  html[data-theme] body #modal .secondary-rail-control .secondary-rail-close{
    position:static!important;
    inset:auto!important;
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:1px solid rgba(244,244,241,.10)!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.045)!important;
    box-shadow:none!important;
    color:rgba(244,244,241,.78)!important;
    transform:none!important;
  }
  html body #modal .secondary-rail-control .secondary-rail-close:hover,
  html[data-theme] body #modal .secondary-rail-control .secondary-rail-close:hover{
    background:rgba(255,255,255,.085)!important;
    border-color:rgba(244,244,241,.18)!important;
    color:#fff!important;
    transform:none!important;
  }
  html body #modal .secondary-rail-head,
  html[data-theme] body #modal .secondary-rail-head,
  html body #modal .live-room-rail .secondary-rail-head,
  html[data-theme] body #modal .live-room-rail .secondary-rail-head{
    position:relative!important;
    min-height:0!important;
    height:auto!important;
    padding:6px 16px 12px!important;
    display:block!important;
    background:transparent!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
    box-shadow:none!important;
  }
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-02-seg-02-media-max-width-420px-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-02-seg-02-media-max-width-420px-micro-02-unit-02.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body #modal .secondary-rail-head .secondary-rail-close,
  html[data-theme] body #modal .secondary-rail-head .secondary-rail-close{
    display:none!important;
  }
  html body .app .layout > .side .grp-sep,
  html[data-theme] body .app .layout > .side .grp-sep,
  html body.secondary-rail-open .app .layout > .side .grp-sep,
  html[data-theme] body.secondary-rail-open .app .layout > .side .grp-sep,
  html body .app .layout.side-collapsed > .side .grp-sep,
  html[data-theme] body .app .layout.side-collapsed > .side .grp-sep,
  html body .app .layout > .side.collapsed .grp-sep,
  html[data-theme] body .app .layout > .side.collapsed .grp-sep{
    display:block!important;
    position:relative!important;
    flex:0 0 auto!important;
    width:calc(100% - 22px)!important;
    min-width:24px!important;
    max-width:160px!important;
    height:1px!important;
    min-height:1px!important;
    margin:10px auto 9px!important;
    padding:0!important;
    border:0!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,transparent,rgba(244,244,241,.42),rgba(255,95,162,.38),rgba(245,158,11,.30),transparent)!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
  }
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-02-seg-02-media-max-width-420px-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-02-seg-02-media-max-width-420px-micro-03.css */

@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
html body.secondary-rail-open .app .layout > .side .grp-sep,
  html[data-theme] body.secondary-rail-open .app .layout > .side .grp-sep,
  html body .app .layout.side-collapsed > .side .grp-sep,
  html[data-theme] body .app .layout.side-collapsed > .side .grp-sep,
  html body .app .layout > .side.collapsed .grp-sep,
  html[data-theme] body .app .layout > .side.collapsed .grp-sep{
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    height:2px!important;
    min-height:2px!important;
    margin:13px auto 11px!important;
  }
  html body .app .layout > .side .grp-sep::after,
  html[data-theme] body .app .layout > .side .grp-sep::after,
  html body.secondary-rail-open .app .layout > .side .grp-sep::after,
  html[data-theme] body.secondary-rail-open .app .layout > .side .grp-sep::after,
  html body .app .layout.side-collapsed > .side .grp-sep::after,
  html[data-theme] body .app .layout.side-collapsed > .side .grp-sep::after,
  html body .app .layout > .side.collapsed .grp-sep::after,
  html[data-theme] body .app .layout > .side.collapsed .grp-sep::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    border-radius:inherit!important;
    background:inherit!important;
    opacity:1!important;
    visibility:visible!important;
  }
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-02-seg-02-media-max-width-420px-micro-03.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-03-seg-01-media-max-width-420px-fine-01-short-01.css */

/* Legacy ordered base slice 17 part 03; split from 001-base-slice-17-media-max-width-420px.css. Keep import order stable. */
/* Final field template lock: ordinary app/modal fields use one compact transparent box model. */
html body .app.app :is(
  input:not(.mc-combo-input):not([type]),
  input:not(.mc-combo-input)[type="text"],
  input:not(.mc-combo-input)[type="search"],
  input:not(.mc-combo-input)[type="email"],
  input:not(.mc-combo-input)[type="password"],
  input:not(.mc-combo-input)[type="tel"],
  input:not(.mc-combo-input)[type="url"],
  input:not(.mc-combo-input)[type="number"],
  input:not(.mc-combo-input)[type="date"],
  input:not(.mc-combo-input)[type="time"],
  input:not(.mc-combo-input)[type="datetime-local"],
  input:not(.mc-combo-input)[type="month"],
  select,
  .input,
  .tpl-phone-input,
  .tpl-phone-upload,
  .tpl-phone-sign
),
html body #modal :is(
  input:not(.mc-combo-input):not([type]),
  input:not(.mc-combo-input)[type="text"],
  input:not(.mc-combo-input)[type="search"],
  input:not(.mc-combo-input)[type="email"],
  input:not(.mc-combo-input)[type="password"],
  input:not(.mc-combo-input)[type="tel"],
  input:not(.mc-combo-input)[type="url"],
  input:not(.mc-combo-input)[type="number"],
  input:not(.mc-combo-input)[type="date"],
  input:not(.mc-combo-input)[type="time"],
  input:not(.mc-combo-input)[type="datetime-local"],
  input:not(.mc-combo-input)[type="month"],
  select,
  .input,
  .tpl-phone-input,
  .tpl-phone-upload,
  .tpl-phone-sign
){
  height:36px!important;
  min-height:36px!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:0 10px!important;
  border:.5px solid rgba(244,244,241,.16)!important;
  border-radius:6px!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  color:#f4f4f1!important;
  -webkit-text-fill-color:#f4f4f1!important;
  box-shadow:none!important;
  outline:0!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  line-height:34px!important;
}
html body .app.app :is(textarea,.tpl-phone-textarea),
html body #modal :is(textarea,.tpl-phone-textarea){
  min-height:74px!important;
  height:auto!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:8px 9px!important;
  border:.5px solid rgba(244,244,241,.16)!important;
  border-radius:6px!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  color:#f4f4f1!important;
  -webkit-text-fill-color:#f4f4f1!important;
  box-shadow:none!important;
  outline:0!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  line-height:1.35!important;
  resize:vertical!important;
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-03-seg-01-media-max-width-420px-fine-01-short-01.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-03-seg-01-media-max-width-420px-fine-01-short-02.css */

html body .app.app :is(
  input:not(.mc-combo-input):not([type]),
  input:not(.mc-combo-input)[type="text"],
  input:not(.mc-combo-input)[type="search"],
  input:not(.mc-combo-input)[type="email"],
  input:not(.mc-combo-input)[type="password"],
  input:not(.mc-combo-input)[type="tel"],
  input:not(.mc-combo-input)[type="url"],
  input:not(.mc-combo-input)[type="number"],
  input:not(.mc-combo-input)[type="date"],
  input:not(.mc-combo-input)[type="time"],
  input:not(.mc-combo-input)[type="datetime-local"],
  input:not(.mc-combo-input)[type="month"],
  select,
  textarea,
  .input,
  .tpl-phone-input,
  .tpl-phone-textarea,
  .tpl-phone-upload,
  .tpl-phone-sign
):is(:hover,:focus,:focus-visible),
html body #modal :is(
  input:not(.mc-combo-input):not([type]),
  input:not(.mc-combo-input)[type="text"],
  input:not(.mc-combo-input)[type="search"],
  input:not(.mc-combo-input)[type="email"],
  input:not(.mc-combo-input)[type="password"],
  input:not(.mc-combo-input)[type="tel"],
  input:not(.mc-combo-input)[type="url"],
  input:not(.mc-combo-input)[type="number"],
  input:not(.mc-combo-input)[type="date"],
  input:not(.mc-combo-input)[type="time"],
  input:not(.mc-combo-input)[type="datetime-local"],
  input:not(.mc-combo-input)[type="month"],
  select,
  textarea,
  .input,
  .tpl-phone-input,
  .tpl-phone-textarea,
  .tpl-phone-upload,
  .tpl-phone-sign
):is(:hover,:focus,:focus-visible){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  border-width:var(--mc-model-field-active-width,.35px)!important;
  border-image:var(--mc-input-line-gradient)!important;
  border-image-width:var(--mc-model-field-active-image-width,.38)!important;
  box-shadow:none!important;
  outline:0!important;
}
html body .app.app :is(select),
html body #modal :is(select){
  appearance:none!important;
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  padding-right:34px!important;
  background-image:
    linear-gradient(45deg,transparent 50%,rgba(244,244,241,.62) 50%),
    linear-gradient(135deg,rgba(244,244,241,.62) 50%,transparent 50%)!important;
  background-position:
    calc(100% - 17px) 50%,
    calc(100% - 11px) 50%!important;
  background-size:6px 6px,6px 6px!important;
  background-repeat:no-repeat,no-repeat!important;
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-03-seg-01-media-max-width-420px-fine-01-short-02.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-03-seg-01-media-max-width-420px-fine-02-unit-01.css */

html body .app.app :is(select option,select optgroup),
html body #modal :is(select option,select optgroup){
  background-color:#0f100f!important;
  color:#f4f4f1!important;
}
html body .app.app :is(
  .mc-combo-field,
  button.glass-select-list,
  .btn.glass-select-list,
  .select-summary,
  .msg-filter-toggle,
  .nd-filter-toggle,
  .history-filter-toggle,
  .emp-org-manager-btn
),
html body #modal :is(
  .mc-combo-field,
  button.glass-select-list,
  .btn.glass-select-list,
  .select-summary,
  .msg-filter-toggle,
  .nd-filter-toggle,
  .history-filter-toggle,
  .emp-org-manager-btn
){
  position:relative!important;
  min-height:36px!important;
  box-sizing:border-box!important;
  border:.5px solid rgba(244,244,241,.16)!important;
  border-radius:6px!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  color:#f4f4f1!important;
  -webkit-text-fill-color:#f4f4f1!important;
  box-shadow:none!important;
  outline:0!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
/* LOCKED FROSTED PICK LIST MODEL.
   Dropdown/select/person-pick menus use this black frosted glass surface.
   It is separate from both text fields and long data lists. */
html body .app.app :is(.mc-combo-menu,.glass-select-list:not(button):not(.btn),.app-lang-menu,.profile-menu,.nd-filter-menu,.history-filter-menu,.msg-filter-menu,.notif-filter-menu,.notif-drop,.org-pick-list,.org-pick-modal,.org-simple-pick,.att-calendar-person-menu,.modal.org-pick-modal,.modal:has(.org-simple-pick)),
html body #modal :is(.mc-combo-menu,.glass-select-list:not(button):not(.btn),.app-lang-menu,.profile-menu,.nd-filter-menu,.history-filter-menu,.msg-filter-menu,.notif-filter-menu,.notif-drop,.org-pick-list,.org-pick-modal,.org-simple-pick,.att-calendar-person-menu,.modal.org-pick-modal,.modal:has(.org-simple-pick)){
  background:rgba(3,4,4,.94)!important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.040),rgba(255,255,255,.008))!important;
  border:1px solid rgba(244,244,241,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.050),0 18px 42px -34px rgba(0,0,0,.94)!important;
  color:#f4f4f1!important;
  -webkit-backdrop-filter:blur(30px) saturate(1.16)!important;
  backdrop-filter:blur(30px) saturate(1.16)!important;
}
html body .app.app :is(input,textarea,.input)::placeholder,
html body #modal :is(input,textarea,.input)::placeholder{
  color:rgba(244,244,241,.42)!important;
  -webkit-text-fill-color:rgba(244,244,241,.42)!important;
}
/* Secondary rail collapse control: keep the hit area, remove the framed button look. */
html body #modal .secondary-rail-control .secondary-rail-close,
html[data-theme] body #modal .secondary-rail-control .secondary-rail-close,
html body #modal .secondary-rail-control .secondary-rail-close.shell-priority-control,
html[data-theme] body #modal .secondary-rail-control .secondary-rail-close.shell-priority-control{
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body #modal .secondary-rail-control .secondary-rail-close:hover,
html[data-theme] body #modal .secondary-rail-control .secondary-rail-close:hover,
html body #modal .secondary-rail-control .secondary-rail-close:focus,
html[data-theme] body #modal .secondary-rail-control .secondary-rail-close:focus,
html body #modal .secondary-rail-control .secondary-rail-close:focus-visible,
html[data-theme] body #modal .secondary-rail-control .secondary-rail-close:focus-visible{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#fff!important;
  transform:none!important;
}
html body #modal .secondary-rail-control .secondary-rail-close::before,
html body #modal .secondary-rail-control .secondary-rail-close::after,
html[data-theme] body #modal .secondary-rail-control .secondary-rail-close::before,
html[data-theme] body #modal .secondary-rail-control .secondary-rail-close::after{
  display:none!important;
  content:none!important;
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-03-seg-01-media-max-width-420px-fine-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-03-seg-01-media-max-width-420px-fine-02-unit-02.css */

/* System settings: final no-shadow lock. */
html body .app .layout > .main.page-system :where(.settings-modern-shell,.settings-modern-status,.settings-card,.sys-card,.sys-location-card,.sys-kv,.radius-tools,.geo-preview,.settings-empty,.empty,.btn,button.btn,input,select,textarea,.mc-combo-field),
html[data-theme] body .app .layout > .main.page-system :where(.settings-modern-shell,.settings-modern-status,.settings-card,.sys-card,.sys-location-card,.sys-kv,.radius-tools,.geo-preview,.settings-empty,.empty,.btn,button.btn,input,select,textarea,.mc-combo-field){
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
html body .app .layout > .main.page-system :where(.settings-modern-shell,.settings-modern-status,.settings-card,.sys-card,.sys-location-card,.sys-kv,.radius-tools,.geo-preview,.settings-empty,.empty,.btn,button.btn,input,select,textarea,.mc-combo-field),
html[data-theme] body .app .layout > .main.page-system :where(.settings-modern-shell,.settings-modern-status,.settings-card,.sys-card,.sys-location-card,.sys-kv,.radius-tools,.geo-preview,.settings-empty,.empty,.btn,button.btn,input,select,textarea,.mc-combo-field){
  box-shadow:none!important;
}
html body .app .layout > .main.page-system :where(input,select,textarea,.mc-combo-field):focus,
html body .app .layout > .main.page-system :where(input,select,textarea,.mc-combo-field):focus-within,
html[data-theme] body .app .layout > .main.page-system :where(input,select,textarea,.mc-combo-field):focus,
html[data-theme] body .app .layout > .main.page-system :where(input,select,textarea,.mc-combo-field):focus-within{
  box-shadow:none!important;
}
/* System settings: remove grey underlays, divider shadows and field haze. */
html body .app .layout > .main.page-system :where(.settings-compact-shell .sys-card,.settings-compact-shell .sys-location-card),
html[data-theme] body .app .layout > .main.page-system :where(.settings-compact-shell .sys-card,.settings-compact-shell .sys-location-card){
  border:0!important;
  border-bottom:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-system :where(.settings-card,.sys-card,.sys-location-card,.settings-card-title b,.settings-modern-status span,#cloudStatus,.sys-kv,.radius-tools,.geo-preview,.settings-empty,.empty),
html[data-theme] body .app .layout > .main.page-system :where(.settings-card,.sys-card,.sys-location-card,.settings-card-title b,.settings-modern-status span,#cloudStatus,.sys-kv,.radius-tools,.geo-preview,.settings-empty,.empty){
  background-image:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
html body .app .layout > .main.page-system :where(.settings-card-title,.sys-kv,.field,.office-form>.field,.office-form>*),
html[data-theme] body .app .layout > .main.page-system :where(.settings-card-title,.sys-kv,.field,.office-form>.field,.office-form>*){
  border-bottom:0!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-03-seg-01-media-max-width-420px-fine-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-03-seg-01-media-max-width-420px-fine-03.css */

html body .app .layout > .main.page-system :where(input:not([type="range"]),select,textarea,.input,.field input,.field select,.field textarea,.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box),
html[data-theme] body .app .layout > .main.page-system :where(input:not([type="range"]),select,textarea,.input,.field input,.field select,.field textarea,.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-color:rgba(244,244,241,.16)!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .app .layout > .main.page-system :where(select),
html[data-theme] body .app .layout > .main.page-system :where(select){
  background-image:
    linear-gradient(45deg,transparent 50%,rgba(244,244,241,.58) 50%),
    linear-gradient(135deg,rgba(244,244,241,.58) 50%,transparent 50%)!important;
  background-position:calc(100% - 17px) 50%,calc(100% - 11px) 50%!important;
  background-size:6px 6px,6px 6px!important;
  background-repeat:no-repeat,no-repeat!important;
}
html body .app .layout > .main.page-system :where(input:not([type="range"]),select,textarea,.input,.field input,.field select,.field textarea,.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box):is(:hover,:focus,:focus-within,:focus-visible),
html[data-theme] body .app .layout > .main.page-system :where(input:not([type="range"]),select,textarea,.input,.field input,.field select,.field textarea,.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box):is(:hover,:focus,:focus-within,:focus-visible){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  border-width:.5px!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-system :where(select):is(:hover,:focus,:focus-visible),
html[data-theme] body .app .layout > .main.page-system :where(select):is(:hover,:focus,:focus-visible){
  background-image:
    linear-gradient(45deg,transparent 50%,rgba(244,244,241,.72) 50%),
    linear-gradient(135deg,rgba(244,244,241,.72) 50%,transparent 50%)!important;
  background-position:calc(100% - 17px) 50%,calc(100% - 11px) 50%!important;
  background-size:6px 6px,6px 6px!important;
  background-repeat:no-repeat,no-repeat!important;
}
/* LOCKED TEXT FIELD MODEL.
   Any future "文本框 / 搜索框 / 下拉框 / 选择框" request must use this model:
   transparent interior, faint grey 0.5px hairline by default, colorful 0.5px hairline only on hover/focus, 36px single-line height,
   no pseudo-element row layer, no nested inner box, no grey fill. */
html body .app.app :is(
  input:not(.mc-combo-input):not([type]),
  input:not(.mc-combo-input)[type="text"],
  input:not(.mc-combo-input)[type="search"],
  input:not(.mc-combo-input)[type="email"],
  input:not(.mc-combo-input)[type="password"],
  input:not(.mc-combo-input)[type="tel"],
  input:not(.mc-combo-input)[type="url"],
  input:not(.mc-combo-input)[type="number"],
  input:not(.mc-combo-input)[type="date"],

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-03-seg-01-media-max-width-420px-fine-03.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-03-seg-02-media-max-width-420px-trim-01-compact-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-17-part-03-media-max-width-420px.css. Keep import order stable. */
  input:not(.mc-combo-input)[type="time"],
  input:not(.mc-combo-input)[type="datetime-local"],
  input:not(.mc-combo-input)[type="month"],
  select,
  .input,
  .tpl-phone-input,
  .tpl-phone-upload,
  .tpl-phone-sign,
  .mc-combo-field,
  button.glass-select-list,
  .btn.glass-select-list,
  .select-summary,
  .msg-filter-toggle,
  .nd-filter-toggle,
  .history-filter-toggle,
  .emp-org-manager-btn
),
html body #modal :is(
  input:not(.mc-combo-input):not([type]),
  input:not(.mc-combo-input)[type="text"],
  input:not(.mc-combo-input)[type="search"],
  input:not(.mc-combo-input)[type="email"],
  input:not(.mc-combo-input)[type="password"],
  input:not(.mc-combo-input)[type="tel"],
  input:not(.mc-combo-input)[type="url"],
  input:not(.mc-combo-input)[type="number"],
  input:not(.mc-combo-input)[type="date"],
  input:not(.mc-combo-input)[type="time"],
  input:not(.mc-combo-input)[type="datetime-local"],
  input:not(.mc-combo-input)[type="month"],
  select,
  .input,
  .tpl-phone-input,
  .tpl-phone-upload,
  .tpl-phone-sign,
  .mc-combo-field,
  button.glass-select-list,
  .btn.glass-select-list,
  .select-summary,
  .msg-filter-toggle,
  .nd-filter-toggle,
  .history-filter-toggle,
  .emp-org-manager-btn
){
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  padding:0 10px!important;
  border:.5px solid rgba(244,244,241,.16)!important;
  border-radius:6px!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  outline:0!important;
  color:#f4f4f1!important;
  -webkit-text-fill-color:#f4f4f1!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  line-height:34px!important;
  transition:border-color .14s ease,background-image .14s ease,color .14s ease!important;
}
html body .app.app :is(textarea,.tpl-phone-textarea,.mc-combo-field.mc-form-textarea-box),
html body #modal :is(textarea,.tpl-phone-textarea,.mc-combo-field.mc-form-textarea-box){
  height:auto!important;
  min-height:76px!important;
  max-height:none!important;
  padding:8px 10px!important;
  border:.5px solid rgba(244,244,241,.16)!important;
  border-radius:6px!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  outline:0!important;
  color:#f4f4f1!important;
  -webkit-text-fill-color:#f4f4f1!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  line-height:1.35!important;
  resize:vertical!important;
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-03-seg-02-media-max-width-420px-trim-01-compact-01.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-03-seg-02-media-max-width-420px-trim-01-compact-02.css */

html body .app.app :is(
  input:not(.mc-combo-input):not([type]),
  input:not(.mc-combo-input)[type="text"],
  input:not(.mc-combo-input)[type="search"],
  input:not(.mc-combo-input)[type="email"],
  input:not(.mc-combo-input)[type="password"],
  input:not(.mc-combo-input)[type="tel"],
  input:not(.mc-combo-input)[type="url"],
  input:not(.mc-combo-input)[type="number"],
  input:not(.mc-combo-input)[type="date"],
  input:not(.mc-combo-input)[type="time"],
  input:not(.mc-combo-input)[type="datetime-local"],
  input:not(.mc-combo-input)[type="month"],
  select,
  textarea,
  .input,
  .tpl-phone-input,
  .tpl-phone-textarea,
  .tpl-phone-upload,
  .tpl-phone-sign,
  .mc-combo-field,
  button.glass-select-list,
  .btn.glass-select-list,
  .select-summary,
  .msg-filter-toggle,
  .nd-filter-toggle,
  .history-filter-toggle,
  .emp-org-manager-btn
):is(:hover,:focus,:focus-visible,:focus-within),
html body #modal :is(
  input:not(.mc-combo-input):not([type]),
  input:not(.mc-combo-input)[type="text"],
  input:not(.mc-combo-input)[type="search"],
  input:not(.mc-combo-input)[type="email"],
  input:not(.mc-combo-input)[type="password"],
  input:not(.mc-combo-input)[type="tel"],
  input:not(.mc-combo-input)[type="url"],
  input:not(.mc-combo-input)[type="number"],
  input:not(.mc-combo-input)[type="date"],
  input:not(.mc-combo-input)[type="time"],
  input:not(.mc-combo-input)[type="datetime-local"],
  input:not(.mc-combo-input)[type="month"],
  select,
  textarea,
  .input,
  .tpl-phone-input,
  .tpl-phone-textarea,
  .tpl-phone-upload,
  .tpl-phone-sign,
  .mc-combo-field,
  button.glass-select-list,
  .btn.glass-select-list,
  .select-summary,
  .msg-filter-toggle,
  .nd-filter-toggle,
  .history-filter-toggle,
  .emp-org-manager-btn
):is(:hover,:focus,:focus-visible,:focus-within){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  border-image:var(--mc-input-line-gradient,var(--mc-model-field-gradient))!important;
  border-image-width:var(--mc-model-field-active-image-width,.38)!important;
  border-width:var(--mc-model-field-active-width,.35px)!important;
  box-shadow:none!important;
  outline:0!important;
  filter:none!important;
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-03-seg-02-media-max-width-420px-trim-01-compact-02.css */


/* >>> runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-03-seg-02-media-max-width-420px-trim-02.css */

html body .app.app :is(select),
html body #modal :is(select){
  appearance:none!important;
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  padding-right:34px!important;
  background-color:transparent!important;
  background-image:
    linear-gradient(45deg,transparent 50%,rgba(244,244,241,.58) 50%),
    linear-gradient(135deg,rgba(244,244,241,.58) 50%,transparent 50%)!important;
  background-position:calc(100% - 17px) 50%,calc(100% - 11px) 50%!important;
  background-size:6px 6px,6px 6px!important;
  background-repeat:no-repeat,no-repeat!important;
}
html body .app.app :is(select):is(:hover,:focus,:focus-visible),
html body #modal :is(select):is(:hover,:focus,:focus-visible){
  background-color:transparent!important;
  background-image:
    linear-gradient(45deg,transparent 50%,rgba(244,244,241,.72) 50%),
    linear-gradient(135deg,rgba(244,244,241,.72) 50%,transparent 50%)!important;
  background-position:calc(100% - 17px) 50%,calc(100% - 11px) 50%!important;
  background-size:6px 6px,6px 6px!important;
  background-repeat:no-repeat,no-repeat!important;
}
/* Final nested-frame cleanup: inner controls inside the new field shell must not draw their own old box. */
html body .app.app :where(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box) > :where(input,select,textarea,button,.input),
html body #modal :where(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box) > :where(input,select,textarea,button,.input),
html body .app.app :where(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box) :where(input.mc-combo-input,select.mc-combo-input,textarea.mc-combo-input),
html body #modal :where(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box) :where(input.mc-combo-input,select.mc-combo-input,textarea.mc-combo-input){
  width:100%!important;
  min-width:0!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  line-height:34px!important;
}
html body .app.app :where(.mc-form-select-combo) > select.mc-combo-input,
html body #modal :where(.mc-form-select-combo) > select.mc-combo-input{
  appearance:none!important;
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  padding-right:0!important;
  color:#f4f4f1!important;
  -webkit-text-fill-color:#f4f4f1!important;
}
html body .app.app :where(.mc-form-textarea-box) > textarea.mc-combo-input,
html body #modal :where(.mc-form-textarea-box) > textarea.mc-combo-input{
  height:auto!important;
  min-height:60px!important;
  max-height:none!important;
  line-height:1.35!important;
  resize:vertical!important;
}

/* <<< runtime/legacy/styles/blocks/mobile/replacement-only/slice-17/001-base-slice-17-part-03-seg-02-media-max-width-420px-trim-02.css */


/* >>> runtime/legacy/styles/blocks/overlays/application-state/effects/001-base-slice-18-part-01-seg-01-html-body-app-app-where-fine-01-short-01.css */

/* Legacy ordered base slice 18 part 01; split from 001-base-slice-18-html-body-app-app-where.css. Keep import order stable. */
html body .app.app :where(.select-summary),
html body #modal :where(.select-summary){
  height:auto!important;
  min-height:36px!important;
  max-height:none!important;
}
html body .app.app :where(.select-summary .sum-person,.select-summary .tag,.mc-selected-chip,.field .select-summary .sum-person,.field .select-summary .tag),
html body #modal :where(.select-summary .sum-person,.select-summary .tag,.mc-selected-chip,.field .select-summary .sum-person,.field .select-summary .tag){
  border:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app.app :where(.field):has(> .mc-combo-field),
html body #modal :where(.field):has(> .mc-combo-field){
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
/* Field shells stay in the text-field model; long lists must not reuse this model. */
html body .app.app :is(.mc-combo-field,.select-summary,button.glass-select-list,.btn.glass-select-list,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.emp-org-manager-btn),
html body #modal :is(.mc-combo-field,.select-summary,button.glass-select-list,.btn.glass-select-list,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.emp-org-manager-btn){
  position:relative!important;
  overflow:visible!important;
  border-color:rgba(244,244,241,.16)!important;
  border-width:.5px!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}
html body .app.app :is(.mc-combo-field,.select-summary,button.glass-select-list,.btn.glass-select-list,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.emp-org-manager-btn):is(:hover,:focus,:focus-visible,:focus-within,.active,[aria-expanded="true"],[aria-selected="true"]),
html body #modal :is(.mc-combo-field,.select-summary,button.glass-select-list,.btn.glass-select-list,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.emp-org-manager-btn):is(:hover,:focus,:focus-visible,:focus-within,.active,[aria-expanded="true"],[aria-selected="true"]){
  border-color:transparent!important;
  border-image:var(--mc-model-field-gradient,var(--mc-input-line-gradient))!important;
  border-image-width:var(--mc-model-field-active-image-width,.38)!important;
  border-width:var(--mc-model-field-active-width,.35px)!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}
html body .app.app :is(input:not(.mc-combo-input),select:not(.mc-combo-input),textarea:not(.mc-combo-input),.input,.tpl-phone-input,.tpl-phone-textarea,.tpl-phone-upload,.tpl-phone-sign):is(:hover,:focus,:focus-visible,:focus-within),
html body #modal :is(input:not(.mc-combo-input),select:not(.mc-combo-input),textarea:not(.mc-combo-input),.input,.tpl-phone-input,.tpl-phone-textarea,.tpl-phone-upload,.tpl-phone-sign):is(:hover,:focus,:focus-visible,:focus-within){
  border-color:transparent!important;
  border-image:var(--mc-model-field-gradient,var(--mc-input-line-gradient))!important;
  border-image-width:var(--mc-model-field-active-image-width,.38)!important;
  border-width:var(--mc-model-field-active-width,.35px)!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
/* System settings final cleanup: only real fields keep the locked text-field border. */
html body .app.app .layout > .main.page-system :is(
  .settings-modern-shell,
  .settings-modern-status,
  .settings-card-title,
  .sys-kv,
  .sys-actions,
  .office-form,
  .office-form > *,
  .office-actions,
  .sys-timezone-row,
  .radius-tools,
  .geo-preview,
  .settings-empty,
  .empty,
  .settings-inline-note,
  .office-note
),
html[data-theme] body .app.app .layout > .main.page-system :is(
  .settings-modern-shell,
  .settings-modern-status,
  .settings-card-title,
  .sys-kv,
  .sys-actions,
  .office-form,
  .office-form > *,
  .office-actions,
  .sys-timezone-row,
  .radius-tools,
  .geo-preview,
  .settings-empty,
  .empty,
  .settings-inline-note,
  .office-note
){
  border:0!important;
  border-bottom:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/application-state/effects/001-base-slice-18-part-01-seg-01-html-body-app-app-where-fine-01-short-01.css */


/* >>> runtime/legacy/styles/blocks/overlays/application-state/effects/001-base-slice-18-part-01-seg-01-html-body-app-app-where-fine-01-short-02.css */

html body .app.app .layout > .main.page-system .settings-section-title::before,
html[data-theme] body .app.app .layout > .main.page-system .settings-section-title::before{
  display:none!important;
  content:none!important;
}
html body .app.app .layout > .main.page-system :is(.field,.mc-combo-field-wrap),
html[data-theme] body .app.app .layout > .main.page-system :is(.field,.mc-combo-field-wrap){
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-system :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box),
html[data-theme] body .app.app .layout > .main.page-system :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box){
  position:relative!important;
  overflow:visible!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding:0 10px!important;
  border:.5px solid rgba(244,244,241,.16)!important;
  border-radius:6px!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/application-state/effects/001-base-slice-18-part-01-seg-01-html-body-app-app-where-fine-01-short-02.css */


/* >>> runtime/legacy/styles/blocks/overlays/application-state/effects/001-base-slice-18-part-01-seg-01-html-body-app-app-where-fine-02.css */

html body .app.app .layout > .main.page-system :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box):is(:hover,:focus-within),
html[data-theme] body .app.app .layout > .main.page-system :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box):is(:hover,:focus-within){
  border-color:transparent!important;
  border-image:var(--mc-model-field-gradient,var(--mc-input-line-gradient))!important;
  border-image-width:var(--mc-model-field-active-image-width,.38)!important;
  border-width:var(--mc-model-field-active-width,.35px)!important;
}
html body .app.app .layout > .main.page-system :is(.mc-form-textarea-box),
html[data-theme] body .app.app .layout > .main.page-system :is(.mc-form-textarea-box){
  height:auto!important;
  min-height:76px!important;
  max-height:none!important;
  padding:8px 10px!important;
}
html body .app.app .layout > .main.page-system :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box)::before,
html[data-theme] body .app.app .layout > .main.page-system :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box)::before{
  display:none!important;
  content:none!important;
}
html body .app.app .layout > .main.page-system :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box) > :is(input,select,textarea,.mc-combo-input),
html[data-theme] body .app.app .layout > .main.page-system :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box) > :is(input,select,textarea,.mc-combo-input){
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  line-height:34px!important;
}
html body .app.app .layout > .main.page-system :is(.mc-form-textarea-box) > textarea.mc-combo-input,
html[data-theme] body .app.app .layout > .main.page-system :is(.mc-form-textarea-box) > textarea.mc-combo-input{
  height:auto!important;
  min-height:60px!important;
  max-height:none!important;
  line-height:1.35!important;
}
html body .app.app .layout > .main.page-system input[type=range],
html[data-theme] body .app.app .layout > .main.page-system input[type=range]{
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
/* Employee management final cleanup: remove old nested frames; real inputs keep the locked text-field model. */
html body .app.app .layout > .main:is(.page-employees,.page-emp) :is(
  .employee-admin-shell,
  .employee-admin-main,
  .employee-admin-tabs-wrap,
  .employee-list-shell,
  .employee-table-wrap-col,
  .employee-org-panel,
  .employee-table-panel,
  .field-designer-panel,
  .field-designer-grid,
  .field-group-card,
  .field-row-list,
  .field-config-row,
  .emp-org-inline-editor,
  .emp-org-inline-selected,
  .emp-org-inline-new,
  .emp-org-save-line,
  .emp-org-root-readonly,
  .toolbar,
  .table-wrap,
  .select-summary,
  .mc-combo-field-wrap,
  .field
),
html[data-theme] body .app.app .layout > .main:is(.page-employees,.page-emp) :is(
  .employee-admin-shell,
  .employee-admin-main,
  .employee-admin-tabs-wrap,
  .employee-list-shell,
  .employee-table-wrap-col,
  .employee-org-panel,
  .employee-table-panel,
  .field-designer-panel,
  .field-designer-grid,
  .field-group-card,
  .field-row-list,
  .field-config-row,
  .emp-org-inline-editor,
  .emp-org-inline-selected,
  .emp-org-inline-new,
  .emp-org-save-line,
  .emp-org-root-readonly,
  .toolbar,
  .table-wrap,
  .select-summary,
  .mc-combo-field-wrap,
  .field
),
html body #modal :is(
  .org-manager-layout,
  .org-manager-layout > .panel,
  .field-editor-shell,
  .field-editor-block,
  .field-editor-title,
  .field-designer-panel,
  .emp-org-inline-editor,
  .emp-org-root-readonly,
  .select-summary,
  .mc-combo-field-wrap,
  .field
){
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/application-state/effects/001-base-slice-18-part-01-seg-01-html-body-app-app-where-fine-02.css */


/* >>> runtime/legacy/styles/blocks/overlays/application-state/effects/001-base-slice-18-part-01-seg-01-html-body-app-app-where-fine-03.css */

html body .app.app .layout > .main:is(.page-employees,.page-emp) :is(
  .employee-admin-shell,
  .employee-org-panel,
  .employee-table-panel,
  .field-designer-panel,
  .emp-org-inline-editor,
  .emp-org-root-readonly,
  .select-summary,
  .mc-combo-field-wrap,
  .field
),
html[data-theme] body .app.app .layout > .main:is(.page-employees,.page-emp) :is(
  .employee-admin-shell,
  .employee-org-panel,
  .employee-table-panel,
  .field-designer-panel,
  .emp-org-inline-editor,
  .emp-org-root-readonly,
  .select-summary,
  .mc-combo-field-wrap,
  .field
),
html body #modal :is(
  .org-manager-layout > .panel,
  .field-editor-block,
  .emp-org-inline-editor,
  .emp-org-root-readonly,
  .select-summary,
  .mc-combo-field-wrap,
  .field
){
  border:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app.app .layout > .main.page-employees :is(.employee-table-panel .toolbar input,.employee-table-panel .toolbar select,.emp-org-inline-editor input,.emp-org-inline-editor select,.emp-org-inline-editor textarea),
html[data-theme] body .app.app .layout > .main.page-employees :is(.employee-table-panel .toolbar input,.employee-table-panel .toolbar select,.emp-org-inline-editor input,.emp-org-inline-editor select,.emp-org-inline-editor textarea){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main:is(.page-employees,.page-emp) :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-readonly-box,.mc-form-textarea-box,.emp-org-manager-btn,.select-summary),
html[data-theme] body .app.app .layout > .main:is(.page-employees,.page-emp) :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-readonly-box,.mc-form-textarea-box,.emp-org-manager-btn,.select-summary),
html body #modal :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-readonly-box,.mc-form-textarea-box,.emp-org-manager-btn,.select-summary){
  position:relative!important;
  overflow:visible!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding:0 10px!important;
  border:.5px solid rgba(244,244,241,.16)!important;
  border-radius:6px!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app.app .layout > .main:is(.page-employees,.page-emp) :is(.select-summary),
html[data-theme] body .app.app .layout > .main:is(.page-employees,.page-emp) :is(.select-summary),
html body #modal :is(.select-summary){
  height:auto!important;
  min-height:36px!important;
  max-height:none!important;
}
html body .app.app .layout > .main:is(.page-employees,.page-emp) :is(.mc-form-textarea-box),
html[data-theme] body .app.app .layout > .main:is(.page-employees,.page-emp) :is(.mc-form-textarea-box),

/* <<< runtime/legacy/styles/blocks/overlays/application-state/effects/001-base-slice-18-part-01-seg-01-html-body-app-app-where-fine-03.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-18-shared-cross-surface-001-slice-18-part-01-seg-02-html-body-app-app-where-micro-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-18-part-01-html-body-app-app-where.css. Keep import order stable. */
html body #modal :is(.mc-form-textarea-box){
  height:auto!important;
  min-height:76px!important;
  max-height:none!important;
  padding:8px 10px!important;
}
html body .app.app .layout > .main:is(.page-employees,.page-emp) :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-readonly-box,.mc-form-textarea-box,.emp-org-manager-btn,.select-summary)::before,
html[data-theme] body .app.app .layout > .main:is(.page-employees,.page-emp) :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-readonly-box,.mc-form-textarea-box,.emp-org-manager-btn,.select-summary)::before,
html body #modal :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-readonly-box,.mc-form-textarea-box,.emp-org-manager-btn,.select-summary)::before{
  display:none!important;
  content:none!important;
}
html body .app.app .layout > .main:is(.page-employees,.page-emp) :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-readonly-box,.mc-form-textarea-box) > :is(input,select,textarea,.mc-combo-input),
html[data-theme] body .app.app .layout > .main:is(.page-employees,.page-emp) :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-readonly-box,.mc-form-textarea-box) > :is(input,select,textarea,.mc-combo-input),
html body #modal :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-readonly-box,.mc-form-textarea-box) > :is(input,select,textarea,.mc-combo-input){
  width:100%!important;
  min-width:0!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  line-height:34px!important;
}
html body .app.app .layout > .main:is(.page-employees,.page-emp) :is(.mc-form-textarea-box) > textarea.mc-combo-input,
html[data-theme] body .app.app .layout > .main:is(.page-employees,.page-emp) :is(.mc-form-textarea-box) > textarea.mc-combo-input,
html body #modal :is(.mc-form-textarea-box) > textarea.mc-combo-input{
  height:auto!important;
  min-height:60px!important;
  max-height:none!important;
  line-height:1.35!important;
}
html body .app.app .layout > .main:is(.page-employees,.page-emp) :is(.select-summary .sum-person,.select-summary .tag,.mc-selected-chip,.field .select-summary .sum-person,.field .select-summary .tag),
html[data-theme] body .app.app .layout > .main:is(.page-employees,.page-emp) :is(.select-summary .sum-person,.select-summary .tag,.mc-selected-chip,.field .select-summary .sum-person,.field .select-summary .tag),
html body #modal :is(.select-summary .sum-person,.select-summary .tag,.mc-selected-chip,.field .select-summary .sum-person,.field .select-summary .tag){
  border:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app.app .layout > .main.page-employees .employee-table-panel .toolbar,
html[data-theme] body .app.app .layout > .main.page-employees .employee-table-panel .toolbar{
  display:grid!important;
  grid-template-columns:minmax(150px,220px) minmax(220px,var(--mc-field-w-search))!important;
  align-items:center!important;
  gap:8px!important;
  overflow:visible!important;
}
html body .app.app .layout > .main.page-employees .employee-table-panel .toolbar .employee-status-filter,
html[data-theme] body .app.app .layout > .main.page-employees .employee-table-panel .toolbar .employee-status-filter{
  width:100%!important;
  max-width:220px!important;
  min-width:0!important;
}
html body .app.app .layout > .main.page-employees .employee-table-panel .toolbar .employee-search-filter,
html[data-theme] body .app.app .layout > .main.page-employees .employee-table-panel .toolbar .employee-search-filter{
  width:min(100%,var(--mc-field-w-search))!important;
  max-width:var(--mc-field-w-search)!important;
  min-width:0!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .app.app .layout > .main.page-employees .employee-table-panel .toolbar,
  html[data-theme] body .app.app .layout > .main.page-employees .employee-table-panel .toolbar{
    grid-template-columns:1fr!important;
  }
  html body .app.app .layout > .main.page-employees .employee-table-panel .toolbar :is(.employee-status-filter,.employee-search-filter),
  html[data-theme] body .app.app .layout > .main.page-employees .employee-table-panel .toolbar :is(.employee-status-filter,.employee-search-filter){
    width:100%!important;
    max-width:100%!important;
  }
}
html body .app.app .layout > .main.page-employees :is(.emp-org-inline-editor)::before,
html body .app.app .layout > .main.page-employees :is(.emp-org-inline-editor)::after,
html[data-theme] body .app.app .layout > .main.page-employees :is(.emp-org-inline-editor)::before,
html[data-theme] body .app.app .layout > .main.page-employees :is(.emp-org-inline-editor)::after{
  display:none!important;
  content:none!important;
}
/* LOCKED UI MODELS.
   Use these as the default body primitives from now on:
   - Text fields: .mc-combo-field / .mc-combo-field-wrap
   - Buttons: .btn or .mc-btn-model
   - Selectable rows/options: .mc-selectable-model
   - Theme header: .mc-page-head-model / page title model
   Shared rules: transparent dark surface, no shadow stack, stable height, thin border, colored hairline only on hover/focus/selected. */
html body .app.app,
html body #modal{
  --mc-ui-line:rgba(244,244,241,.14);
  --mc-ui-line-hover:rgba(244,244,241,.24);
  --mc-ui-bg:rgba(255,255,255,.018);
  --mc-ui-bg-hover:rgba(255,255,255,.046);
  --mc-ui-bg-active:rgba(255,255,255,.060);
  --mc-ui-radius:6px;
  --mc-ui-radius-wide:8px;
  --mc-ui-grad:var(--mc-spectrum-gradient);
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-18-shared-cross-surface-001-slice-18-part-01-seg-02-html-body-app-app-where-micro-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-18-application-layout-002-slice-18-part-02-seg-01-html-body-app-app-where-micro-03-malformed-retained.css */

html body .app.app .layout > .main :is(
  .mc-page-head-model,
  .page-head,
  .nd-page-head,
  .employee-admin-fixed,
  .settings-modern-head,
  .history-fixed-head,
  .live-room-head,
  .att-rule-fixed-head,
  .att-rule-topline,
  .workbench-unified-head,
  
  .att-report-fixed-head,
  .account-fixed-head
),
html[data-theme] body .app.app .layout > .main :is(
  .mc-page-head-model,
  .page-head,
  .nd-page-head,
  .employee-admin-fixed,
  .settings-modern-head,
  .history-fixed-head,
  .live-room-head,
  .att-rule-fixed-head,
  .att-rule-topline,
  .workbench-unified-head,
  
  .att-report-fixed-head,
  .account-fixed-head
){
  position:sticky!important;
  top:0!important;
  z-index:var(--mc-head-z)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  justify-self:center!important;
  gap:14px!important;
  width:100%!important;
  max-width:100%!important;
  min-height:76px!important;
  margin:0 auto 12px!important;
  padding:16px 18px!important;
  border:0!important;
  border-radius:10px!important;
  background:var(--mc-head-bg)!important;
  background-color:var(--mc-head-bg-solid)!important;
  background-image:var(--mc-head-bg)!important;
  box-shadow:var(--mc-head-shadow)!important;
  filter:none!important;
  text-shadow:none!important;
  overflow:hidden!important;
  transform:none!important;
  transform-origin:center top!important;
  transition:width var(--mc-head-motion),max-width var(--mc-head-motion),margin var(--mc-head-motion),padding-left var(--mc-head-motion),padding-right var(--mc-head-motion),border-color .18s ease,background-color .18s ease,-webkit-backdrop-filter .18s ease,backdrop-filter .18s ease!important;
  will-change:width,max-width,margin,padding-left,padding-right!important;
  -webkit-backdrop-filter:var(--mc-head-filter)!important;
  backdrop-filter:var(--mc-head-filter)!important;
}
html body #modal :is(.mc-page-head-model,.secondary-rail-head),

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-18-application-layout-002-slice-18-part-02-seg-01-html-body-app-app-where-micro-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-18-application-layout-003-slice-18-part-02-seg-02-html-body-app-app-where-micro-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-18-part-02-html-body-app-app-where.css. Keep import order stable. */
html[data-theme] body #modal :is(.mc-page-head-model,.secondary-rail-head){
  position:relative!important;
  top:auto!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  justify-self:center!important;
  gap:14px!important;
  width:100%!important;
  max-width:100%!important;
  min-height:76px!important;
  margin:0 auto 12px!important;
  padding:16px 18px!important;
  border:0!important;
  border-radius:10px!important;
  background:var(--mc-head-bg)!important;
  background-color:var(--mc-head-bg-solid)!important;
  background-image:var(--mc-head-bg)!important;
  box-shadow:var(--mc-head-shadow)!important;
  filter:none!important;
  text-shadow:none!important;
  overflow:hidden!important;
  transform-origin:center top!important;
  transition:width var(--mc-head-motion),max-width var(--mc-head-motion),margin var(--mc-head-motion),padding-left var(--mc-head-motion),padding-right var(--mc-head-motion),border-color .18s ease,background-color .18s ease,-webkit-backdrop-filter .18s ease,backdrop-filter .18s ease!important;
  will-change:width,max-width,margin,padding-left,padding-right!important;
  -webkit-backdrop-filter:var(--mc-head-filter)!important;
  backdrop-filter:var(--mc-head-filter)!important;
}
html body .app.app .layout > .main :is(
  .mc-page-head-model,
  .page-head,
  .nd-page-head,
  .employee-admin-fixed,
  .settings-modern-head,
  .history-fixed-head,
  .live-room-head,
  .att-rule-fixed-head,
  .att-rule-topline,
  .workbench-unified-head,
  
  .att-report-fixed-head,
  .account-fixed-head
)::before,
html body .app.app .layout > .main :is(
  .mc-page-head-model,
  .page-head,
  .nd-page-head,
  .employee-admin-fixed,
  .settings-modern-head,
  .history-fixed-head,
  .live-room-head,
  .att-rule-fixed-head,
  .att-rule-topline,
  .workbench-unified-head,
  
  .att-report-fixed-head,
  .account-fixed-head
)::after,
html body #modal :is(.mc-page-head-model,.secondary-rail-head)::before,
html body #modal :is(.mc-page-head-model,.secondary-rail-head)::after{
  display:none!important;
  content:none!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main :is(
  .mc-page-head-model,
  .page-head,
  .nd-page-head,
  .employee-admin-fixed,
  .settings-modern-head,
  .history-fixed-head,
  .live-room-head,
  .att-rule-fixed-head,
  .att-rule-topline,
  .workbench-unified-head,
  
  .att-report-fixed-head,
  .account-fixed-head
) > :first-child,
html body #modal :is(.mc-page-head-model,.secondary-rail-head) > :first-child{
  min-width:0!important;
}
html body .app.app .layout > .main :is(
  .mc-page-head-model,
  .page-head,
  .nd-page-head,
  .employee-admin-fixed,
  .settings-modern-head,
  .history-fixed-head,
  .live-room-head,
  .att-rule-fixed-head,
  .att-rule-topline,
  .workbench-unified-head,
  
  .att-report-fixed-head,
  .account-fixed-head
) :is(h1,h2),
html body #modal :is(.mc-page-head-model,.secondary-rail-head) :is(h1,h2){
  margin:0!important;
  padding:0!important;
  font-size:var(--mc-head-title)!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:0!important;
  color:#f4f4f1!important;
  -webkit-text-fill-color:#f4f4f1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  transform:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-18-application-layout-003-slice-18-part-02-seg-02-html-body-app-app-where-micro-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-18-application-layout-004-slice-18-part-02-seg-02-html-body-app-app-where-micro-02-short-01.css */

html body .app.app .layout > .main :is(
  .mc-page-head-model,
  .page-head,
  .nd-page-head,
  .employee-admin-fixed,
  .settings-modern-head,
  .history-fixed-head,
  .live-room-head,
  .att-rule-fixed-head,
  .att-rule-topline,
  .workbench-unified-head,
  
  .att-report-fixed-head,
  .account-fixed-head
) :is(h1,h2)::before,
html body .app.app .layout > .main :is(
  .mc-page-head-model,
  .page-head,
  .nd-page-head,
  .employee-admin-fixed,
  .settings-modern-head,
  .history-fixed-head,
  .live-room-head,
  .att-rule-fixed-head,
  .att-rule-topline,
  .workbench-unified-head,
  
  .att-report-fixed-head,
  .account-fixed-head
) :is(h1,h2)::after,
html body #modal :is(.mc-page-head-model,.secondary-rail-head) :is(h1,h2)::before,
html body #modal :is(.mc-page-head-model,.secondary-rail-head) :is(h1,h2)::after{
  display:none!important;
  content:none!important;
}
html body .app.app .layout > .main :is(
  .mc-page-head-model,
  .page-head,
  .nd-page-head,
  .employee-admin-fixed,
  .settings-modern-head,
  .history-fixed-head,
  .live-room-head,
  .att-rule-fixed-head,
  .att-rule-topline,
  .workbench-unified-head,
  
  .att-report-fixed-head,
  .account-fixed-head
) :is(p,.settings-modern-sub,.workbench-welcome-line,.history-count,small,.muted,.desc,.nd-headline),
html body #modal :is(.mc-page-head-model,.secondary-rail-head) :is(p,small,.muted,.desc){
  display:block!important;
  margin:8px 0 0!important;
  padding:0!important;
  max-width:none!important;
  font-size:var(--mc-head-small)!important;
  line-height:1.32!important;
  font-weight:400!important;
  letter-spacing:0!important;
  color:rgba(244,244,241,.62)!important;
  -webkit-text-fill-color:rgba(244,244,241,.62)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .app.app .layout > .main :is(
  .mc-page-head-model,
  .page-head,
  .nd-page-head,
  .employee-admin-fixed,
  .settings-modern-head,
  .history-fixed-head,
  .live-room-head,
  .att-rule-fixed-head,
  .att-rule-topline,
  .workbench-unified-head,
  
  .att-report-fixed-head,
  .account-fixed-head
) :is(p,.settings-modern-sub,.workbench-welcome-line,.history-count,small,.muted,.desc,.nd-headline) :is(b,strong,span,em),
html body #modal :is(.mc-page-head-model,.secondary-rail-head) :is(p,small,.muted,.desc) :is(b,strong,span,em){
  font-weight:400!important;
  letter-spacing:0!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-18-application-layout-004-slice-18-part-02-seg-02-html-body-app-app-where-micro-02-short-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-18-application-layout-005-slice-18-part-02-seg-02-html-body-app-app-where-micro-02-short-02.css */

html body .app.app .layout > .main :is(
  .mc-page-head-model,
  .page-head,
  .nd-page-head,
  .employee-admin-fixed,
  .settings-modern-head,
  .history-fixed-head,
  .live-room-head,
  .att-rule-fixed-head,
  .att-rule-topline,
  .workbench-unified-head,
  
  .att-report-fixed-head,
  .account-fixed-head
) :is(.head-actions,.employee-admin-actions,.live-room-actions,.history-head-actions,.settings-modern-status,.settings-save-bar,.nd-toolbar,.employee-admin-tabs-wrap,.att-rule-summary.in-head,.view-toolbar,.account-head-tools,.account-actions,.att-report-tabs-wrap,.att-report-tabline),
html body #modal :is(.mc-page-head-model,.secondary-rail-head) :is(.head-actions,.secondary-rail-actions){
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app.app .layout > .main :is(
  .mc-page-head-model,
  .page-head,
  .nd-page-head,
  .employee-admin-fixed,
  .settings-modern-head,
  .history-fixed-head,
  .live-room-head,
  .att-rule-fixed-head,
  .att-rule-topline,
  .workbench-unified-head,
  
  .att-report-fixed-head,
  .account-fixed-head
) :is(.btn,.mc-btn-model,.nd-count,.nd-count-prominent,.tabs button,.view-toolbar button,.employee-admin-tabs-wrap button,.att-rule-card-entry),
html body #modal :is(.mc-page-head-model,.secondary-rail-head) :is(.btn,.mc-btn-model){
  min-height:32px!important;
  height:32px!important;
  padding:0 10px!important;
  border-radius:6px!important;
  font-size:var(--mc-head-btn)!important;
  line-height:1!important;
  font-weight:760!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  transform:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-18-application-layout-005-slice-18-part-02-seg-02-html-body-app-app-where-micro-02-short-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-18-application-layout-006-slice-18-part-02-seg-02-html-body-app-app-where-micro-03.css */

html body .app.app .layout > .main :is(.nd-page-head,.main.page-networkDiag .nd-page-head) :is(.nd-count,.nd-count-prominent){
  min-width:72px!important;
  justify-content:center!important;
}
html body .app.app .layout > .main :is(.history-fixed-head){
  gap:8px!important;
}
html body .app.app .layout > .main :is(.history-fixed-head) .history-head-main,
html body .app.app .layout > .main :is(.history-fixed-head) .history-filter-bar{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main :is(.att-rule-fixed-head,.att-rule-topline) .att-rule-summary.in-head{
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
html body .app.app .layout > .main :is(.att-rule-fixed-head,.att-rule-topline) .att-rule-summary.in-head::-webkit-scrollbar{
  display:none!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .app.app .layout > .main :is(
    .mc-page-head-model,
    .page-head,
    .nd-page-head,
    .employee-admin-fixed,
    .settings-modern-head,
    .history-fixed-head,
    .live-room-head,
    .att-rule-fixed-head,
    .att-rule-topline,
    .workbench-unified-head,
    
    .att-report-fixed-head,
    .account-fixed-head
  ){
    grid-template-columns:1fr!important;
    gap:9px!important;
    min-height:0!important;
    padding:12px 12px!important;
  }
  html body .app.app .layout > .main :is(
    .mc-page-head-model,
    .page-head,
    .nd-page-head,
    .employee-admin-fixed,
    .settings-modern-head,
    .history-fixed-head,
    .live-room-head,
    .att-rule-fixed-head,
    .att-rule-topline,
    .workbench-unified-head,
    
    .att-report-fixed-head,
    .account-fixed-head
  ) :is(.head-actions,.employee-admin-actions,.live-room-actions,.history-head-actions,.settings-modern-status,.settings-save-bar,.nd-toolbar,.employee-admin-tabs-wrap,.att-rule-summary.in-head,.view-toolbar,.account-head-tools,.account-actions,.att-report-tabs-wrap,.att-report-tabline){
    justify-content:flex-start!important;
    width:100%!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
}
html body .app.app .layout > .main.page-tpledit,
html[data-theme] body .app.app .layout > .main.page-tpledit{
  --tpl-field-line:transparent;
  --tpl-field-line-hover:transparent;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-18-application-layout-006-slice-18-part-02-seg-02-html-body-app-app-where-micro-03.css */


/* >>> runtime/legacy/styles/blocks/attendance/rules/compatibility-layout/001-base-slice-18-attendance-007-slice-18-part-03-seg-02-html-body-app-app-where-unit-02-malformed-retained.css */

html body .app.app .layout > .main:not(.page-workbench) :where(
  .panel,
  .card,
  .stat,
  .table-wrap,
  .tabs,
  .toolbar,
  .canvas,
  .flow-body,
  .settings-shell,
  .settings-modern-shell,
  .settings-card,
  .sys-card,
  .sys-location-card,
  .att-report-shell,
  .att-rule-shell,
  .att-rule-table,
  .att-rule-top,
  .attendance-page,
  .attendance-panel,
  .history-shell,
  .history-panel,
  .employee-admin-shell,
  .employee-org-panel,
  .employee-table-panel,

/* <<< runtime/legacy/styles/blocks/attendance/rules/compatibility-layout/001-base-slice-18-attendance-007-slice-18-part-03-seg-02-html-body-app-app-where-unit-02-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/shell/application-state/compatibility/001-base-slice-18-enterprise-entry.css */

/* Enterprise compatibility entry. Ordered semantic owners preserve the original slice-18 cascade. */

/* <<< runtime/legacy/styles/blocks/shell/application-state/compatibility/001-base-slice-18-enterprise-entry.css */


/* >>> runtime/legacy/styles/blocks/overlays/application-state/effects/001-base-slice-18-part-01-seg-02-html-body-app-app-where-micro-02.css */

html body .app.app :is(.btn,.mc-btn-model):not(.punch-action):not(.chat-send-btn):not(.contact-avatar-btn),
html body #modal :is(.btn,.mc-btn-model):not(.punch-action):not(.chat-send-btn):not(.contact-avatar-btn){
  position:relative!important;
  overflow:visible!important;
  min-width:0!important;
  min-height:34px!important;
  height:auto!important;
  padding:0 12px!important;
  border:1px solid var(--mc-ui-line)!important;
  border-radius:var(--mc-ui-radius)!important;
  background:var(--mc-ui-bg)!important;
  background-color:var(--mc-ui-bg)!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  outline:0!important;
  color:#f4f4f1!important;
  -webkit-text-fill-color:#f4f4f1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  line-height:1!important;
  font-weight:760!important;
  transform:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  transition:border-color .14s ease,background-color .14s ease,color .14s ease!important;
}
html body .app.app :is(.btn.sm,.mc-btn-model.sm):not(.punch-action):not(.chat-send-btn):not(.contact-avatar-btn),
html body #modal :is(.btn.sm,.mc-btn-model.sm):not(.punch-action):not(.chat-send-btn):not(.contact-avatar-btn){
  min-height:30px!important;
  padding:0 9px!important;
  font-size:var(--mc-type-body-control,.82rem)!important;
}
html body .app.app :is(.btn.block,.mc-btn-model.block),
html body #modal :is(.btn.block,.mc-btn-model.block){
  width:100%!important;
}
html body .app.app :is(.btn,.mc-btn-model):not(.punch-action):not(.chat-send-btn):not(.contact-avatar-btn)::before,
html body #modal :is(.btn,.mc-btn-model):not(.punch-action):not(.chat-send-btn):not(.contact-avatar-btn)::before{
  display:none!important;
  content:none!important;
}
html body .app.app :is(.btn,.mc-btn-model):not(.punch-action):not(.chat-send-btn):not(.contact-avatar-btn)::after,
html body #modal :is(.btn,.mc-btn-model):not(.punch-action):not(.chat-send-btn):not(.contact-avatar-btn)::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-.5px!important;
  z-index:3!important;
  pointer-events:none!important;
  border-radius:calc(var(--mc-ui-radius) + .5px)!important;
  padding:.5px!important;
  opacity:0!important;
  background:var(--mc-ui-grad)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  box-shadow:none!important;
  transition:opacity .14s ease!important;
}
html body .app.app :is(.btn,.mc-btn-model):not(.punch-action):not(.chat-send-btn):not(.contact-avatar-btn):is(:hover,:focus,:focus-visible,:focus-within,[aria-expanded="true"])::after,
html body #modal :is(.btn,.mc-btn-model):not(.punch-action):not(.chat-send-btn):not(.contact-avatar-btn):is(:hover,:focus,:focus-visible,:focus-within,[aria-expanded="true"])::after{
  opacity:.92!important;
}
html body .app.app :is(.btn,.mc-btn-model):not(.punch-action):not(.chat-send-btn):not(.contact-avatar-btn):is(:hover,:focus,:focus-visible,:focus-within),
html body #modal :is(.btn,.mc-btn-model):not(.punch-action):not(.chat-send-btn):not(.contact-avatar-btn):is(:hover,:focus,:focus-visible,:focus-within){
  border-color:var(--mc-ui-line-hover)!important;
  background:var(--mc-ui-bg-hover)!important;
  background-color:var(--mc-ui-bg-hover)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
html body .app.app :is(.btn.primary,.mc-btn-model.primary):not(.punch-action):not(.chat-send-btn):not(.contact-avatar-btn),
html body #modal :is(.btn.primary,.mc-btn-model.primary):not(.punch-action):not(.chat-send-btn):not(.contact-avatar-btn){
  border-color:rgba(244,244,241,.26)!important;
  background:rgba(255,255,255,.092)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body .app.app :is(.btn.danger,.mc-btn-model.danger):not(.punch-action):not(.chat-send-btn):not(.contact-avatar-btn),
html body #modal :is(.btn.danger,.mc-btn-model.danger):not(.punch-action):not(.chat-send-btn):not(.contact-avatar-btn){
  border-color:rgba(255,95,130,.28)!important;
  background:rgba(255,95,130,.045)!important;
  color:#ff9aad!important;
  -webkit-text-fill-color:#ff9aad!important;
}
html body .app.app :is(.btn,.mc-btn-model):disabled,
html body #modal :is(.btn,.mc-btn-model):disabled,
html body .app.app :is(.btn.disabled,.mc-btn-model.disabled),
html body #modal :is(.btn.disabled,.mc-btn-model.disabled){
  opacity:.42!important;
  pointer-events:none!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/application-state/effects/001-base-slice-18-part-01-seg-02-html-body-app-app-where-micro-02.css */


/* >>> runtime/legacy/styles/blocks/overlays/application-state/effects/001-base-slice-18-part-01-seg-02-html-body-app-app-where-micro-03.css */

html body .app.app :is(
  .mc-selectable-model,
  .tabs button,
  .notif-drop .nd-tabs button,
  .role-list-item,
  .org-pick-row,
  .org-simple-pick .org-pick-row,
  .contact-item,
  .chat-list-item,
  .type-chip,
  .field-type-card,
  .tpl-palette-btn,
  .tpl-node-card,
  .tpl-field-row,
  .live-building-tab,
  .live-floor-row,
  .live-room-mini,
  .live-room-bar,
  .att-calendar-person-menu button,
  .profile-menu button,
  .app-lang-menu button
),
html body #modal :is(
  .mc-selectable-model,
  .tabs button,
  .role-list-item,
  .org-pick-row,
  .org-simple-pick .org-pick-row,
  .contact-item,
  .chat-list-item,
  .type-chip,
  .field-type-card,
  .tpl-palette-btn,
  .tpl-node-card,
  .tpl-field-row,
  .live-building-tab,
  .live-floor-row,
  .live-room-mini,
  .live-room-bar,
  .att-calendar-person-menu button,
  .profile-menu button,
  .app-lang-menu button
){
  position:relative!important;
  border:.5px solid rgba(244,244,241,.16)!important;
  border-radius:var(--mc-ui-radius-wide)!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  outline:0!important;
  text-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  transition:border-color .14s ease,background-color .14s ease,color .14s ease!important;
}
html body .app.app :is(
  .mc-selectable-model,
  .tabs button,
  .notif-drop .nd-tabs button,
  .role-list-item,
  .org-pick-row,
  .org-simple-pick .org-pick-row,
  .contact-item,
  .chat-list-item,
  .type-chip,
  .field-type-card,
  .tpl-palette-btn,
  .tpl-node-card,
  .tpl-field-row,
  .live-building-tab,
  .live-floor-row,
  .live-room-mini,
  .live-room-bar,
  .att-calendar-person-menu button,
  .profile-menu button,
  .app-lang-menu button
):is(:hover,:focus,:focus-visible,:focus-within),
html body #modal :is(
  .mc-selectable-model,
  .tabs button,
  .role-list-item,
  .org-pick-row,
  .org-simple-pick .org-pick-row,
  .contact-item,
  .chat-list-item,
  .type-chip,
  .field-type-card,
  .tpl-palette-btn,
  .tpl-node-card,
  .tpl-field-row,
  .live-building-tab,
  .live-floor-row,
  .live-room-mini,
  .live-room-bar,
  .att-calendar-person-menu button,
  .profile-menu button,
  .app-lang-menu button
):is(:hover,:focus,:focus-visible,:focus-within){
  border-color:rgba(244,244,241,.12)!important;
  background:var(--mc-ui-bg-hover)!important;
  background-color:var(--mc-ui-bg-hover)!important;
  color:#fff!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/application-state/effects/001-base-slice-18-part-01-seg-02-html-body-app-app-where-micro-03.css */


/* >>> runtime/legacy/styles/blocks/overlays/application-state/effects/001-base-slice-18-part-02-seg-01-html-body-app-app-where-micro-01-unit-01.css */

/* Legacy ordered base slice 18 part 02; split from 001-base-slice-18-html-body-app-app-where.css. Keep import order stable. */
html body .app.app :is(
  .mc-selectable-model.active,
  .mc-selectable-model[aria-selected="true"],
  .tabs button.active,
  .notif-drop .nd-tabs button.active,
  .role-list-item.active,
  .org-pick-row.active,
  .contact-item.active,
  .chat-list-item.active,
  .type-chip.active,
  .field-type-card.active,
  .tpl-node-card.active,
  .tpl-field-row.active,
  .live-building-tab.active,
  .live-floor-row.active,
  .live-room-mini.active,
  .live-room-bar.active,
  .att-calendar-person-menu button.active
),
html body #modal :is(
  .mc-selectable-model.active,
  .mc-selectable-model[aria-selected="true"],
  .tabs button.active,
  .role-list-item.active,
  .org-pick-row.active,
  .contact-item.active,
  .chat-list-item.active,
  .type-chip.active,
  .field-type-card.active,
  .tpl-node-card.active,
  .tpl-field-row.active,
  .live-building-tab.active,
  .live-floor-row.active,
  .live-room-mini.active,
  .live-room-bar.active,
  .att-calendar-person-menu button.active
){
  border-color:rgba(244,244,241,.18)!important;
  background:var(--mc-ui-bg-active)!important;
  background-color:var(--mc-ui-bg-active)!important;
  color:#fff!important;
  font-weight:780!important;
  box-shadow:none!important;
}
/* LOCKED CHECK & STATUS DOT MODELS.
   Check controls are 16px outline circles; checked state hides the circle and uses one green tick model.
   Status dots are always 9px circles: green online/ok, red offline/bad, yellow warn/busy, blue info, grey idle. */
html body .app.app,
html body #modal{
  --mc-check-size:16px;
  --mc-check-mark-size:9px;
  --mc-check-mark-width:5px;
  --mc-check-green:#2ee879;
  --mc-check-warn:#f59e0b;
  --mc-dot-size:9px;
  --mc-dot-ok:#16a34a;
  --mc-dot-bad:#dc2626;
  --mc-dot-warn:#f59e0b;
  --mc-dot-info:#0284c7;
  --mc-dot-idle:#9ca3af;
}
html body .app.app :is(.checkbox,.history-check-list label,.history-filter-menu label,.nd-filter-menu label,.msg-filter-menu label,.org-pick-row),
html body #modal :is(.checkbox,.history-check-list label,.history-filter-menu label,.nd-filter-menu label,.msg-filter-menu label,.org-pick-row){
  align-items:center!important;
}
html body .app.app :is(input[type=checkbox],input[type=radio]),
html body #modal :is(input[type=checkbox],input[type=radio]){
  accent-color:var(--mc-check-green)!important;
}
html body .app.app :is(.checkbox input[type=checkbox],.checkbox input[type=radio],.history-check-list input[type=checkbox],.history-filter-menu input[type=checkbox],.nd-filter-menu input[type=checkbox],.msg-filter-menu input[type=checkbox],.org-pick-row input[type=checkbox],.org-pick-row input[type=radio],.mc-check-model),
html body #modal :is(.checkbox input[type=checkbox],.checkbox input[type=radio],.history-check-list input[type=checkbox],.history-filter-menu input[type=checkbox],.nd-filter-menu input[type=checkbox],.msg-filter-menu input[type=checkbox],.org-pick-row input[type=checkbox],.org-pick-row input[type=radio],.mc-check-model){
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  appearance:none!important;
  width:var(--mc-check-size)!important;
  height:var(--mc-check-size)!important;
  min-width:var(--mc-check-size)!important;
  min-height:var(--mc-check-size)!important;
  max-width:var(--mc-check-size)!important;
  max-height:var(--mc-check-size)!important;
  flex:0 0 var(--mc-check-size)!important;
  display:inline-grid!important;
  place-items:center!important;
  vertical-align:-3px!important;
  margin:0!important;
  padding:0!important;
  border:1.25px solid rgba(244,244,241,.46)!important;
  border-radius:50%!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  outline:0!important;
  cursor:pointer!important;
  position:relative!important;
  overflow:visible!important;
  transition:border-color .14s ease,opacity .14s ease,transform .14s ease!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/application-state/effects/001-base-slice-18-part-02-seg-01-html-body-app-app-where-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/overlays/application-state/effects/001-base-slice-18-part-02-seg-01-html-body-app-app-where-micro-01-unit-02.css */

html body .app.app :is(.checkbox input[type=checkbox],.checkbox input[type=radio],.history-check-list input[type=checkbox],.history-filter-menu input[type=checkbox],.nd-filter-menu input[type=checkbox],.msg-filter-menu input[type=checkbox],.org-pick-row input[type=checkbox],.org-pick-row input[type=radio],.mc-check-model)::after,
html body #modal :is(.checkbox input[type=checkbox],.checkbox input[type=radio],.history-check-list input[type=checkbox],.history-filter-menu input[type=checkbox],.nd-filter-menu input[type=checkbox],.msg-filter-menu input[type=checkbox],.org-pick-row input[type=checkbox],.org-pick-row input[type=radio],.mc-check-model)::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:46%!important;
  width:var(--mc-check-mark-width)!important;
  height:var(--mc-check-mark-size)!important;
  border:0!important;
  border-right:2px solid var(--mc-check-green)!important;
  border-bottom:2px solid var(--mc-check-green)!important;
  color:var(--mc-check-green)!important;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
  transform:translate(-50%,-50%) rotate(42deg) scale(.62)!important;
  transform-origin:center!important;
  opacity:0!important;
  transition:transform .16s cubic-bezier(.2,.9,.2,1.25),opacity .12s ease!important;
  pointer-events:none!important;
}
html body .app.app :is(.checkbox input[type=checkbox],.checkbox input[type=radio],.history-check-list input[type=checkbox],.history-filter-menu input[type=checkbox],.nd-filter-menu input[type=checkbox],.msg-filter-menu input[type=checkbox],.org-pick-row input[type=checkbox],.org-pick-row input[type=radio],.mc-check-model):is(:hover,:focus,:focus-visible),
html body #modal :is(.checkbox input[type=checkbox],.checkbox input[type=radio],.history-check-list input[type=checkbox],.history-filter-menu input[type=checkbox],.nd-filter-menu input[type=checkbox],.msg-filter-menu input[type=checkbox],.org-pick-row input[type=checkbox],.org-pick-row input[type=radio],.mc-check-model):is(:hover,:focus,:focus-visible){
  border-color:rgba(244,244,241,.72)!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.045)!important;
}
html body .app.app :is(.checkbox input[type=checkbox],.checkbox input[type=radio],.history-check-list input[type=checkbox],.history-filter-menu input[type=checkbox],.nd-filter-menu input[type=checkbox],.msg-filter-menu input[type=checkbox],.org-pick-row input[type=checkbox],.org-pick-row input[type=radio],.mc-check-model):checked,
html body #modal :is(.checkbox input[type=checkbox],.checkbox input[type=radio],.history-check-list input[type=checkbox],.history-filter-menu input[type=checkbox],.nd-filter-menu input[type=checkbox],.msg-filter-menu input[type=checkbox],.org-pick-row input[type=checkbox],.org-pick-row input[type=radio],.mc-check-model):checked{
  border-color:transparent!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app.app :is(.checkbox input[type=checkbox],.checkbox input[type=radio],.history-check-list input[type=checkbox],.history-filter-menu input[type=checkbox],.nd-filter-menu input[type=checkbox],.msg-filter-menu input[type=checkbox],.org-pick-row input[type=checkbox],.org-pick-row input[type=radio],.mc-check-model):checked::after,
html body #modal :is(.checkbox input[type=checkbox],.checkbox input[type=radio],.history-check-list input[type=checkbox],.history-filter-menu input[type=checkbox],.nd-filter-menu input[type=checkbox],.msg-filter-menu input[type=checkbox],.org-pick-row input[type=checkbox],.org-pick-row input[type=radio],.mc-check-model):checked::after{
  opacity:1!important;
  transform:translate(-50%,-50%) rotate(42deg) scale(1)!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/application-state/effects/001-base-slice-18-part-02-seg-01-html-body-app-app-where-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/overlays/application-state/effects/001-base-slice-18-part-02-seg-01-html-body-app-app-where-micro-02-unit-01.css */

html body .app.app :is(.checkbox input[type=checkbox],.checkbox input[type=radio],.history-check-list input[type=checkbox],.history-filter-menu input[type=checkbox],.nd-filter-menu input[type=checkbox],.msg-filter-menu input[type=checkbox],.org-pick-row input[type=checkbox],.org-pick-row input[type=radio],.mc-check-model):checked:is(:hover,:focus,:focus-visible),
html body #modal :is(.checkbox input[type=checkbox],.checkbox input[type=radio],.history-check-list input[type=checkbox],.history-filter-menu input[type=checkbox],.nd-filter-menu input[type=checkbox],.msg-filter-menu input[type=checkbox],.org-pick-row input[type=checkbox],.org-pick-row input[type=radio],.mc-check-model):checked:is(:hover,:focus,:focus-visible){
  border-color:transparent!important;
  box-shadow:none!important;
}
html body .app.app :is(.org-pick-row input[data-partial="1"],.mc-check-model[data-partial="1"]),
html body #modal :is(.org-pick-row input[data-partial="1"],.mc-check-model[data-partial="1"]){
  border-color:transparent!important;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
}
html body .app.app :is(.org-pick-row input[data-partial="1"],.mc-check-model[data-partial="1"])::after,
html body #modal :is(.org-pick-row input[data-partial="1"],.mc-check-model[data-partial="1"])::after{
  content:""!important;
  width:8px!important;
  height:0!important;
  border:0!important;
  border-bottom:2px solid var(--mc-check-warn)!important;
  background:transparent!important;
  color:var(--mc-check-warn)!important;
  opacity:1!important;
  transform:translate(-50%,-50%) rotate(0deg) scale(1)!important;
}
html body .app.app .layout :is(.mc-status-dot,.contact-dot,.live-dot,.nd-dot,.nd-report-status-dot,.att-dot,.role-toggle .rt-dot,.sys-status-dot::before,.att-day-dot span,.live-room-net-pills em i,.nd-live-counts i,.nd-tip-device::before,.nd-update-card i,.nd-log-row > i,.nd-live-total-line i,.nd-report-speed-line i,.nd-service-state .nd-report-status-dot),
html body #modal :is(.mc-status-dot,.contact-dot,.live-dot,.nd-dot,.nd-report-status-dot,.att-dot,.role-toggle .rt-dot,.sys-status-dot::before,.att-day-dot span,.live-room-net-pills em i,.nd-live-counts i,.nd-tip-device::before,.nd-update-card i,.nd-log-row > i,.nd-live-total-line i,.nd-report-speed-line i,.nd-service-state .nd-report-status-dot){
  width:var(--mc-dot-size)!important;
  height:var(--mc-dot-size)!important;
  min-width:var(--mc-dot-size)!important;
  min-height:var(--mc-dot-size)!important;
  max-width:var(--mc-dot-size)!important;
  max-height:var(--mc-dot-size)!important;
  flex:0 0 var(--mc-dot-size)!important;
  display:inline-block!important;
  border-radius:50%!important;
  padding:0!important;
  border:0!important;
  vertical-align:middle!important;
  background:var(--mc-dot-idle)!important;
  box-shadow:0 0 0 3px rgba(156,163,175,.13)!important;
}
html body .app.app .layout :is(.mc-status-dot.on,.mc-status-dot.ok,.mc-status-dot.green,.contact-dot.on,.live-dot.on,.nd-dot.ok,.nd-report-status-dot.ok,.att-dot.green,.role-toggle.is-staff .rt-dot,.live-room-net-pills .on i,.nd-live-count-item.on i,.nd-log-row.ok > i,.nd-live-total-line.on i),
html body #modal :is(.mc-status-dot.on,.mc-status-dot.ok,.mc-status-dot.green,.contact-dot.on,.live-dot.on,.nd-dot.ok,.nd-report-status-dot.ok,.att-dot.green,.role-toggle.is-staff .rt-dot,.live-room-net-pills .on i,.nd-live-count-item.on i,.nd-log-row.ok > i,.nd-live-total-line.on i){
  background:var(--mc-dot-ok)!important;
  box-shadow:0 0 0 3px rgba(22,163,74,.15)!important;
}
html body .app.app .layout :is(.mc-status-dot.off,.mc-status-dot.bad,.mc-status-dot.red,.contact-dot.off,.live-dot.off,.nd-dot.bad,.nd-report-status-dot.bad,.att-dot.red,.live-room-net-pills .off i,.nd-live-count-item.off i,.nd-log-row.bad > i,.nd-live-total-line.off i),
html body #modal :is(.mc-status-dot.off,.mc-status-dot.bad,.mc-status-dot.red,.contact-dot.off,.live-dot.off,.nd-dot.bad,.nd-report-status-dot.bad,.att-dot.red,.live-room-net-pills .off i,.nd-live-count-item.off i,.nd-log-row.bad > i,.nd-live-total-line.off i){
  background:var(--mc-dot-bad)!important;
  box-shadow:0 0 0 3px rgba(220,38,38,.14)!important;
}
html body .app.app .layout :is(.mc-status-dot.warn,.mc-status-dot.busy,.mc-status-dot.yellow,.live-dot.busy,.nd-dot.warn,.nd-report-status-dot.warn,.att-dot.yellow,.role-toggle .rt-dot,.live-room-net-pills .busy i,.nd-log-row.warn > i),
html body #modal :is(.mc-status-dot.warn,.mc-status-dot.busy,.mc-status-dot.yellow,.live-dot.busy,.nd-dot.warn,.nd-report-status-dot.warn,.att-dot.yellow,.role-toggle .rt-dot,.live-room-net-pills .busy i,.nd-log-row.warn > i){
  background:var(--mc-dot-warn)!important;
  box-shadow:0 0 0 3px rgba(245,158,11,.16)!important;
}
html body .app.app .layout :is(.mc-status-dot.info,.mc-status-dot.blue,.nd-dot.info,.nd-report-status-dot.info,.att-dot.blue),
html body #modal :is(.mc-status-dot.info,.mc-status-dot.blue,.nd-dot.info,.nd-report-status-dot.info,.att-dot.blue){
  background:var(--mc-dot-info)!important;
  box-shadow:0 0 0 3px rgba(2,132,199,.15)!important;
}
html body .app.app .layout :is(.mc-status-dot.idle,.mc-status-dot.gray,.live-dot.idle,.att-dot.gray,.nd-report-status-dot.idle,.live-room-net-pills .idle i),
html body #modal :is(.mc-status-dot.idle,.mc-status-dot.gray,.live-dot.idle,.att-dot.gray,.nd-report-status-dot.idle,.live-room-net-pills .idle i){
  background:var(--mc-dot-idle)!important;
  box-shadow:0 0 0 3px rgba(156,163,175,.13)!important;
}
html body .app.app .layout :is(.att-dot.blank),
html body #modal :is(.att-dot.blank){
  background:transparent!important;
  box-shadow:none!important;
}
html body .app.app .layout :is(.sys-status-dot)::before,
html body #modal :is(.sys-status-dot)::before,
html body .app.app .layout :is(.nd-tip-device)::before,
html body #modal :is(.nd-tip-device)::before{
  content:""!important;
  width:var(--mc-dot-size)!important;
  height:var(--mc-dot-size)!important;
  min-width:var(--mc-dot-size)!important;
  min-height:var(--mc-dot-size)!important;
  max-width:var(--mc-dot-size)!important;
  max-height:var(--mc-dot-size)!important;
  flex:0 0 var(--mc-dot-size)!important;
  display:inline-block!important;
  border-radius:50%!important;
  padding:0!important;
  border:0!important;
  vertical-align:middle!important;
  background:var(--mc-dot-ok)!important;
  box-shadow:0 0 0 3px rgba(22,163,74,.15)!important;
}
html body .app.app .layout :is(.nd-tip-device)::before,
html body #modal :is(.nd-tip-device)::before{
  background:var(--nd-tip-dot,var(--mc-dot-idle))!important;
  box-shadow:0 0 0 3px rgba(156,163,175,.13)!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/application-state/effects/001-base-slice-18-part-02-seg-01-html-body-app-app-where-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/overlays/application-state/effects/001-base-slice-18-part-02-seg-01-html-body-app-app-where-micro-02-unit-02.css */

/* LOCKED THEME MODEL.
   "Theme model" means the Network / OpenWRT page header model.
   First-level page headers are sticky above page content; modals and right rails stay above them. */
html body .app.app,
html body #modal{
  --mc-head-h:76px;
  --mc-head-pad-x:16px;
  --mc-head-pad-y:14px;
  --mc-head-gap:12px;
  --mc-head-inner-gap:14px;
  --mc-main-pad-top:12px;
  --mc-main-pad-x:14px;
  --mc-main-pad-bottom:18px;
  --mc-head-bg:radial-gradient(720px 140px at 14% 0%,rgba(255,255,255,.026),transparent 78%),linear-gradient(180deg,rgba(255,255,255,.008),rgba(0,0,0,.006));
  --mc-head-bg-solid:rgba(255,255,255,.004);
  --mc-head-line:transparent;
  --mc-head-filter:blur(34px) saturate(1.22) brightness(1.03);
  --mc-head-shadow:none;
  --mc-head-motion:.26s cubic-bezier(.22,.8,.24,1);
  --mc-head-title:1.38rem;
  --mc-head-small:.82rem;
  --mc-head-btn:.78rem;
  --mc-head-control-h:32px;
  --mc-head-control-radius:6px;
  --mc-head-control-color:rgba(244,244,241,0.70);
  --mc-head-control-hover:linear-gradient(115deg,rgba(126,240,164,0.155) 0%,rgba(73,216,226,0.165) 24%,rgba(103,126,255,0.145) 49%,rgba(202,117,238,0.135) 72%,rgba(248,205,126,0.155) 100%);
  --mc-head-control-active:linear-gradient(115deg,rgba(126,240,164,0.205) 0%,rgba(73,216,226,0.215) 24%,rgba(103,126,255,0.190) 49%,rgba(202,117,238,0.180) 72%,rgba(248,205,126,0.205) 100%);
  --mc-head-z:120;
}

/* <<< runtime/legacy/styles/blocks/overlays/application-state/effects/001-base-slice-18-part-02-seg-01-html-body-app-app-where-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/overlays/application-state/effects/001-base-slice-18-part-03-seg-01-html-body-app-app-where-nano-01.css */

/* Legacy ordered base slice 18 part 03; split from 001-base-slice-18-html-body-app-app-where.css. Keep import order stable. */
html body .app.app .layout > .main.page-tpledit :is(
  .tpl-builder,
  .tpl-builder-top,
  .tpl-glass,
  .tpl-base-main,
  .tpl-summary-card,
  .tpl-field-lib,
  .tpl-form-center,
  .tpl-node-lib,
  .tpl-flow-main,
  .tpl-props,
  .tpl-metric,
  .tpl-field-row,
  .tpl-node-row,
  .tpl-palette-btn,
  .tpl-step,
  .tpl-flow-card,
  .tpl-phone,
  .tpl-phone-screen,
  .tpl-phone-field,
  .tpl-phone-input,
  .tpl-phone-textarea,
  .tpl-phone-upload,
  .tpl-phone-sign,
  .tpl-phone-options span,
  .tpl-empty,
  .tpl-zone,
  .field,
  .mc-combo-field-wrap
),
html[data-theme] body .app.app .layout > .main.page-tpledit :is(
  .tpl-builder,
  .tpl-builder-top,
  .tpl-glass,
  .tpl-base-main,
  .tpl-summary-card,
  .tpl-field-lib,
  .tpl-form-center,
  .tpl-node-lib,
  .tpl-flow-main,
  .tpl-props,
  .tpl-metric,
  .tpl-field-row,
  .tpl-node-row,
  .tpl-palette-btn,
  .tpl-step,
  .tpl-flow-card,
  .tpl-phone,
  .tpl-phone-screen,
  .tpl-phone-field,
  .tpl-phone-input,
  .tpl-phone-textarea,
  .tpl-phone-upload,
  .tpl-phone-sign,
  .tpl-phone-options span,
  .tpl-empty,
  .tpl-zone,
  .field,
  .mc-combo-field-wrap
){
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
}
html body .app.app .layout > .main.page-tpledit :is(.tpl-glass,.tpl-flow-card,.tpl-phone-screen,.tpl-builder-top),
html[data-theme] body .app.app .layout > .main.page-tpledit :is(.tpl-glass,.tpl-flow-card,.tpl-phone-screen,.tpl-builder-top){
  background:rgba(10,10,11,.20)!important;
  background-color:rgba(10,10,11,.20)!important;
  background-image:none!important;
  border:1px solid rgba(244,244,241,.055)!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-tpledit :is(.field,.mc-combo-field-wrap),
html[data-theme] body .app.app .layout > .main.page-tpledit :is(.field,.mc-combo-field-wrap){
  border:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-tpledit :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box,.mc-pick-button),
html[data-theme] body .app.app .layout > .main.page-tpledit :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box,.mc-pick-button){
  position:relative!important;
  overflow:visible!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding:0 10px!important;
  border:.5px solid rgba(244,244,241,.16)!important;
  border-radius:6px!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  line-height:34px!important;
}
html body .app.app .layout > .main.page-tpledit :is(.mc-form-textarea-box),
html[data-theme] body .app.app .layout > .main.page-tpledit :is(.mc-form-textarea-box){
  height:auto!important;
  min-height:76px!important;
  max-height:none!important;
  padding:8px 10px!important;
  line-height:1.35!important;
}
html body .app.app .layout > .main.page-tpledit :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box,.mc-pick-button):is(:hover,:focus-within,.active,[aria-expanded="true"]),
html[data-theme] body .app.app .layout > .main.page-tpledit :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box,.mc-pick-button):is(:hover,:focus-within,.active,[aria-expanded="true"]){
  border-color:transparent!important;
  border-image:var(--mc-model-field-gradient,var(--mc-input-line-gradient))!important;
  border-image-width:var(--mc-model-field-active-image-width,.38)!important;
  border-width:var(--mc-model-field-active-width,.35px)!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/application-state/effects/001-base-slice-18-part-03-seg-01-html-body-app-app-where-nano-01.css */


/* >>> runtime/legacy/styles/blocks/overlays/application-state/effects/001-base-slice-18-part-03-seg-01-html-body-app-app-where-nano-02.css */

html body .app.app .layout > .main.page-tpledit :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box,.mc-pick-button) > :is(input,select,textarea,.mc-combo-input,.mc-pick-main),
html[data-theme] body .app.app .layout > .main.page-tpledit :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box,.mc-pick-button) > :is(input,select,textarea,.mc-combo-input,.mc-pick-main){
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app.app .layout > .main.page-tpledit :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-pick-button) > :is(input,select,.mc-combo-input,.mc-pick-main),
html[data-theme] body .app.app .layout > .main.page-tpledit :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-pick-button) > :is(input,select,.mc-combo-input,.mc-pick-main){
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  padding:0!important;
  line-height:34px!important;
}
html body .app.app .layout > .main.page-tpledit :is(.mc-form-textarea-box) > :is(textarea,.mc-combo-input),
html[data-theme] body .app.app .layout > .main.page-tpledit :is(.mc-form-textarea-box) > :is(textarea,.mc-combo-input){
  height:auto!important;
  min-height:58px!important;
  max-height:none!important;
  padding:0!important;
  line-height:1.35!important;
}
html body .app.app .layout > .main.page-tpledit :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box,.mc-pick-button)::before,
html[data-theme] body .app.app .layout > .main.page-tpledit :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box,.mc-pick-button)::before{
  display:none!important;
  content:none!important;
}
html body .app.app .layout > .main.page-tpledit :is(.tpl-phone-input,.tpl-phone-textarea,.tpl-phone-upload,.tpl-phone-sign,.tpl-phone-options span),
html[data-theme] body .app.app .layout > .main.page-tpledit :is(.tpl-phone-input,.tpl-phone-textarea,.tpl-phone-upload,.tpl-phone-sign,.tpl-phone-options span){
  border:.5px solid rgba(244,244,241,.16)!important;
  border-radius:6px!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-tpledit .tpl-field-row.active,
html[data-theme] body .app.app .layout > .main.page-tpledit .tpl-field-row.active{
  border:1px solid rgba(244,244,241,.18)!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-tpledit :is(.tpl-flow-card-head input,.tpl-flow-card-extra input,.tpl-flow-card-extra select),
html[data-theme] body .app.app .layout > .main.page-tpledit :is(.tpl-flow-card-head input,.tpl-flow-card-extra input,.tpl-flow-card-extra select){
  border:0!important;
  border-bottom:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/application-state/effects/001-base-slice-18-part-03-seg-01-html-body-app-app-where-nano-02.css */


/* >>> runtime/legacy/styles/index-parts/index-part-05.css */

/* Legacy CSS entry part 5/7. Keep import order stable. */

/* <<< runtime/legacy/styles/index-parts/index-part-05.css */


/* >>> runtime/legacy/styles/blocks/overlays/application-state/effects/001-base-slice-18-part-03-seg-01-html-body-app-app-where-nano-03.css */

/* LOCKED TEXT FIELD MODEL - final renderer.
   Text fields are transparent inside. Default is a faint grey 0.5px border; hover/focus uses a thin colored 0.5px border.
   This model is separate from the long-list zebra model. */
html body .app.app :is(
  input:not(.mc-combo-input):not([type]),
  input:not(.mc-combo-input)[type="text"],
  input:not(.mc-combo-input)[type="search"],
  input:not(.mc-combo-input)[type="email"],
  input:not(.mc-combo-input)[type="password"],
  input:not(.mc-combo-input)[type="tel"],
  input:not(.mc-combo-input)[type="url"],
  input:not(.mc-combo-input)[type="number"],
  input:not(.mc-combo-input)[type="date"],
  input:not(.mc-combo-input)[type="time"],
  input:not(.mc-combo-input)[type="datetime-local"],
  input:not(.mc-combo-input)[type="month"],
  select:not(.mc-combo-input),
  textarea:not(.mc-combo-input),
  .input,
  .tpl-phone-input,
  .tpl-phone-textarea,
  .tpl-phone-upload,
  .tpl-phone-sign,
  .mc-combo-field,
  button.glass-select-list,
  .btn.glass-select-list,
  .select-summary,
  .msg-filter-toggle,
  .nd-filter-toggle,
  .history-filter-toggle,
  .emp-org-manager-btn
),
html body #modal :is(
  input:not(.mc-combo-input):not([type]),
  input:not(.mc-combo-input)[type="text"],
  input:not(.mc-combo-input)[type="search"],
  input:not(.mc-combo-input)[type="email"],
  input:not(.mc-combo-input)[type="password"],
  input:not(.mc-combo-input)[type="tel"],
  input:not(.mc-combo-input)[type="url"],
  input:not(.mc-combo-input)[type="number"],
  input:not(.mc-combo-input)[type="date"],
  input:not(.mc-combo-input)[type="time"],
  input:not(.mc-combo-input)[type="datetime-local"],
  input:not(.mc-combo-input)[type="month"],
  select:not(.mc-combo-input),
  textarea:not(.mc-combo-input),
  .input,
  .tpl-phone-input,
  .tpl-phone-textarea,
  .tpl-phone-upload,
  .tpl-phone-sign,
  .mc-combo-field,
  button.glass-select-list,
  .btn.glass-select-list,
  .select-summary,
  .msg-filter-toggle,
  .nd-filter-toggle,
  .history-filter-toggle,
  .emp-org-manager-btn
){
  border:.5px solid rgba(244,244,241,.16)!important;
  border-style:solid!important;
  border-image-source:none!important;
  border-image-slice:0!important;
  border-image-width:0!important;
  border-image-outset:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .app.app :is(
  input:not(.mc-combo-input):not([type]),
  input:not(.mc-combo-input)[type="text"],
  input:not(.mc-combo-input)[type="search"],
  input:not(.mc-combo-input)[type="email"],
  input:not(.mc-combo-input)[type="password"],
  input:not(.mc-combo-input)[type="tel"],
  input:not(.mc-combo-input)[type="url"],
  input:not(.mc-combo-input)[type="number"],
  input:not(.mc-combo-input)[type="date"],
  input:not(.mc-combo-input)[type="time"],
  input:not(.mc-combo-input)[type="datetime-local"],
  input:not(.mc-combo-input)[type="month"],
  select:not(.mc-combo-input),
  textarea:not(.mc-combo-input),
  .input,
  .tpl-phone-input,
  .tpl-phone-textarea,
  .tpl-phone-upload,
  .tpl-phone-sign,
  .mc-combo-field,
  button.glass-select-list,
  .btn.glass-select-list,

/* <<< runtime/legacy/styles/blocks/overlays/application-state/effects/001-base-slice-18-part-03-seg-01-html-body-app-app-where-nano-03.css */


/* >>> runtime/legacy/styles/blocks/overlays/application-state/effects/001-base-slice-18-part-03-seg-02-html-body-app-app-where-unit-01.css */

/* Legacy ordered CSS segment; extracted from 001-base-slice-18-part-03-html-body-app-app-where.css. Keep import order stable. */
  .select-summary,
  .msg-filter-toggle,
  .nd-filter-toggle,
  .history-filter-toggle,
  .emp-org-manager-btn
):is(:hover,:focus,:focus-visible,:focus-within,.active,[aria-expanded="true"],[aria-selected="true"]),
html body #modal :is(
  input:not(.mc-combo-input):not([type]),
  input:not(.mc-combo-input)[type="text"],
  input:not(.mc-combo-input)[type="search"],
  input:not(.mc-combo-input)[type="email"],
  input:not(.mc-combo-input)[type="password"],
  input:not(.mc-combo-input)[type="tel"],
  input:not(.mc-combo-input)[type="url"],
  input:not(.mc-combo-input)[type="number"],
  input:not(.mc-combo-input)[type="date"],
  input:not(.mc-combo-input)[type="time"],
  input:not(.mc-combo-input)[type="datetime-local"],
  input:not(.mc-combo-input)[type="month"],
  select:not(.mc-combo-input),
  textarea:not(.mc-combo-input),
  .input,
  .tpl-phone-input,
  .tpl-phone-textarea,
  .tpl-phone-upload,
  .tpl-phone-sign,
  .mc-combo-field,
  button.glass-select-list,
  .btn.glass-select-list,
  .select-summary,
  .msg-filter-toggle,
  .nd-filter-toggle,
  .history-filter-toggle,
  .emp-org-manager-btn
):is(:hover,:focus,:focus-visible,:focus-within,.active,[aria-expanded="true"],[aria-selected="true"]){
  border-color:transparent!important;
  border-image:var(--mc-model-field-gradient,var(--mc-input-line-gradient))!important;
  border-image-width:var(--mc-model-field-active-image-width,.38)!important;
  border-width:var(--mc-model-field-active-width,.35px)!important;
  border-style:solid!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .app.app :is(select:not(.mc-combo-input)),
html body #modal :is(select:not(.mc-combo-input)){
  background-image:
    linear-gradient(45deg,transparent 50%,rgba(244,244,241,.62) 50%),
    linear-gradient(135deg,rgba(244,244,241,.62) 50%,transparent 50%)!important;
  background-position:calc(100% - 17px) 50%,calc(100% - 11px) 50%!important;
  background-size:6px 6px,6px 6px!important;
  background-repeat:no-repeat,no-repeat!important;
}
html body .app.app :is(select:not(.mc-combo-input)):is(:hover,:focus,:focus-visible),
html body #modal :is(select:not(.mc-combo-input)):is(:hover,:focus,:focus-visible){
  background-image:
    linear-gradient(45deg,transparent 50%,rgba(244,244,241,.78) 50%),
    linear-gradient(135deg,rgba(244,244,241,.78) 50%,transparent 50%)!important;
  border-image-source:none!important;
}
html body .app.app .layout > .main:not(.page-workbench),
html[data-theme] body .app.app .layout > .main:not(.page-workbench){
  --mc-main-flat-bg:#050505;
  --mc-main-flat-line:rgba(244,244,241,.058);
  --mc-main-flat-line-strong:rgba(244,244,241,.10);
  --mc-main-flat-hover:rgba(255,255,255,.032);
  background:#050505!important;
  background-color:#050505!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .app.app .layout > .main:not(.page-workbench)::before,
html body .app.app .layout > .main:not(.page-workbench)::after,
html[data-theme] body .app.app .layout > .main:not(.page-workbench)::before,
html[data-theme] body .app.app .layout > .main:not(.page-workbench)::after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .app.app .layout > .main:not(.page-workbench) :where(*),
html[data-theme] body .app.app .layout > .main:not(.page-workbench) :where(*),
html body .app.app .layout > .main:not(.page-workbench) :where(*)::before,
html body .app.app .layout > .main:not(.page-workbench) :where(*)::after,
html[data-theme] body .app.app .layout > .main:not(.page-workbench) :where(*)::before,
html[data-theme] body .app.app .layout > .main:not(.page-workbench) :where(*)::after{
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/application-state/effects/001-base-slice-18-part-03-seg-02-html-body-app-app-where-unit-01.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/compatibility-preview/001-base-slice-19-notifications-01-slice-19-part-01-seg-01-employee-card-fine-01-short-01.css */

/* Legacy ordered base slice 19 part 01; split from 001-base-slice-19-employee-card.css. Keep import order stable. */
  .employee-card, .emp-card, .role-page, .role-side, .role-main, .perm-grp, .org-layout > .panel, .org-mini-group,
  .mind-panel, .mind-side, .comms-layout, .contacts-panel, .chat-panel, .chat-shell, .tpl-builder-top, .tpl-glass,
  .tpl-card, .tpl-zone, .tpl-flow-card, .tpl-phone, .tpl-phone-screen, .tpl-metric, .tpl-empty, .approval-card,
  .template-card, .task-card, .todo-card, .account-card, .nas-card, .live-room-layout, .live-room-side, .live-room-canvas-card,
  .live-room-stage-wrap, .live-room-overlay, .live-building-tab, .live-floor-row, .live-room-mini, .live-device-row, .live-device-card, .nd-report,
  .nd-report-header, .nd-report-main, .nd-report-panel, .nd-fast-report, .nd-fast-card, .nd-fast-room, .nd-card, .nd-chip,
  .nd-ring, .nd-route-node, .nd-room-pop, .nd-policy-group, .nd-graph-box, .nd-overview-fill div, .nd-system-info div, .nd-script
),
html[data-theme] body .app.app .layout > .main:not(.page-workbench) :where(
  .panel, .card, .stat, .table-wrap, .tabs, .toolbar, .canvas, .flow-body,
  .settings-shell, .settings-modern-shell, .settings-card, .sys-card, .sys-location-card, .att-report-shell, .att-rule-shell, .att-rule-table,
  .att-rule-top, .attendance-page, .attendance-panel, .history-shell, .history-panel, .employee-admin-shell, .employee-org-panel,
  .employee-table-panel, .employee-card, .emp-card, .role-page, .role-side, .role-main, .perm-grp, .org-layout > .panel,
  .org-mini-group, .mind-panel, .mind-side, .comms-layout, .contacts-panel, .chat-panel, .chat-shell, .tpl-builder-top,
  .tpl-glass, .tpl-card, .tpl-zone, .tpl-flow-card, .tpl-phone, .tpl-phone-screen, .tpl-metric, .tpl-empty,
  .approval-card, .template-card, .task-card, .todo-card, .account-card, .nas-card, .live-room-layout, .live-room-side,
  .live-room-canvas-card, .live-room-stage-wrap, .live-room-overlay, .live-building-tab, .live-floor-row, .live-room-mini, .live-device-row, .live-device-card,
  .nd-report, .nd-report-header, .nd-report-main, .nd-report-panel, .nd-fast-report, .nd-fast-card, .nd-fast-room, .nd-card,
  .nd-chip, .nd-ring, .nd-route-node, .nd-room-pop, .nd-policy-group, .nd-graph-box, .nd-overview-fill div, .nd-system-info div,
  .nd-script
){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  border-color:var(--mc-main-flat-line)!important;
}

/* <<< runtime/legacy/styles/blocks/notifications/drawer/compatibility-preview/001-base-slice-19-notifications-01-slice-19-part-01-seg-01-employee-card-fine-01-short-01.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/compatibility-preview/001-base-slice-19-notifications-02-slice-19-part-01-seg-01-employee-card-fine-01-short-02.css */

html body .app.app .layout > .main:not(.page-workbench) :where(.panel,.table-wrap,.card,.settings-card,.sys-card,.attendance-panel,.history-panel,.employee-card,.emp-card,.perm-grp,.org-layout > .panel,.org-mini-group,.mind-panel,.comms-layout,.tpl-glass,.tpl-flow-card,.tpl-phone-screen,.approval-card,.template-card,.task-card,.todo-card,.account-card,.nas-card,.live-room-canvas-card,.live-room-stage-wrap,.nd-report-panel,.nd-fast-card,.nd-fast-room,.nd-card),
html[data-theme] body .app.app .layout > .main:not(.page-workbench) :where(.panel,.table-wrap,.card,.settings-card,.sys-card,.attendance-panel,.history-panel,.employee-card,.emp-card,.perm-grp,.org-layout > .panel,.org-mini-group,.mind-panel,.comms-layout,.tpl-glass,.tpl-flow-card,.tpl-phone-screen,.approval-card,.template-card,.task-card,.todo-card,.account-card,.nas-card,.live-room-canvas-card,.live-room-stage-wrap,.nd-report-panel,.nd-fast-card,.nd-fast-room,.nd-card){
  border:1px solid var(--mc-main-flat-line)!important;
}

/* <<< runtime/legacy/styles/blocks/notifications/drawer/compatibility-preview/001-base-slice-19-notifications-02-slice-19-part-01-seg-01-employee-card-fine-01-short-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-preview/001-base-slice-19-application-layout-03-slice-19-part-01-seg-01-employee-card-fine-02-unit-01.css */

html body .app.app .layout > .main:not(.page-workbench) :where(.panel,.card,.stat,.tpl-glass,.tpl-flow-card,.tpl-phone-screen,.nd-report-panel,.live-room-canvas-card)::before,
html body .app.app .layout > .main:not(.page-workbench) :where(.panel,.card,.stat,.tpl-glass,.tpl-flow-card,.tpl-phone-screen,.nd-report-panel,.live-room-canvas-card)::after,
html[data-theme] body .app.app .layout > .main:not(.page-workbench) :where(.panel,.card,.stat,.tpl-glass,.tpl-flow-card,.tpl-phone-screen,.nd-report-panel,.live-room-canvas-card)::before,
html[data-theme] body .app.app .layout > .main:not(.page-workbench) :where(.panel,.card,.stat,.tpl-glass,.tpl-flow-card,.tpl-phone-screen,.nd-report-panel,.live-room-canvas-card)::after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .app.app .layout > .main:not(.page-workbench) :where(thead th,.nd-report th),
html[data-theme] body .app.app .layout > .main:not(.page-workbench) :where(thead th,.nd-report th){
  background:rgba(255,255,255,.022)!important;
  background-image:none!important;
  border-bottom:1px solid var(--mc-main-flat-line-strong)!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main:not(.page-workbench):not(.page-contacts) :where(.role-list-item,.org-pick-row,.contact-item,.chat-list-item,.chat-msg,.sys-item,.field-config-row,.field-group,.tpl-field-row,.tpl-node-row,.tpl-palette-btn,.live-building-tab,.live-floor-row,.live-room-mini,.live-device-row,.nd-chip,.nd-script),
html[data-theme] body .app.app .layout > .main:not(.page-workbench):not(.page-contacts) :where(.role-list-item,.org-pick-row,.contact-item,.chat-list-item,.chat-msg,.sys-item,.field-config-row,.field-group,.tpl-field-row,.tpl-node-row,.tpl-palette-btn,.live-building-tab,.live-floor-row,.live-room-mini,.live-device-row,.nd-chip,.nd-script){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .app.app .layout > .main:not(.page-workbench):not(.page-contacts) :where(.role-list-item:hover,.org-pick-row:hover,.contact-item:hover,.chat-list-item:hover,.sys-item:hover,.tpl-field-row:hover,.tpl-node-row:hover,.tpl-palette-btn:hover,.live-building-tab:hover,.live-floor-row:hover,.live-room-mini:hover,.live-device-row:hover,.nd-chip:hover),
html[data-theme] body .app.app .layout > .main:not(.page-workbench):not(.page-contacts) :where(.role-list-item:hover,.org-pick-row:hover,.contact-item:hover,.chat-list-item:hover,.sys-item:hover,.tpl-field-row:hover,.tpl-node-row:hover,.tpl-palette-btn:hover,.live-building-tab:hover,.live-floor-row:hover,.live-room-mini:hover,.live-device-row:hover,.nd-chip:hover){
  background:var(--mc-main-flat-hover)!important;
  background-image:none!important;
}
html body .app.app .layout > .main:not(.page-workbench):not(.page-contacts) :where(.role-list-item.active,.org-pick-row.active,.contact-item.active,.chat-list-item.active,.tabs button.active,.tpl-field-row.active,.tpl-node-row.active,.live-building-tab.active,.live-floor-row.active,.live-room-mini.active,.type-chip.active),
html[data-theme] body .app.app .layout > .main:not(.page-workbench):not(.page-contacts) :where(.role-list-item.active,.org-pick-row.active,.contact-item.active,.chat-list-item.active,.tabs button.active,.tpl-field-row.active,.tpl-node-row.active,.live-building-tab.active,.live-floor-row.active,.live-room-mini.active,.type-chip.active){
  background:rgba(255,255,255,.046)!important;
  background-image:none!important;
  border-color:var(--mc-main-flat-line-strong)!important;
  box-shadow:none!important;
}
/* ROLE PERMISSION FLAT MODEL.
   Role list, selected role summary, assignment, and all-permission blocks stay text-first with no outer frames. */
html body .app.app .layout > .main.page-system :where(.role-side,.role-detail-panel,.role-assign-panel,.role-all-panel,.role-staff-panel,.role-meta-item,.role-assignment-cell,.perm-grp),
html[data-theme] body .app.app .layout > .main.page-system :where(.role-side,.role-detail-panel,.role-assign-panel,.role-all-panel,.role-staff-panel,.role-meta-item,.role-assignment-cell,.perm-grp){
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app.app .layout > .main.page-system :where(.role-detail-panel,.role-assign-panel,.role-all-panel,.role-staff-panel){
  padding:0!important;
}
html body .app.app .layout > .main.page-system .role-list-item,
html[data-theme] body .app.app .layout > .main.page-system .role-list-item{
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-system .role-list-item:hover,
html[data-theme] body .app.app .layout > .main.page-system .role-list-item:hover{
  border:0!important;
  background:var(--mc-model-button-fill-hover)!important;
  background-image:var(--mc-model-button-fill-hover)!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-system .role-list-item.active,
html[data-theme] body .app.app .layout > .main.page-system .role-list-item.active{
  border:0!important;
  background:var(--mc-model-button-fill-active)!important;
  background-image:var(--mc-model-button-fill-active)!important;
  box-shadow:none!important;
}
/* ATTENDANCE RULE TOP TABS.
   The theme header only exposes Attendance Groups and Shifts; no import/highlight cards. */
html body .app.app .layout > .main.page-records .att-rule-summary.in-head.att-rule-top-tabs,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-summary.in-head.att-rule-top-tabs{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:stretch!important;
  gap:8px!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-preview/001-base-slice-19-application-layout-03-slice-19-part-01-seg-01-employee-card-fine-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/employees/card/compatibility-preview/001-base-slice-19-employee-card-04-slice-19-part-01-seg-01-employee-card-fine-02-unit-02.css */

/* Migrated to style-models/components/attendance-rules.css.
   Kept as an empty ordered legacy block for structure validation. */

/* <<< runtime/legacy/styles/blocks/employees/card/compatibility-preview/001-base-slice-19-employee-card-04-slice-19-part-01-seg-01-employee-card-fine-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/attendance/rules/compatibility-preview/001-base-slice-19-attendance-05-slice-19-part-01-seg-01-employee-card-fine-03-malformed-retained.css */

html body .app.app .layout > .main.page-records .att-rule-summary.in-head.att-rule-top-tabs .att-rule-card-entry:hover,
html body .app.app .layout > .main.page-records .att-rule-summary.in-head.att-rule-top-tabs .att-rule-card-entry.active,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-summary.in-head.att-rule-top-tabs .att-rule-card-entry:hover,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-summary.in-head.att-rule-top-tabs .att-rule-card-entry.active{
  border-color:rgba(244,244,241,.16)!important;
  background:var(--mc-model-button-fill-hover)!important;
  background-image:var(--mc-model-button-fill-hover)!important;
  box-shadow:none!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .app.app .layout > .main.page-records .att-rule-summary.in-head.att-rule-top-tabs,
  html[data-theme] body .app.app .layout > .main.page-records .att-rule-summary.in-head.att-rule-top-tabs{
    width:100%!important;
  }
  html body .app.app .layout > .main.page-records .att-rule-summary.in-head.att-rule-top-tabs .att-rule-card-entry,
  html[data-theme] body .app.app .layout > .main.page-records .att-rule-summary.in-head.att-rule-top-tabs .att-rule-card-entry{
    width:auto!important;
    flex:1 1 0!important;
  }
}
html body,
html[data-theme] body{
  --mc-button-line:rgba(244,244,241,.13);
  --mc-button-line-hover:rgba(244,244,241,.18);
  --mc-button-glass:transparent;
  --mc-spectrum-1:#7ef0a4;
  --mc-spectrum-2:#49d8e2;
  --mc-spectrum-3:#677eff;
  --mc-spectrum-4:#ca75ee;
  --mc-spectrum-5:#f8cd7e;
  --mc-spectrum-gradient:linear-gradient(90deg,var(--mc-spectrum-1) 0%,var(--mc-spectrum-2) 24%,var(--mc-spectrum-3) 49%,var(--mc-spectrum-4) 72%,var(--mc-spectrum-5) 100%);
  --mc-spectrum-line:linear-gradient(90deg,color-mix(in srgb,var(--mc-spectrum-1) 38%,transparent) 0%,color-mix(in srgb,var(--mc-spectrum-2) 38%,transparent) 24%,color-mix(in srgb,var(--mc-spectrum-3) 36%,transparent) 49%,color-mix(in srgb,var(--mc-spectrum-4) 34%,transparent) 72%,color-mix(in srgb,var(--mc-spectrum-5) 37%,transparent) 100%) 1;
  --mc-spectrum-fill-hover:linear-gradient(115deg,color-mix(in srgb,var(--mc-spectrum-1) 15.5%,transparent) 0%,color-mix(in srgb,var(--mc-spectrum-2) 16.5%,transparent) 24%,color-mix(in srgb,var(--mc-spectrum-3) 14.5%,transparent) 49%,color-mix(in srgb,var(--mc-spectrum-4) 13.5%,transparent) 72%,color-mix(in srgb,var(--mc-spectrum-5) 15.5%,transparent) 100%);
  --mc-spectrum-fill-active:linear-gradient(115deg,color-mix(in srgb,var(--mc-spectrum-1) 20.5%,transparent) 0%,color-mix(in srgb,var(--mc-spectrum-2) 21.5%,transparent) 24%,color-mix(in srgb,var(--mc-spectrum-3) 19%,transparent) 49%,color-mix(in srgb,var(--mc-spectrum-4) 18%,transparent) 72%,color-mix(in srgb,var(--mc-spectrum-5) 20.5%,transparent) 100%);
  --mc-model-button-fill-hover:var(--mc-spectrum-fill-hover);
  --mc-model-button-fill-active:var(--mc-spectrum-fill-active);
  --mc-button-glass-hover:var(--mc-model-button-fill-hover);
  --mc-button-glass-primary:var(--mc-model-button-fill-active);
  --mc-button-glass-danger:linear-gradient(135deg,rgba(248,113,113,.18),rgba(255,77,109,.13));
  --mc-button-text:#f4f4f1;
  --mc-button-soft:rgba(244,244,241,.72);
}
html body :is(.app.app,#modal,.auth) :where(
  button:not(.punch-orb):not(.punch-circle):not(.taskbar-noframe):not(.mc-combo-field):not(.contact-avatar-btn):not(.employee-list-avatar-btn):not(.oa-template-card):not(.att-self-day):not(.att-day-dot),
  .btn,
  .icon-btn:not(.taskbar-noframe),
  .btn-google,

/* <<< runtime/legacy/styles/blocks/attendance/rules/compatibility-preview/001-base-slice-19-attendance-05-slice-19-part-01-seg-01-employee-card-fine-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/shared/controls/compatibility-preview/001-base-slice-19-controls-06-slice-19-part-01-seg-02-employee-card-micro-01-short-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-19-part-01-employee-card.css. Keep import order stable. */
  .tabs button,
  .x,
  .chat-send-btn,
  .mp-toggle,
  .preview-role-switch,
  .org-collapse-all,
  .tpl-step,
  .tpl-palette-btn,
  .tpl-flow-plus,
  .msg-filter-toggle,
  .nd-filter-toggle,
  .history-filter-toggle,
  .live-building-tab,
  .live-floor-row,
  .live-room-mini,
  .live-device-palette button,
  .app-lang-menu button,
  .profile-menu button,
  .glass-select-list button
),
html[data-theme] body :is(.app.app,#modal,.auth) :where(
  button:not(.punch-orb):not(.punch-circle):not(.taskbar-noframe):not(.mc-combo-field):not(.contact-avatar-btn):not(.employee-list-avatar-btn):not(.oa-template-card):not(.att-self-day):not(.att-day-dot),
  .btn,
  .icon-btn:not(.taskbar-noframe),
  .btn-google,
  .tabs button,
  .x,
  .chat-send-btn,
  .mp-toggle,
  .preview-role-switch,
  .org-collapse-all,
  .tpl-step,
  .tpl-palette-btn,
  .tpl-flow-plus,
  .msg-filter-toggle,
  .nd-filter-toggle,
  .history-filter-toggle,
  .live-building-tab,
  .live-floor-row,
  .live-room-mini,
  .live-device-palette button,
  .app-lang-menu button,
  .profile-menu button,
  .glass-select-list button
){
  border:1px solid var(--mc-button-line)!important;
  border-color:var(--mc-button-line)!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--mc-button-text)!important;
  -webkit-text-fill-color:currentColor!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
  text-shadow:none!important;
  position:relative!important;
  z-index:1!important;
  overflow:visible!important;
  transform:translateY(0) scale(1)!important;
  transition:var(--mc-model-lift-transition)!important;
}

/* <<< runtime/legacy/styles/blocks/shared/controls/compatibility-preview/001-base-slice-19-controls-06-slice-19-part-01-seg-02-employee-card-micro-01-short-01.css */


/* >>> runtime/legacy/styles/blocks/shared/controls/compatibility-preview/001-base-slice-19-controls-07-slice-19-part-01-seg-02-employee-card-micro-01-short-02.css */

html body :is(.app.app,#modal,.auth) :where(
  button:not(.punch-orb):not(.punch-circle):not(.taskbar-noframe):not(.mc-combo-field):not(.contact-avatar-btn):not(.employee-list-avatar-btn):not(.oa-template-card):not(.att-self-day):not(.att-day-dot):not(.live-room-layer-option),
  .btn,
  .icon-btn:not(.taskbar-noframe),
  .btn-google,
  .tabs button,
  .x,
  .chat-send-btn,
  .mp-toggle,
  .preview-role-switch,
  .org-collapse-all,
  .tpl-step,
  .tpl-palette-btn,
  .tpl-flow-plus,
  .msg-filter-toggle,
  .nd-filter-toggle,
  .history-filter-toggle,
  .live-building-tab,
  .live-floor-row,
  .live-room-mini,
  .live-device-palette button,
  .app-lang-menu button,
  .profile-menu button,
  .glass-select-list button
):where(:hover,:focus-visible,:focus-within),
html[data-theme] body :is(.app.app,#modal,.auth) :where(
  button:not(.punch-orb):not(.punch-circle):not(.taskbar-noframe):not(.mc-combo-field):not(.contact-avatar-btn):not(.employee-list-avatar-btn):not(.oa-template-card):not(.att-self-day):not(.att-day-dot):not(.live-room-layer-option),
  .btn,
  .icon-btn:not(.taskbar-noframe),
  .btn-google,
  .tabs button,
  .x,
  .chat-send-btn,
  .mp-toggle,
  .preview-role-switch,
  .org-collapse-all,
  .tpl-step,
  .tpl-palette-btn,
  .tpl-flow-plus,
  .msg-filter-toggle,
  .nd-filter-toggle,
  .history-filter-toggle,
  .live-building-tab,
  .live-floor-row,
  .live-room-mini,
  .live-device-palette button,
  .app-lang-menu button,
  .profile-menu button,
  .glass-select-list button
):where(:hover,:focus-visible,:focus-within){
  border-color:var(--mc-button-line-hover)!important;
  background:var(--mc-button-glass-hover)!important;
  background-color:transparent!important;
  background-image:var(--mc-button-glass-hover)!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.08)!important;
  backdrop-filter:blur(10px) saturate(1.08)!important;
  color:#fffaf7!important;
  position:relative!important;
  z-index:var(--mc-model-lift-z,80)!important;
  transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important;
}
html body :is(.app.app,#modal,.auth) :where(button:not(.punch-orb):not(.punch-circle):not(.taskbar-noframe):not(.mc-combo-field):not(.contact-avatar-btn):not(.employee-list-avatar-btn):not(.oa-template-card):not(.att-self-day):not(.att-day-dot):not(.live-room-layer-option),.btn,.icon-btn:not(.taskbar-noframe),.tabs button,.x,.chat-send-btn,.mp-toggle,.preview-role-switch,.org-collapse-all,.tpl-step,.tpl-palette-btn,.tpl-flow-plus,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.live-building-tab,.live-floor-row,.live-room-mini,.live-device-palette button,.app-lang-menu button,.profile-menu button,.glass-select-list button):active,
html[data-theme] body :is(.app.app,#modal,.auth) :where(button:not(.punch-orb):not(.punch-circle):not(.taskbar-noframe):not(.mc-combo-field):not(.contact-avatar-btn):not(.employee-list-avatar-btn):not(.oa-template-card):not(.att-self-day):not(.att-day-dot):not(.live-room-layer-option),.btn,.icon-btn:not(.taskbar-noframe),.tabs button,.x,.chat-send-btn,.mp-toggle,.preview-role-switch,.org-collapse-all,.tpl-step,.tpl-palette-btn,.tpl-flow-plus,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.live-building-tab,.live-floor-row,.live-room-mini,.live-device-palette button,.app-lang-menu button,.profile-menu button,.glass-select-list button):active{
  transform:translateY(0) scale(.992)!important;
}
html body :is(.app.app,#modal,.auth) :where(.btn.primary,button.primary,.btn.picked,button.picked,.tabs button.active,.tpl-step.active,.live-building-tab.active,.live-floor-row.active,.live-room-mini.active),
html[data-theme] body :is(.app.app,#modal,.auth) :where(.btn.primary,button.primary,.btn.picked,button.picked,.tabs button.active,.tpl-step.active,.live-building-tab.active,.live-floor-row.active,.live-room-mini.active){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-color:rgba(244,244,241,.18)!important;
  box-shadow:none!important;
  color:#fff!important;
}

/* <<< runtime/legacy/styles/blocks/shared/controls/compatibility-preview/001-base-slice-19-controls-07-slice-19-part-01-seg-02-employee-card-micro-01-short-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-19-shared-cross-surface-08-slice-19-part-01-seg-02-employee-card-micro-02-unit-01.css */

html body :is(.app.app,#modal,.auth) :where(.btn.primary,button.primary,.btn.picked,button.picked,.tabs button.active,.tpl-step.active,.live-building-tab.active,.live-floor-row.active,.live-room-mini.active):is(:hover,:focus-visible,:focus-within),
html[data-theme] body :is(.app.app,#modal,.auth) :where(.btn.primary,button.primary,.btn.picked,button.picked,.tabs button.active,.tpl-step.active,.live-building-tab.active,.live-floor-row.active,.live-room-mini.active):is(:hover,:focus-visible,:focus-within){
  background:var(--mc-button-glass-primary)!important;
  background-image:var(--mc-button-glass-primary)!important;
  border-color:var(--mc-button-line-hover)!important;
}
html body :is(.app.app,#modal,.auth) :where(.btn.danger,button.danger,.pm-danger,.x.danger):not(.punch-orb):not(.punch-circle),
html[data-theme] body :is(.app.app,#modal,.auth) :where(.btn.danger,button.danger,.pm-danger,.x.danger):not(.punch-orb):not(.punch-circle){
  background:transparent!important;
  background-image:none!important;
  border-color:rgba(255,154,173,.16)!important;
  color:#ffb4c1!important;
}
html body :is(.app.app,#modal,.auth) :where(.btn.danger,button.danger,.pm-danger,.x.danger):not(.punch-orb):not(.punch-circle):is(:hover,:focus-visible,:focus-within),
html[data-theme] body :is(.app.app,#modal,.auth) :where(.btn.danger,button.danger,.pm-danger,.x.danger):not(.punch-orb):not(.punch-circle):is(:hover,:focus-visible,:focus-within){
  background:var(--mc-button-glass-danger)!important;
  background-image:var(--mc-button-glass-danger)!important;
  border-color:rgba(255,154,173,.22)!important;
}
html body :is(.app.app,#modal,.auth) :where(button:not(.punch-orb):not(.punch-circle):not(.taskbar-noframe):not(.mc-combo-field):not(.contact-avatar-btn):not(.employee-list-avatar-btn):not(.oa-template-card):not(.att-self-day):not(.att-day-dot),.btn,.icon-btn:not(.taskbar-noframe),.btn-google,.tabs button,.x,.chat-send-btn,.mp-toggle,.preview-role-switch,.org-collapse-all,.tpl-step,.tpl-palette-btn,.tpl-flow-plus,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.live-building-tab,.live-floor-row,.live-room-mini,.live-device-palette button,.app-lang-menu button,.profile-menu button,.glass-select-list button)::after,
html[data-theme] body :is(.app.app,#modal,.auth) :where(button:not(.punch-orb):not(.punch-circle):not(.taskbar-noframe):not(.mc-combo-field):not(.contact-avatar-btn):not(.employee-list-avatar-btn):not(.oa-template-card):not(.att-self-day):not(.att-day-dot),.btn,.icon-btn:not(.taskbar-noframe),.btn-google,.tabs button,.x,.chat-send-btn,.mp-toggle,.preview-role-switch,.org-collapse-all,.tpl-step,.tpl-palette-btn,.tpl-flow-plus,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.live-building-tab,.live-floor-row,.live-room-mini,.live-device-palette button,.app-lang-menu button,.profile-menu button,.glass-select-list button)::after{
  display:none!important;
  content:none!important;
  opacity:0!important;
  background:none!important;
  box-shadow:none!important;
  -webkit-mask:none!important;
  mask:none!important;
}
html body :is(.app.app,#modal,.auth) :where(button[disabled],.btn[disabled],button:disabled,.btn.disabled),
html[data-theme] body :is(.app.app,#modal,.auth) :where(button[disabled],.btn[disabled],button:disabled,.btn.disabled){
  opacity:.42!important;
  transform:none!important;
  pointer-events:none!important;
}
/* ATTENDANCE CALENDAR STATUS CELL MODEL.
   Calendar day cells keep their own attendance colors and are not part of the generic button frame model. */
html body .app.app .layout > .main.page-records button.att-self-day,
html[data-theme] body .app.app .layout > .main.page-records button.att-self-day{
  border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.046),rgba(255,255,255,.014))!important;
  background-color:transparent!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
  color:#f4f4f1!important;
  -webkit-text-fill-color:currentColor!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
html body .app.app .layout > .main.page-records button.att-self-day.bg-ok,
html body .app.app .layout > .main.page-records button.att-self-day.att-day-open.bg-ok,
html[data-theme] body .app.app .layout > .main.page-records button.att-self-day.bg-ok,
html[data-theme] body .app.app .layout > .main.page-records button.att-self-day.att-day-open.bg-ok{
  border-color:rgba(34,197,94,.52)!important;
  background:linear-gradient(180deg,rgba(34,197,94,.22),rgba(34,197,94,.060))!important;
  box-shadow:inset 0 0 0 1px rgba(34,197,94,.12),inset 0 1px 0 rgba(255,255,255,.065)!important;
}
html body .app.app .layout > .main.page-records button.att-self-day.bg-danger,
html body .app.app .layout > .main.page-records button.att-self-day.att-day-open.bg-danger,
html[data-theme] body .app.app .layout > .main.page-records button.att-self-day.bg-danger,
html[data-theme] body .app.app .layout > .main.page-records button.att-self-day.att-day-open.bg-danger{
  border-color:rgba(239,68,68,.56)!important;
  background:linear-gradient(180deg,rgba(239,68,68,.24),rgba(127,29,29,.070))!important;
  box-shadow:inset 0 0 0 1px rgba(239,68,68,.16),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
html body .app.app .layout > .main.page-records button.att-self-day.bg-warn,
html body .app.app .layout > .main.page-records button.att-self-day.att-day-open.bg-warn,
html[data-theme] body .app.app .layout > .main.page-records button.att-self-day.bg-warn,
html[data-theme] body .app.app .layout > .main.page-records button.att-self-day.att-day-open.bg-warn{
  border-color:rgba(245,158,11,.58)!important;
  background:linear-gradient(180deg,rgba(245,158,11,.23),rgba(120,53,15,.065))!important;
  box-shadow:inset 0 0 0 1px rgba(245,158,11,.14),inset 0 1px 0 rgba(255,255,255,.060)!important;
}
html body .app.app .layout > .main.page-records button.att-self-day.bg-info,
html body .app.app .layout > .main.page-records button.att-self-day.att-day-open.bg-info,
html[data-theme] body .app.app .layout > .main.page-records button.att-self-day.bg-info,
html[data-theme] body .app.app .layout > .main.page-records button.att-self-day.att-day-open.bg-info{
  border-color:rgba(14,165,233,.56)!important;
  background:linear-gradient(180deg,rgba(14,165,233,.22),rgba(7,89,133,.070))!important;
  box-shadow:inset 0 0 0 1px rgba(14,165,233,.14),inset 0 1px 0 rgba(255,255,255,.060)!important;
}
html body .app.app .layout > .main.page-records button.att-self-day.bg-muted,
html body .app.app .layout > .main.page-records button.att-self-day.att-day-open.bg-muted,
html[data-theme] body .app.app .layout > .main.page-records button.att-self-day.bg-muted,
html[data-theme] body .app.app .layout > .main.page-records button.att-self-day.att-day-open.bg-muted{
  border-color:rgba(255,255,255,.09)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.046),rgba(255,255,255,.014))!important;
}
html body .app.app .layout > .main.page-records button.att-self-day:hover,
html[data-theme] body .app.app .layout > .main.page-records button.att-self-day:hover{
  z-index:var(--mc-model-lift-z,80)!important;
  transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important;
  filter:brightness(1.06) saturate(1.08)!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-19-shared-cross-surface-08-slice-19-part-01-seg-02-employee-card-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-19-shared-cross-surface-09-slice-19-part-01-seg-02-employee-card-micro-02-unit-02.css */

html body .app.app .layout > .main.page-records button.att-self-day:disabled,
html body .app.app .layout > .main.page-records button.att-self-day.att-day-locked,
html[data-theme] body .app.app .layout > .main.page-records button.att-self-day:disabled,
html[data-theme] body .app.app .layout > .main.page-records button.att-self-day.att-day-locked{
  opacity:1!important;
  transform:none!important;
  pointer-events:none!important;
  cursor:not-allowed!important;
}
html body .app.app .layout > .main.page-records button.att-self-day.att-day-locked,
html[data-theme] body .app.app .layout > .main.page-records button.att-self-day.att-day-locked{
  border-color:rgba(255,255,255,.070)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.006))!important;
  color:rgba(244,244,241,.40)!important;
}
html body .app.app .layout > .main.page-records button.att-self-day.att-day-unavailable,
html[data-theme] body .app.app .layout > .main.page-records button.att-self-day.att-day-unavailable{
  border-color:rgba(255,255,255,.10)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.040),rgba(255,255,255,.012))!important;
  color:rgba(244,244,241,.58)!important;
}
/* LOCKED TASKBAR BUTTON MODEL.
   Taskbar means the top navigation plus left sidebar. Default state is frameless; hover and active share the same colored fill family. */
html body .app.app,
html[data-theme] body .app.app{
  --mc-taskbar-fill-hover:var(--mc-model-button-fill-hover);
  --mc-taskbar-fill-active:var(--mc-model-button-fill-active);
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-19-shared-cross-surface-09-slice-19-part-01-seg-02-employee-card-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-preview/001-base-slice-19-left-navigation-10-slice-19-part-01-seg-02-employee-card-micro-03.css */

html body .app.app > .topbar :where(.taskbar-noframe,button,.icon-btn,.side-fold-btn,.theme-btn,.logout-btn,.lang-btn,.shell-panel-btn,.top-cloud,.top-cloud .g-chip,.topbar-brand-chip,.app-lang-wrap,.notif-wrap,.top-shell-controls,.top-ico,svg),
html[data-theme] body .app.app > .topbar :where(.taskbar-noframe,button,.icon-btn,.side-fold-btn,.theme-btn,.logout-btn,.lang-btn,.shell-panel-btn,.top-cloud,.top-cloud .g-chip,.topbar-brand-chip,.app-lang-wrap,.notif-wrap,.top-shell-controls,.top-ico,svg),
html body .app.app .layout > .side :where(button,.nav,.nav *,.side-fold-btn,.side-collapse-nav,.side-collapse-nav *,.side-profile,.side-profile *,.side-profile-btn,.side-profile-text,.side-grp-head,.side-grp-head *,.ic,.nav-label,.side-ico,.top-ico,svg),
html[data-theme] body .app.app .layout > .side :where(button,.nav,.nav *,.side-fold-btn,.side-collapse-nav,.side-collapse-nav *,.side-profile,.side-profile *,.side-profile-btn,.side-profile-text,.side-grp-head,.side-grp-head *,.ic,.nav-label,.side-ico,.top-ico,svg){
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  outline:0!important;
  outline-width:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app.app > .topbar :where(.taskbar-noframe,button,.icon-btn,.side-fold-btn,.theme-btn,.logout-btn,.lang-btn,.shell-panel-btn,.top-cloud,.top-cloud .g-chip,.topbar-brand-chip)::before,
html body .app.app > .topbar :where(.taskbar-noframe,button,.icon-btn,.side-fold-btn,.theme-btn,.logout-btn,.lang-btn,.shell-panel-btn,.top-cloud,.top-cloud .g-chip,.topbar-brand-chip)::after,
html[data-theme] body .app.app > .topbar :where(.taskbar-noframe,button,.icon-btn,.side-fold-btn,.theme-btn,.logout-btn,.lang-btn,.shell-panel-btn,.top-cloud,.top-cloud .g-chip,.topbar-brand-chip)::before,
html[data-theme] body .app.app > .topbar :where(.taskbar-noframe,button,.icon-btn,.side-fold-btn,.theme-btn,.logout-btn,.lang-btn,.shell-panel-btn,.top-cloud,.top-cloud .g-chip,.topbar-brand-chip)::after,
html body .app.app .layout > .side :where(button,.nav,.side-fold-btn,.side-collapse-nav,.side-profile,.side-profile-btn,.side-profile-text,.side-grp-head)::before,
html body .app.app .layout > .side :where(button,.nav,.side-fold-btn,.side-collapse-nav,.side-profile,.side-profile-btn,.side-profile-text,.side-grp-head)::after,
html[data-theme] body .app.app .layout > .side :where(button,.nav,.side-fold-btn,.side-collapse-nav,.side-profile,.side-profile-btn,.side-profile-text,.side-grp-head)::before,
html[data-theme] body .app.app .layout > .side :where(button,.nav,.side-fold-btn,.side-collapse-nav,.side-profile,.side-profile-btn,.side-profile-text,.side-grp-head)::after{
  display:none!important;
  content:none!important;
  opacity:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  -webkit-mask:none!important;
  mask:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-preview/001-base-slice-19-left-navigation-10-slice-19-part-01-seg-02-employee-card-micro-03.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-19-shared-cross-surface-11-slice-19-part-02-seg-01-employee-card-fine-01-short-01.css */

/* Legacy ordered base slice 19 part 02; split from 001-base-slice-19-employee-card.css. Keep import order stable. */
html body .app.app > .topbar :where(.taskbar-noframe,button,.icon-btn,.side-fold-btn,.theme-btn,.logout-btn,.lang-btn,.shell-panel-btn,.top-cloud,.topbar-brand-chip):is(:hover,:focus-visible,:focus-within),
html[data-theme] body .app.app > .topbar :where(.taskbar-noframe,button,.icon-btn,.side-fold-btn,.theme-btn,.logout-btn,.lang-btn,.shell-panel-btn,.top-cloud,.topbar-brand-chip):is(:hover,:focus-visible,:focus-within),
html body .app.app .layout.layout > .side.side .nav.nav:hover,
html[data-theme] body .app.app .layout.layout > .side.side .nav.nav:hover,
html body .app.app .layout.layout > .side.side .side-collapse-nav.side-collapse-nav:hover,
html[data-theme] body .app.app .layout.layout > .side.side .side-collapse-nav.side-collapse-nav:hover,
html body .app.app .layout.layout > .side.side .side-profile-wrap > .uchip:hover,
html[data-theme] body .app.app .layout.layout > .side.side .side-profile-wrap > .uchip:hover,
html body .app.app .layout > .side :where(.nav,.side-collapse-nav,.side-fold-btn,.side-profile-wrap > .uchip,.side-profile-btn):is(:hover,:focus-visible,:focus-within),
html[data-theme] body .app.app .layout > .side :where(.nav,.side-collapse-nav,.side-fold-btn,.side-profile-wrap > .uchip,.side-profile-btn):is(:hover,:focus-visible,:focus-within){
  border:0!important;
  outline:0!important;
  background:var(--mc-taskbar-fill-hover)!important;
  background-image:var(--mc-taskbar-fill-hover)!important;
  box-shadow:none!important;
  color:#fff!important;
  -webkit-text-fill-color:currentColor!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.08)!important;
  backdrop-filter:blur(10px) saturate(1.08)!important;
  position:relative!important;
  z-index:var(--mc-model-lift-z,80)!important;
  transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important;
}
html body .app.app > .topbar :where(.taskbar-noframe,button,.icon-btn,.side-fold-btn,.theme-btn,.logout-btn,.lang-btn,.shell-panel-btn,.top-cloud,.topbar-brand-chip):is(:active,.active,[aria-expanded="true"]),
html[data-theme] body .app.app > .topbar :where(.taskbar-noframe,button,.icon-btn,.side-fold-btn,.theme-btn,.logout-btn,.lang-btn,.shell-panel-btn,.top-cloud,.topbar-brand-chip):is(:active,.active,[aria-expanded="true"]),
html body .app.app .layout.layout > .side.side .nav.nav.active,
html[data-theme] body .app.app .layout.layout > .side.side .nav.nav.active,
html[data-theme=dark] body .app.app .layout.layout > .side.side .nav.nav.active,
html[data-theme=light] body .app.app .layout.layout > .side.side .nav.nav.active,
html:not([data-theme=dark]) body .app.app .layout.layout > .side.side .nav.nav.active,
html body .app.app .layout.layout > .side.side .side-collapse-nav.side-collapse-nav.active,
html[data-theme] body .app.app .layout.layout > .side.side .side-collapse-nav.side-collapse-nav.active,
html body .app.app .layout.layout > .side.side .side-profile-wrap > .uchip.active,
html[data-theme] body .app.app .layout.layout > .side.side .side-profile-wrap > .uchip.active,
html body .app.app .layout > .side :where(.nav.active,.side-collapse-nav.active,.side-fold-btn.active,.side-profile-wrap > .uchip.active,.side-profile-btn.active),
html[data-theme] body .app.app .layout > .side :where(.nav.active,.side-collapse-nav.active,.side-fold-btn.active,.side-profile-wrap > .uchip.active,.side-profile-btn.active){
  border:0!important;
  outline:0!important;
  background:var(--mc-taskbar-fill-active)!important;
  background-image:var(--mc-taskbar-fill-active)!important;
  box-shadow:none!important;
  color:#fff!important;
  -webkit-text-fill-color:currentColor!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.08)!important;
  backdrop-filter:blur(10px) saturate(1.08)!important;
}
/* Interaction lift model: one hover rise system for framed buttons, frameless taskbar buttons, and large action cards. */
html body .app.app :where(.topbar,.topbar .left,.topbar .right,.top-shell-controls,.notif-wrap,.app-lang-wrap,.side-profile-wrap,.head-actions,.toolbar,.view-toolbar,.att-report-toolbar,.sys-actions,.office-actions,.tpl-card-actions,.live-room-actions,.live-device-detail-actions,.account-actions,.account-head-tools,.settings-modern-actions,.role-side-head,.org-manager-actions,.page-head,.mc-page-head-model,.hud-cards,.employee-hud-cards,.cards,.grid.cards,.workbench-clean,.workbench-lower,.workbench-main,.workbench-side,.workbench-punch-slot,.workbench-todo-slot,.workbench-notif-slot,.mobile-quick),
html[data-theme] body .app.app :where(.topbar,.topbar .left,.topbar .right,.top-shell-controls,.notif-wrap,.app-lang-wrap,.side-profile-wrap,.head-actions,.toolbar,.view-toolbar,.att-report-toolbar,.sys-actions,.office-actions,.tpl-card-actions,.live-room-actions,.live-device-detail-actions,.account-actions,.account-head-tools,.settings-modern-actions,.role-side-head,.org-manager-actions,.page-head,.mc-page-head-model,.hud-cards,.employee-hud-cards,.cards,.grid.cards,.workbench-clean,.workbench-lower,.workbench-main,.workbench-side,.workbench-punch-slot,.workbench-todo-slot,.workbench-notif-slot,.mobile-quick),
html body #modal :where(.m-head,.m-foot,.head-actions,.toolbar,.secondary-rail-control,.secondary-rail-actions,.live-device-detail-actions,.org-manager-actions,.account-actions){
  overflow:visible!important;
}
html body :is(.app.app,#modal) :where(.panel,.card,.page-head,.mc-page-head-model,.employee-admin-fixed,.employee-org-panel,.employee-table-panel,.att-rule-section,.attendance-panel,.att-self-tools,.att-pie-dashboard,.att-company-overview,.work-layout-card,.work-punch,.work-punch-hero,.workbench-section,.workbench-content,.workbench-widget,.live-room-side,.live-room-side .panel,.live-room-head,.live-room-actions,.live-room-stage-wrap,.secondary-rail-shell,.secondary-rail-head,.secondary-rail-body,.secondary-rail-foot,.secondary-rail-control,.secondary-rail-actions,.modal .m-head,.modal .m-body,.modal .m-foot,.feed,.info-list,.tpl-card-actions,.account-actions,.settings-modern-actions,.org-manager-actions),
html[data-theme] body :is(.app.app,#modal) :where(.panel,.card,.page-head,.mc-page-head-model,.employee-admin-fixed,.employee-org-panel,.employee-table-panel,.att-rule-section,.attendance-panel,.att-self-tools,.att-pie-dashboard,.att-company-overview,.work-layout-card,.work-punch,.work-punch-hero,.workbench-section,.workbench-content,.workbench-widget,.live-room-side,.live-room-side .panel,.live-room-head,.live-room-actions,.live-room-stage-wrap,.secondary-rail-shell,.secondary-rail-head,.secondary-rail-body,.secondary-rail-foot,.secondary-rail-control,.secondary-rail-actions,.modal .m-head,.modal .m-body,.modal .m-foot,.feed,.info-list,.tpl-card-actions,.account-actions,.settings-modern-actions,.org-manager-actions){
  overflow:visible!important;
}
html body .app.app :where(button:not(.live-room-layer-option),.btn,.icon-btn,.nav,.tabs button,.x,.chat-send-btn,.mp-toggle,.preview-role-switch,.org-collapse-all,.tpl-step,.tpl-palette-btn,.tpl-flow-plus,.mc-pick-button,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.live-building-tab,.live-floor-row,.live-room-mini,.side-profile-wrap > .uchip,.topbar-brand-chip,.top-cloud),
html[data-theme] body .app.app :where(button:not(.live-room-layer-option),.btn,.icon-btn,.nav,.tabs button,.x,.chat-send-btn,.mp-toggle,.preview-role-switch,.org-collapse-all,.tpl-step,.tpl-palette-btn,.tpl-flow-plus,.mc-pick-button,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.live-building-tab,.live-floor-row,.live-room-mini,.side-profile-wrap > .uchip,.topbar-brand-chip,.top-cloud),
html body #modal :where(button,.btn,.icon-btn,.x,.mc-pick-button,.glass-select-list button,.secondary-rail-close){
  position:relative!important;
  z-index:1!important;
  overflow:visible!important;
  transform:translateY(0) scale(1)!important;
  transform-origin:center!important;
  will-change:transform!important;
  transition:var(--mc-model-lift-transition)!important;
}
html body .app.app :where(button:not(.live-room-layer-option),.btn,.icon-btn,.nav,.tabs button,.x,.chat-send-btn,.mp-toggle,.preview-role-switch,.org-collapse-all,.tpl-step,.tpl-palette-btn,.tpl-flow-plus,.mc-pick-button,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.live-building-tab,.live-floor-row,.live-room-mini,.side-profile-wrap > .uchip,.topbar-brand-chip,.top-cloud):is(:hover,:focus-visible,:focus-within),
html[data-theme] body .app.app :where(button:not(.live-room-layer-option),.btn,.icon-btn,.nav,.tabs button,.x,.chat-send-btn,.mp-toggle,.preview-role-switch,.org-collapse-all,.tpl-step,.tpl-palette-btn,.tpl-flow-plus,.mc-pick-button,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.live-building-tab,.live-floor-row,.live-room-mini,.side-profile-wrap > .uchip,.topbar-brand-chip,.top-cloud):is(:hover,:focus-visible,:focus-within),
html body #modal :where(button,.btn,.icon-btn,.x,.mc-pick-button,.glass-select-list button,.secondary-rail-close):is(:hover,:focus-visible,:focus-within){
  z-index:var(--mc-model-lift-z,80)!important;
  transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important;
}
html body .app.app :where(.hud-card,.stat,.ann-banner,.dept-mc,.oa-pill,.tpl-card,.att-rule-card-entry,.workbench-todo-slot .feed .fi,.workbench-notif-slot .feed .fi),
html[data-theme] body .app.app :where(.hud-card,.stat,.ann-banner,.dept-mc,.oa-pill,.tpl-card,.att-rule-card-entry,.workbench-todo-slot .feed .fi,.workbench-notif-slot .feed .fi){
  position:relative!important;
  z-index:1!important;
  transform:translateY(0) scale(1)!important;
  transform-origin:center!important;
  will-change:transform!important;
  transition:var(--mc-model-lift-transition)!important;
}
html body .app.app :where(.hud-card,.stat,.ann-banner,.dept-mc,.oa-pill,.tpl-card,.att-rule-card-entry,.workbench-todo-slot .feed .fi,.workbench-notif-slot .feed .fi):is(:hover,:focus-visible,:focus-within),
html[data-theme] body .app.app :where(.hud-card,.stat,.ann-banner,.dept-mc,.oa-pill,.tpl-card,.att-rule-card-entry,.workbench-todo-slot .feed .fi,.workbench-notif-slot .feed .fi):is(:hover,:focus-visible,:focus-within){
  z-index:var(--mc-model-lift-z,80)!important;
  transform:translateY(var(--mc-model-lift-y-card,-3px)) scale(var(--mc-model-lift-scale-card,1.01))!important;
}
html body :is(.app.app,#modal) :where(.role-list-item,.type-chip,.mobile-quick button,.live-room-bar,.live-floor-overview-row,.live-device-palette button,.live-device-detail-actions .btn,.att-self-day.att-day-open,.att-day-dot,.att-pie-card,.att-issue-card,.att-dept-row,.att-company-progress,.work-circ,.tree-h .box,.mc-punch-model,.punch-orb,.attendance-orb),
html[data-theme] body :is(.app.app,#modal) :where(.role-list-item,.type-chip,.mobile-quick button,.live-room-bar,.live-floor-overview-row,.live-device-palette button,.live-device-detail-actions .btn,.att-self-day.att-day-open,.att-day-dot,.att-pie-card,.att-issue-card,.att-dept-row,.att-company-progress,.work-circ,.tree-h .box,.mc-punch-model,.punch-orb,.attendance-orb){
  position:relative!important;
  z-index:1!important;
  overflow:visible!important;
  transform-origin:center!important;
  will-change:transform!important;
  transition:var(--mc-model-lift-transition)!important;
}
html body :is(.app.app,#modal) :where(.role-list-item,.type-chip,.mobile-quick button,.live-room-bar,.live-floor-overview-row,.live-device-palette button,.live-device-detail-actions .btn,.att-self-day.att-day-open,.att-day-dot,.att-pie-card,.att-issue-card,.att-dept-row,.att-company-progress,.work-circ,.tree-h .box):is(:hover,:focus-visible,:focus-within,.active),
html[data-theme] body :is(.app.app,#modal) :where(.role-list-item,.type-chip,.mobile-quick button,.live-room-bar,.live-floor-overview-row,.live-device-palette button,.live-device-detail-actions .btn,.att-self-day.att-day-open,.att-day-dot,.att-pie-card,.att-issue-card,.att-dept-row,.att-company-progress,.work-circ,.tree-h .box):is(:hover,:focus-visible,:focus-within,.active){
  z-index:var(--mc-model-lift-z,80)!important;
  transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important;
}
html body :is(.app.app,#modal) :where(.mc-punch-model,.punch-orb,.attendance-orb):is(:hover,:focus-visible,:focus-within),
html[data-theme] body :is(.app.app,#modal) :where(.mc-punch-model,.punch-orb,.attendance-orb):is(:hover,:focus-visible,:focus-within){
  z-index:var(--mc-model-lift-z,80)!important;
  transform:translateY(var(--mc-model-lift-y-card,-3px)) scale(1.018)!important;
}
@media(prefers-reduced-motion:reduce){
  html body .app.app :where(button:not(.live-room-layer-option),.btn,.icon-btn,.nav,.tabs button,.hud-card,.stat,.ann-banner,.dept-mc,.oa-pill,.tpl-card,.att-rule-card-entry,.role-list-item,.type-chip,.live-room-bar,.live-floor-overview-row,.live-device-palette button,.live-device-detail-actions .btn,.att-self-day.att-day-open,.att-day-dot,.att-pie-card,.att-issue-card,.att-dept-row,.att-company-progress,.work-circ,.tree-h .box,.mc-punch-model,.punch-orb,.attendance-orb),
  html body #modal :where(button,.btn,.icon-btn,.x,.role-list-item,.type-chip,.live-room-bar,.live-floor-overview-row,.live-device-palette button,.live-device-detail-actions .btn,.mc-punch-model,.punch-orb,.attendance-orb){
    transition:none!important;
    transform:none!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-19-shared-cross-surface-11-slice-19-part-02-seg-01-employee-card-fine-01-short-01.css */


/* >>> runtime/legacy/styles/blocks/overlays/secondary-modal/compatibility-preview/001-base-slice-19-secondary-rail-12-slice-19-part-02-seg-01-employee-card-fine-01-short-02.css */

/* Secondary rail flush model: remove the black gap between the main page and right rail without changing rail width. */
html body.secondary-rail-open,
html[data-theme] body.secondary-rail-open{
  --mc-secondary-rail-gap:0px!important;
}
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body.secondary-rail-open .app .layout,
  html[data-theme] body.secondary-rail-open .app .layout,
  html body.secondary-rail-open.secondary-rail-wide .app .layout,
  html[data-theme] body.secondary-rail-open.secondary-rail-wide .app .layout{
    padding-right:var(--mc-secondary-rail-w,min(336px,calc(100vw - 92px)))!important;
  }
}
html body #modal .secondary-rail-shell,
html[data-theme] body #modal .secondary-rail-shell,
html body #modal .secondary-rail-shell.wide,
html[data-theme] body #modal .secondary-rail-shell.wide,
html body #modal .secondary-rail-shell.org-pick-modal,
html[data-theme] body #modal .secondary-rail-shell.org-pick-modal,
html body #modal .secondary-rail-shell.org-pick-rail,
html[data-theme] body #modal .secondary-rail-shell.org-pick-rail,
html body #modal .secondary-rail-shell.profile-org-rail,
html[data-theme] body #modal .secondary-rail-shell.profile-org-rail,
html body #modal .secondary-rail-shell.live-room-rail,
html[data-theme] body #modal .secondary-rail-shell.live-room-rail{
  border-left:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/secondary-modal/compatibility-preview/001-base-slice-19-secondary-rail-12-slice-19-part-02-seg-01-employee-card-fine-01-short-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-preview/001-base-slice-19-application-layout-13-slice-19-part-02-seg-01-employee-card-fine-02-short-01.css */

html body #modal .secondary-rail-shell::before,
html body #modal .secondary-rail-shell::after,
html[data-theme] body #modal .secondary-rail-shell::before,
html[data-theme] body #modal .secondary-rail-shell::after{
  display:none!important;
  content:none!important;
  opacity:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}
html body #modal .secondary-rail-line,
html[data-theme] body #modal .secondary-rail-line,
html body #modal .secondary-rail-shell.live-room-rail .secondary-rail-line,
html[data-theme] body #modal .secondary-rail-shell.live-room-rail .secondary-rail-line{
  display:none!important;
  opacity:0!important;
  width:0!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
/* FINAL THEME HEADER MODEL GUARD.
   Keeps all page title bars on the locked Network/OpenWRT-style dark glass after page-specific cleanup rules. */
html body .app.app .layout.layout > .main.main :is(.mc-page-head-model,.page-head,.nd-page-head,.employee-admin-fixed,.settings-modern-head,.history-fixed-head,.live-room-head,.att-rule-fixed-head,.att-rule-topline,.workbench-unified-head,.att-report-fixed-head,.account-fixed-head),
html[data-theme] body .app.app .layout.layout > .main.main :is(.mc-page-head-model,.page-head,.nd-page-head,.employee-admin-fixed,.settings-modern-head,.history-fixed-head,.live-room-head,.att-rule-fixed-head,.att-rule-topline,.workbench-unified-head,.att-report-fixed-head,.account-fixed-head),
html body #modal :is(.mc-page-head-model,.secondary-rail-head),
html[data-theme] body #modal :is(.mc-page-head-model,.secondary-rail-head){
  border:0!important;
  background:var(--mc-head-bg)!important;
  background-color:var(--mc-head-bg-solid)!important;
  background-image:var(--mc-head-bg)!important;
  box-shadow:var(--mc-head-shadow)!important;
  filter:none!important;
  text-shadow:none!important;
  -webkit-backdrop-filter:var(--mc-head-filter)!important;
  backdrop-filter:var(--mc-head-filter)!important;
}
html body .app.app .layout.layout > .main.main :is(.mc-page-head-model,.page-head,.nd-page-head,.employee-admin-fixed,.settings-modern-head,.history-fixed-head,.live-room-head,.att-rule-fixed-head,.att-rule-topline,.workbench-unified-head,.att-report-fixed-head,.account-fixed-head) :is(h1,h2),
html[data-theme] body .app.app .layout.layout > .main.main :is(.mc-page-head-model,.page-head,.nd-page-head,.employee-admin-fixed,.settings-modern-head,.history-fixed-head,.live-room-head,.att-rule-fixed-head,.att-rule-topline,.workbench-unified-head,.att-report-fixed-head,.account-fixed-head) :is(h1,h2),
html body #modal :is(.mc-page-head-model,.secondary-rail-head) :is(h1,h2),
html[data-theme] body #modal :is(.mc-page-head-model,.secondary-rail-head) :is(h1,h2){
  font-size:var(--mc-head-title)!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:0!important;
}
html body .app.app .layout.layout > .main.main :is(.mc-page-head-model,.page-head,.nd-page-head,.employee-admin-fixed,.settings-modern-head,.history-fixed-head,.live-room-head,.att-rule-fixed-head,.att-rule-topline,.workbench-unified-head,.att-report-fixed-head,.account-fixed-head) :is(p,.settings-modern-sub,.workbench-welcome-line,.history-count,small,.muted,.desc,.nd-headline),
html[data-theme] body .app.app .layout.layout > .main.main :is(.mc-page-head-model,.page-head,.nd-page-head,.employee-admin-fixed,.settings-modern-head,.history-fixed-head,.live-room-head,.att-rule-fixed-head,.att-rule-topline,.workbench-unified-head,.att-report-fixed-head,.account-fixed-head) :is(p,.settings-modern-sub,.workbench-welcome-line,.history-count,small,.muted,.desc,.nd-headline),
html body #modal :is(.mc-page-head-model,.secondary-rail-head) :is(p,small,.muted,.desc),
html[data-theme] body #modal :is(.mc-page-head-model,.secondary-rail-head) :is(p,small,.muted,.desc){
  margin:8px 0 0!important;
  font-size:var(--mc-head-small)!important;
  line-height:1.32!important;
  font-weight:400!important;
}
@media(min-width:921px), (min-width:761px) and (hover:hover) and (pointer:fine){
  html body .app.app .layout.layout > .main.main,
  html[data-theme] body .app.app .layout.layout > .main.main{
    padding:var(--mc-main-pad-top) var(--mc-main-pad-x) var(--mc-main-pad-bottom)!important;
  }
  html body .app.app .layout.layout:not(.side-collapsed) > .main.main.page-workbench > .workbench-unified,
  html[data-theme] body .app.app .layout.layout:not(.side-collapsed) > .main.main.page-workbench > .workbench-unified{
    width:100%!important;
    max-width:100%!important;
  }
  html body .app.app .layout.layout > .main.main.page-employees > .employee-admin-shell,
  html[data-theme] body .app.app .layout.layout > .main.main.page-employees > .employee-admin-shell,
  html body .app.app .layout.layout > .main.main.page-system > .settings-modern-shell,
  html[data-theme] body .app.app .layout.layout > .main.main.page-system > .settings-modern-shell,
  html body .app.app .layout.layout > .main.main.page-system > .settings-compact-shell,
  html[data-theme] body .app.app .layout.layout > .main.main.page-system > .settings-compact-shell{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
}
html body .app.app .layout.layout > .main.main :is(.mc-page-head-model,.page-head,.nd-page-head,.employee-admin-fixed,.settings-modern-head,.history-fixed-head,.live-room-head,.att-rule-fixed-head,.att-rule-topline,.workbench-unified-head,.att-report-fixed-head,.account-fixed-head),
html[data-theme] body .app.app .layout.layout > .main.main :is(.mc-page-head-model,.page-head,.nd-page-head,.employee-admin-fixed,.settings-modern-head,.history-fixed-head,.live-room-head,.att-rule-fixed-head,.att-rule-topline,.workbench-unified-head,.att-report-fixed-head,.account-fixed-head),
html body #modal :is(.mc-page-head-model,.secondary-rail-head),
html[data-theme] body #modal :is(.mc-page-head-model,.secondary-rail-head){
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:var(--mc-head-h,76px)!important;
  min-height:var(--mc-head-h,76px)!important;
  max-height:var(--mc-head-h,76px)!important;
  margin:0 0 var(--mc-head-gap,12px)!important;
  padding:var(--mc-head-pad-y,14px) var(--mc-head-pad-x,16px)!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:var(--mc-head-inner-gap,14px)!important;
  justify-self:stretch!important;
  overflow:hidden!important;
  transform:none!important;
  transition:width var(--mc-head-motion),max-width var(--mc-head-motion),margin var(--mc-head-motion),padding-left var(--mc-head-motion),padding-right var(--mc-head-motion),border-color .18s ease,background-color .18s ease,-webkit-backdrop-filter .18s ease,backdrop-filter .18s ease!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-preview/001-base-slice-19-application-layout-13-slice-19-part-02-seg-01-employee-card-fine-02-short-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-preview/001-base-slice-19-application-layout-14-slice-19-part-02-seg-01-employee-card-fine-02-short-02.css */

html body .app.app .layout.layout > .main.main :is(.mc-page-head-model,.page-head,.nd-page-head,.settings-modern-head,.live-room-head,.workbench-unified-head,.account-fixed-head) > :first-child,
html[data-theme] body .app.app .layout.layout > .main.main :is(.mc-page-head-model,.page-head,.nd-page-head,.settings-modern-head,.live-room-head,.workbench-unified-head,.account-fixed-head) > :first-child,
html body .app.app .layout.layout > .main.main :is(.employee-admin-fixed) .employee-admin-title,
html[data-theme] body .app.app .layout.layout > .main.main :is(.employee-admin-fixed) .employee-admin-title,
html body .app.app .layout.layout > .main.main :is(.att-report-fixed-head) .att-report-title,
html[data-theme] body .app.app .layout.layout > .main.main :is(.att-report-fixed-head) .att-report-title,
html body .app.app .layout.layout > .main.main :is(.history-fixed-head) .history-head-main > :first-child,
html[data-theme] body .app.app .layout.layout > .main.main :is(.history-fixed-head) .history-head-main > :first-child{
  display:grid!important;
  grid-auto-rows:min-content!important;
  align-content:center!important;
  gap:7px!important;
  min-width:0!important;
  overflow:hidden!important;
}
html body .app.app .layout.layout > .main.main :is(.mc-page-head-model,.page-head,.nd-page-head,.employee-admin-fixed,.settings-modern-head,.history-fixed-head,.live-room-head,.att-report-fixed-head,.att-rule-fixed-head,.att-rule-topline,.workbench-unified-head,.account-fixed-head) :is(p,.settings-modern-sub,.workbench-welcome-line,.history-count,small,.muted,.desc,.nd-headline),
html[data-theme] body .app.app .layout.layout > .main.main :is(.mc-page-head-model,.page-head,.nd-page-head,.employee-admin-fixed,.settings-modern-head,.history-fixed-head,.live-room-head,.att-report-fixed-head,.att-rule-fixed-head,.att-rule-topline,.workbench-unified-head,.account-fixed-head) :is(p,.settings-modern-sub,.workbench-welcome-line,.history-count,small,.muted,.desc,.nd-headline){
  margin:0!important;
  min-width:0!important;
}
html body .app.app .layout.layout > .main.main .nd-page-head .nd-headline,
html[data-theme] body .app.app .layout.layout > .main.main .nd-page-head .nd-headline{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .app.app .layout.layout > .main.main .nd-page-head .nd-headline > span,
html[data-theme] body .app.app .layout.layout > .main.main .nd-page-head .nd-headline > span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-preview/001-base-slice-19-application-layout-14-slice-19-part-02-seg-01-employee-card-fine-02-short-02.css */


/* >>> runtime/legacy/styles/blocks/organization/picker/compatibility-preview/001-base-slice-19-organization-15-slice-19-part-02-seg-01-employee-card-fine-03-malformed-retained.css */

/* LOCKED ORG TREE MODEL.
   Root is the organization header; hierarchy is indentation only, with aligned member counts. */
html body .app.app :where(.employee-org-panel,.att-month-org-panel) :where(.tree-branch,.tree-children),
html[data-theme] body .app.app :where(.employee-org-panel,.att-month-org-panel) :where(.tree-branch,.tree-children),
html body #modal .org-manager-layout :where(.tree-branch,.tree-children),
html[data-theme] body #modal .org-manager-layout :where(.tree-branch,.tree-children){
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .app.app :where(.employee-org-panel,.att-month-org-panel) .tree-children::before,
html body .app.app :where(.employee-org-panel,.att-month-org-panel) .tree-branch::before,
html body .app.app :where(.employee-org-panel,.att-month-org-panel) .tree-branch::after,
html body .app.app :where(.employee-org-panel,.att-month-org-panel) .tree-row::before,
html body .app.app :where(.employee-org-panel,.att-month-org-panel) .tree-row::after,
html body #modal .org-manager-layout .tree-children::before,
html body #modal .org-manager-layout .tree-branch::before,
html body #modal .org-manager-layout .tree-branch::after,
html body #modal .org-manager-layout .tree-row::before,
html body #modal .org-manager-layout .tree-row::after{
  display:none!important;
  content:none!important;
}
html body .app.app :where(.employee-org-panel,.att-month-org-panel) .org-tree-root,
html[data-theme] body .app.app :where(.employee-org-panel,.att-month-org-panel) .org-tree-root,
html body #modal .org-manager-layout .org-tree-root,
html[data-theme] body #modal .org-manager-layout .org-tree-root{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 46px!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  align-items:center!important;
  column-gap:12px!important;
  min-height:34px!important;
  padding:0 9px!important;
  margin:0 0 8px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#f4f4f1!important;
  cursor:pointer!important;
  transform:none!important;
  transition:var(--mc-model-lift-transition)!important;
}
html body #modal .org-manager-layout .org-manager-root-label.org-tree-root{
  cursor:default!important;
}
html body .app.app :where(.employee-org-panel,.att-month-org-panel) .org-tree-root b,
html[data-theme] body .app.app :where(.employee-org-panel,.att-month-org-panel) .org-tree-root b,
html body #modal .org-manager-layout .org-tree-root b,

/* <<< runtime/legacy/styles/blocks/organization/picker/compatibility-preview/001-base-slice-19-organization-15-slice-19-part-02-seg-01-employee-card-fine-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/organization/picker/compatibility-preview/001-base-slice-19-organization-16-slice-19-part-02-seg-02-employee-card-micro-01-unit-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-19-part-02-employee-card.css. Keep import order stable. */
html[data-theme] body #modal .org-manager-layout .org-tree-root b{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#f4f4f1!important;
  font-size:.9rem!important;
  line-height:1.12!important;
  font-weight:820!important;
}
html body .app.app :where(.employee-org-panel,.att-month-org-panel) .org-indent-row,
html[data-theme] body .app.app :where(.employee-org-panel,.att-month-org-panel) .org-indent-row,
html body #modal .org-manager-layout .org-indent-row,
html[data-theme] body #modal .org-manager-layout .org-indent-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 46px!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  align-items:center!important;
  column-gap:12px!important;
  min-height:31px!important;
  padding:0 9px 0 calc(9px + var(--depth-space,0px))!important;
  margin:1px 0!important;
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:rgba(244,244,241,.78)!important;
  text-shadow:none!important;
  transform:none!important;
  transition:var(--mc-model-lift-transition)!important;
}
html body .app.app :where(.employee-org-panel,.att-month-org-panel) .org-indent-row:hover,
html[data-theme] body .app.app :where(.employee-org-panel,.att-month-org-panel) .org-indent-row:hover,
html body #modal .org-manager-layout .org-indent-row:hover,
html[data-theme] body #modal .org-manager-layout .org-indent-row:hover,
html body .app.app :where(.employee-org-panel,.att-month-org-panel) .org-tree-root:hover,
html[data-theme] body .app.app :where(.employee-org-panel,.att-month-org-panel) .org-tree-root:hover,
html body #modal .org-manager-layout .org-tree-root:not(.org-manager-root-label):hover,
html[data-theme] body #modal .org-manager-layout .org-tree-root:not(.org-manager-root-label):hover{
  border:0!important;
  background:var(--mc-model-button-fill-hover)!important;
  background-image:var(--mc-model-button-fill-hover)!important;
  box-shadow:none!important;
  color:#f4f4f1!important;
}
html body .app.app :where(.employee-org-panel,.att-month-org-panel) .org-indent-row.active,
html[data-theme] body .app.app :where(.employee-org-panel,.att-month-org-panel) .org-indent-row.active,
html body #modal .org-manager-layout .org-indent-row.active,
html[data-theme] body #modal .org-manager-layout .org-indent-row.active,
html body .app.app :where(.employee-org-panel,.att-month-org-panel) .org-tree-root.active,
html[data-theme] body .app.app :where(.employee-org-panel,.att-month-org-panel) .org-tree-root.active{
  border:0!important;
  background:var(--mc-model-button-fill-active)!important;
  background-image:var(--mc-model-button-fill-active)!important;
  box-shadow:none!important;
  color:#f4f4f1!important;
}
html body .app.app :where(.employee-org-panel,.att-month-org-panel) :where(.org-tree-name,.org-tree-count),
html[data-theme] body .app.app :where(.employee-org-panel,.att-month-org-panel) :where(.org-tree-name,.org-tree-count),
html body #modal .org-manager-layout :where(.org-tree-name,.org-tree-count),
html[data-theme] body #modal .org-manager-layout :where(.org-tree-name,.org-tree-count){
  font-size:.78rem!important;
  line-height:1.15!important;
}
html body .app.app :where(.employee-org-panel,.att-month-org-panel) .org-tree-name,
html[data-theme] body .app.app :where(.employee-org-panel,.att-month-org-panel) .org-tree-name,
html body #modal .org-manager-layout .org-tree-name,
html[data-theme] body #modal .org-manager-layout .org-tree-name{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body .app.app :where(.employee-org-panel,.att-month-org-panel) .org-tree-count,
html[data-theme] body .app.app :where(.employee-org-panel,.att-month-org-panel) .org-tree-count,
html body #modal .org-manager-layout .org-tree-count,
html[data-theme] body #modal .org-manager-layout .org-tree-count{
  width:46px!important;
  justify-self:end!important;
  text-align:right!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:rgba(244,244,241,.52)!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}

/* <<< runtime/legacy/styles/blocks/organization/picker/compatibility-preview/001-base-slice-19-organization-16-slice-19-part-02-seg-02-employee-card-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-19-shared-cross-surface-17-slice-19-part-02-seg-02-employee-card-micro-01-unit-02.css */

html body .app.app :where(.employee-org-panel,.att-month-org-panel) .tree-row > .tw,
html[data-theme] body .app.app :where(.employee-org-panel,.att-month-org-panel) .tree-row > .tw,
html body #modal .org-manager-layout .tree-row > .tw,
html[data-theme] body #modal .org-manager-layout .tree-row > .tw{
  display:none!important;
}
/* Legacy list tokens retained for network diagnostics.
   Ordinary tables are owned by style-models/components/tables.css. */
html body .app.app,
html body #modal{
  --mc-list-line:rgba(244,244,241,.085);
  --mc-list-alt:linear-gradient(90deg,rgba(255,255,255,.030) 0%,rgba(255,255,255,.044) 42%,rgba(255,255,255,.026) 100%);
  --mc-list-hover:linear-gradient(90deg,color-mix(in srgb,var(--mc-spectrum-1) 13%,rgba(0,0,0,.045)) 0%,color-mix(in srgb,var(--mc-spectrum-2) 12.5%,rgba(0,0,0,.045)) 24%,color-mix(in srgb,var(--mc-spectrum-3) 11%,rgba(0,0,0,.05)) 49%,color-mix(in srgb,var(--mc-spectrum-4) 10.5%,rgba(0,0,0,.05)) 72%,color-mix(in srgb,var(--mc-spectrum-5) 12%,rgba(0,0,0,.045)) 100%);
  --mc-list-text:#f4f4f1;
  --mc-list-muted:rgba(244,244,241,.58);
}
html body .app.app .layout.layout > .main.main.page-networkDiag :is(.nd-report-room,.nd-table-section,.nd-report table),
html[data-theme] body .app.app .layout.layout > .main.main.page-networkDiag :is(.nd-report-room,.nd-table-section,.nd-report table){
  border:0!important;
  border-color:transparent!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
}
html body .app.app .layout.layout > .main.main.page-networkDiag .nd-report table,
html[data-theme] body .app.app .layout.layout > .main.main.page-networkDiag .nd-report table{
  border-collapse:collapse!important;
  border-spacing:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-19-shared-cross-surface-17-slice-19-part-02-seg-02-employee-card-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-19-shared-cross-surface-18-slice-19-part-02-seg-02-employee-card-micro-02-unit-01.css */

html body .app.app .layout.layout > .main.main.page-networkDiag .nd-report :where(table,thead,tbody,tr,th,td),
html[data-theme] body .app.app .layout.layout > .main.main.page-networkDiag .nd-report :where(table,thead,tbody,tr,th,td){
  border-radius:0!important;
  clip-path:none!important;
}
html body .app.app .layout.layout > .main.main.page-networkDiag .nd-report thead th,
html[data-theme] body .app.app .layout.layout > .main.main.page-networkDiag .nd-report thead th{
  border:0!important;
  border-bottom:1px solid var(--mc-list-line)!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--mc-list-muted)!important;
  font-weight:820!important;
}
html body .app.app .layout.layout > .main.main.page-networkDiag .nd-report tbody tr,
html[data-theme] body .app.app .layout.layout > .main.main.page-networkDiag .nd-report tbody tr{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  transform:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  transition:background-color .16s ease,background-image .16s ease,color .16s ease!important;
}
html body .app.app .layout.layout > .main.main.page-networkDiag .nd-report tbody td,
html[data-theme] body .app.app .layout.layout > .main.main.page-networkDiag .nd-report tbody td{
  border:0!important;
  border-bottom:1px solid var(--mc-list-line)!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--mc-list-text)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app.app .layout.layout > .main.main.page-networkDiag .nd-report tbody tr:nth-child(odd),
html[data-theme] body .app.app .layout.layout > .main.main.page-networkDiag .nd-report tbody tr:nth-child(odd){
  background:var(--mc-list-alt)!important;
  background-image:var(--mc-list-alt)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.08)!important;
  backdrop-filter:blur(10px) saturate(1.08)!important;
}
html body .app.app .layout.layout > .main.main.page-networkDiag .nd-report tbody tr:nth-child(even) > td,
html[data-theme] body .app.app .layout.layout > .main.main.page-networkDiag .nd-report tbody tr:nth-child(even) > td{
  background:transparent!important;
  background-image:none!important;
}
html body .app.app .layout.layout > .main.main.page-networkDiag .nd-report tbody tr:is(:hover,:focus,:focus-within,.active,.selected,[aria-selected="true"]),
html[data-theme] body .app.app .layout.layout > .main.main.page-networkDiag .nd-report tbody tr:is(:hover,:focus,:focus-within,.active,.selected,[aria-selected="true"]){
  background:var(--mc-list-hover)!important;
  background-image:var(--mc-list-hover)!important;
  color:#fff!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.12)!important;
  backdrop-filter:blur(12px) saturate(1.12)!important;
}
html body .app.app .layout.layout > .main.main.page-networkDiag .nd-report tbody tr:is(:hover,:focus,:focus-within,.active,.selected,[aria-selected="true"]) > td,
html[data-theme] body .app.app .layout.layout > .main.main.page-networkDiag .nd-report tbody tr:is(:hover,:focus,:focus-within,.active,.selected,[aria-selected="true"]) > td{
  background:transparent!important;
  background-image:none!important;
  color:#fff!important;
}
html body .app.app .layout.layout > .main.main.page-networkDiag .nd-report tbody tr:last-child > td,
html[data-theme] body .app.app .layout.layout > .main.main.page-networkDiag .nd-report tbody tr:last-child > td{
  border-bottom:1px solid var(--mc-list-line)!important;
}
html body .app.app .layout.layout > .main.main.page-networkDiag :is(.nd-log-events,.nd-log-peaks,.nd-log-plan,.nd-service-board,.nd-script-board),
html[data-theme] body .app.app .layout.layout > .main.main.page-networkDiag :is(.nd-log-events,.nd-log-peaks,.nd-log-plan,.nd-service-board,.nd-script-board){
  border:0!important;
  border-top:0!important;
  border-bottom:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-19-shared-cross-surface-18-slice-19-part-02-seg-02-employee-card-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/notifications/drawer/compatibility-preview/001-base-slice-19-notifications-19-slice-19-part-02-seg-02-employee-card-micro-02-unit-02.css */

html body .app.app .layout.layout > .main.main.page-networkDiag :is(.nd-log-event,.nd-log-peaks span,.nd-log-plan span,.nd-service-row,.nd-script-row,.nd-policy-item,.nd-overview-lines div,.nd-system-plain div),
html[data-theme] body .app.app .layout.layout > .main.main.page-networkDiag :is(.nd-log-event,.nd-log-peaks span,.nd-log-plan span,.nd-service-row,.nd-script-row,.nd-policy-item,.nd-overview-lines div,.nd-system-plain div){
  border:0!important;
  border-bottom:1px solid var(--mc-list-line)!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-sizing:border-box!important;
  transition:background-color .16s ease,background-image .16s ease,color .16s ease!important;
}
html body .app.app .layout.layout > .main.main.page-networkDiag :is(.nd-log-event,.nd-log-peaks span,.nd-log-plan span,.nd-service-row,.nd-script-row,.nd-policy-item,.nd-overview-lines div,.nd-system-plain div):nth-child(odd),
html[data-theme] body .app.app .layout.layout > .main.main.page-networkDiag :is(.nd-log-event,.nd-log-peaks span,.nd-log-plan span,.nd-service-row,.nd-script-row,.nd-policy-item,.nd-overview-lines div,.nd-system-plain div):nth-child(odd){
  background:var(--mc-list-alt)!important;
  background-image:var(--mc-list-alt)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.08)!important;
  backdrop-filter:blur(10px) saturate(1.08)!important;
}
html body .app.app .layout.layout > .main.main.page-networkDiag :is(.nd-log-event,.nd-log-peaks span,.nd-log-plan span,.nd-service-row,.nd-script-row,.nd-policy-item,.nd-overview-lines div,.nd-system-plain div):is(:hover,:focus,:focus-within,.active,.selected,[aria-selected="true"]),
html[data-theme] body .app.app .layout.layout > .main.main.page-networkDiag :is(.nd-log-event,.nd-log-peaks span,.nd-log-plan span,.nd-service-row,.nd-script-row,.nd-policy-item,.nd-overview-lines div,.nd-system-plain div):is(:hover,:focus,:focus-within,.active,.selected,[aria-selected="true"]){
  border-bottom:1px solid var(--mc-list-line)!important;
  background:var(--mc-list-hover)!important;
  background-image:var(--mc-list-hover)!important;
  color:#fff!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.12)!important;
  backdrop-filter:blur(12px) saturate(1.12)!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .app.app .layout.layout > .main.main :is(.table-wrap,.oa-table-wrap,.att-rule-table) tbody tr,
  html[data-theme] body .app.app .layout.layout > .main.main :is(.table-wrap,.oa-table-wrap,.att-rule-table) tbody tr{
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    margin:0!important;
  }
}

/* <<< runtime/legacy/styles/blocks/notifications/drawer/compatibility-preview/001-base-slice-19-notifications-19-slice-19-part-02-seg-02-employee-card-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/attendance/rules/compatibility-preview/001-base-slice-19-attendance-20-slice-19-part-02-seg-02-employee-card-micro-03.css */

@media(prefers-reduced-motion:reduce){
  html body :is(.app.app,#modal,.auth) :where(button,.btn,.icon-btn,.nav,.tabs button,.x),
  html[data-theme] body :is(.app.app,#modal,.auth) :where(button,.btn,.icon-btn,.nav,.tabs button,.x){
    transition:none!important;
    transform:none!important;
  }
}
/* Unified punch model. Workbench and Attendance use this same class and state map. */
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model,
html[data-theme] body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model,
html body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model,
html body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model{
  --mc-punch-grad:linear-gradient(135deg,#0b5f86 0%,#0f7fae 52%,#18a6bd 100%);
  --mc-punch-glow:rgba(24,166,189,.30);
  width:202px!important;
  height:202px!important;
  min-width:202px!important;
  min-height:202px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  outline:0!important;
  padding:17px 16px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
  text-align:center!important;
  background:var(--mc-punch-grad)!important;
  background-image:var(--mc-punch-grad)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -28px 46px rgba(2,6,23,.20),0 22px 46px -38px rgba(0,0,0,.88),0 0 38px -26px var(--mc-punch-glow)!important;
  text-shadow:0 9px 20px rgba(0,0,0,.38)!important;
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
}

/* <<< runtime/legacy/styles/blocks/attendance/rules/compatibility-preview/001-base-slice-19-attendance-20-slice-19-part-02-seg-02-employee-card-micro-03.css */


/* >>> runtime/legacy/styles/blocks/attendance/rules/compatibility-preview/001-base-slice-19-attendance-21-slice-19-part-03-seg-01-employee-card-nano-01.css */

/* Legacy ordered base slice 19 part 03; split from 001-base-slice-19-employee-card.css. Keep import order stable. */
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model::before,
html[data-theme] body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model::before,
html body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model::before,
html body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  border-radius:inherit!important;
  border:0!important;
  background:radial-gradient(circle at 16% 12%,rgba(255,255,255,.27),transparent 31%),radial-gradient(circle at 76% 86%,rgba(255,255,255,.10),transparent 42%),linear-gradient(120deg,rgba(255,255,255,.16),transparent 47%,rgba(255,255,255,.10))!important;
  opacity:.78!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model::after,
html[data-theme] body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model::after,
html body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model::after,
html body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  width:118px!important;
  height:118px!important;
  inset:auto!important;
  top:-22px!important;
  right:-20px!important;
  z-index:0!important;
  border:0!important;
  border-radius:24px!important;
  opacity:.18!important;
  transform:rotate(13deg)!important;
  animation:none!important;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.62) 0 1px,transparent 1px 13px),repeating-linear-gradient(90deg,rgba(255,255,255,.48) 0 1px,transparent 1px 13px)!important;
  pointer-events:none!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model > *,
html[data-theme] body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model > *,
html body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model > *,
html body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model > *{
  position:relative!important;
  z-index:2!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage :is(.mc-punch-model.danger,.mc-punch-model.warn),
html[data-theme] body .app .layout > .main.page-attendance .att-punch-zone :is(.mc-punch-model.danger,.mc-punch-model.warn),
html body .app .layout > .main.page-workbench .work-punch-stage :is(.mc-punch-model.danger,.mc-punch-model.warn),
html body .app .layout > .main.page-attendance .att-punch-zone :is(.mc-punch-model.danger,.mc-punch-model.warn){
  --mc-punch-grad:linear-gradient(135deg,#7f1d1d 0%,#b32636 52%,#d34a59 100%);
  --mc-punch-glow:rgba(211,74,89,.34);
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage :is(.mc-punch-model.checkedin,.mc-punch-model.checked,.mc-punch-model.done),
html[data-theme] body .app .layout > .main.page-attendance .att-punch-zone :is(.mc-punch-model.checkedin,.mc-punch-model.checked,.mc-punch-model.done),
html body .app .layout > .main.page-workbench .work-punch-stage :is(.mc-punch-model.checkedin,.mc-punch-model.checked,.mc-punch-model.done),
html body .app .layout > .main.page-attendance .att-punch-zone :is(.mc-punch-model.checkedin,.mc-punch-model.checked,.mc-punch-model.done){
  --mc-punch-grad:linear-gradient(135deg,#076b3b 0%,#0c9b5a 52%,#22c77b 100%);
  --mc-punch-glow:rgba(34,199,123,.32);
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model.nonwork,
html[data-theme] body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model.nonwork,
html body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model.nonwork,
html body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model.nonwork{
  --mc-punch-grad:linear-gradient(135deg,#17344f 0%,#1f5b7a 54%,#2b7f91 100%);
  --mc-punch-glow:rgba(43,127,145,.24);
}
html[data-theme] body .app .layout > .main .mc-punch-model:hover,
html body .app .layout > .main .mc-punch-model:hover{
  z-index:var(--mc-model-lift-z,80)!important;
  transform:translateY(var(--mc-model-lift-y-card,-3px)) scale(1.018)!important;
  filter:saturate(1.04) brightness(1.02)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -30px 50px rgba(2,6,23,.21),0 28px 56px -38px rgba(0,0,0,.92),0 0 48px -24px var(--mc-punch-glow)!important;
}
@keyframes mcPunchReadyPulse{
  0%,100%{opacity:.28;transform:scale(.96)}
  50%{opacity:.74;transform:scale(1.035)}
}
@keyframes mcPunchReadySheen{
  0%,100%{opacity:.56;transform:translateX(-8%) rotate(0deg)}
  50%{opacity:.92;transform:translateX(8%) rotate(0deg)}
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model,
html[data-theme] body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model,
html body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model,
html body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model{
  gap:6px!important;
  padding:16px 15px!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model :where(.orb-person,.orb-dept,.orb-now,.orb-time,.orb-shift,.orb-sub,.orb-meta),
html[data-theme] body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model :where(.orb-person,.orb-dept,.orb-now,.orb-time,.orb-shift,.orb-sub,.orb-meta),
html body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model :where(.orb-person,.orb-dept,.orb-now,.orb-time,.orb-shift,.orb-sub,.orb-meta),
html body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model :where(.orb-person,.orb-dept,.orb-now,.orb-time,.orb-shift,.orb-sub,.orb-meta){
  display:block!important;
  width:min(100%,172px)!important;
  max-width:172px!important;
  margin:0!important;
  padding:0!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:center!important;
  text-transform:none!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model .orb-person,
html[data-theme] body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model .orb-person,
html body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model .orb-person,
html body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model .orb-person{
  order:1!important;
  font-size:18px!important;
  font-weight:880!important;
  color:rgba(255,255,255,.96)!important;
  text-decoration:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/attendance/rules/compatibility-preview/001-base-slice-19-attendance-21-slice-19-part-03-seg-01-employee-card-nano-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-19-shared-cross-surface-22-slice-19-part-03-seg-01-employee-card-nano-02.css */

html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model .orb-person::before,
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model .orb-person::after,
html[data-theme] body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model .orb-person::before,
html[data-theme] body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model .orb-person::after,
html body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model .orb-person::before,
html body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model .orb-person::after,
html body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model .orb-person::before,
html body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model .orb-person::after{
  content:none!important;
  display:none!important;
}
html[data-theme] body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage .mc-punch-model.punch-orb .orb-person,
html body .app .layout > .main.page-workbench .workbench-punch-slot .work-punch-stage .mc-punch-model.punch-orb .orb-person{
  font-size:18px!important;
  line-height:1.02!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model .orb-dept,
html[data-theme] body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model .orb-dept,
html body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model .orb-dept,
html body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model .orb-dept{
  order:2!important;
  font-size:.61rem!important;
  font-weight:720!important;
  color:rgba(255,255,255,.72)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model .orb-now,
html[data-theme] body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model .orb-now,
html body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model .orb-now,
html body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model .orb-now{
  order:3!important;
  font-size:1.70rem!important;
  line-height:.94!important;
  font-weight:960!important;
  font-family:var(--mono)!important;
  color:#fff7b8!important;
  text-shadow:0 0 17px rgba(250,204,21,.30),0 8px 22px rgba(0,0,0,.38)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model .orb-time,
html[data-theme] body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model .orb-time,
html body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model .orb-time,
html body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model .orb-time{
  order:4!important;
  font-size:.72rem!important;
  font-weight:840!important;
  color:rgba(255,255,255,.76)!important;
  font-family:var(--mono)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model .orb-shift,
html[data-theme] body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model .orb-shift,
html body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model .orb-shift,
html body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model .orb-shift{
  order:5!important;
  width:100%!important;
  max-width:176px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff0a3!important;
  box-shadow:none!important;
  font-size:.66rem!important;
  line-height:1.2!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  text-transform:none!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model .orb-sub,
html[data-theme] body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model .orb-sub,
html body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model .orb-sub,
html body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model .orb-sub{
  order:6!important;
  font-size:1.06rem!important;
  font-weight:940!important;
  font-style:italic!important;
  color:#ffe08a!important;
  text-shadow:0 0 16px rgba(250,204,21,.32),0 8px 20px rgba(0,0,0,.34)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model.danger .orb-sub,
html[data-theme] body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model.danger .orb-sub,
html body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model.danger .orb-sub,
html body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model.danger .orb-sub{
  color:#ffb4c0!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model.warn .orb-sub,
html[data-theme] body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model.warn .orb-sub,
html body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model.warn .orb-sub,
html body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model.warn .orb-sub{
  color:#ffd27a!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage :is(.mc-punch-model.checkedin,.mc-punch-model.checked,.mc-punch-model.done) .orb-sub,
html[data-theme] body .app .layout > .main.page-attendance .att-punch-zone :is(.mc-punch-model.checkedin,.mc-punch-model.checked,.mc-punch-model.done) .orb-sub,
html body .app .layout > .main.page-workbench .work-punch-stage :is(.mc-punch-model.checkedin,.mc-punch-model.checked,.mc-punch-model.done) .orb-sub,
html body .app .layout > .main.page-attendance .att-punch-zone :is(.mc-punch-model.checkedin,.mc-punch-model.checked,.mc-punch-model.done) .orb-sub{
  color:#9bf7bf!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model .orb-meta,
html[data-theme] body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model .orb-meta,
html body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model .orb-meta,
html body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model .orb-meta{
  order:7!important;
  font-size:var(--mc-type-caption-meta,.68rem)!important;
  line-height:1.15!important;
  font-weight:760!important;
  color:rgba(255,255,255,.80)!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model .orb-tiny,
html[data-theme] body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model .orb-tiny,
html body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model .orb-tiny,
html body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model .orb-tiny{
  display:none!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model.punch-ready,
html[data-theme] body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model.punch-ready,
html body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model.punch-ready,
html body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model.punch-ready{
  cursor:pointer!important;
  filter:saturate(1.10) brightness(1.04)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30),inset 0 -30px 52px rgba(2,6,23,.20),0 28px 58px -36px rgba(0,0,0,.94),0 0 54px -18px rgba(250,204,21,.36)!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-19-shared-cross-surface-22-slice-19-part-03-seg-01-employee-card-nano-02.css */


/* >>> runtime/legacy/styles/blocks/attendance/rules/compatibility-preview/001-base-slice-19-attendance-23-slice-19-part-03-seg-01-employee-card-nano-03-malformed-retained.css */

html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model.punch-ready::before,
html[data-theme] body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model.punch-ready::before,
html body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model.punch-ready::before,
html body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model.punch-ready::before{
  background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.32),transparent 31%),radial-gradient(circle at 82% 80%,rgba(250,204,21,.22),transparent 42%),linear-gradient(116deg,rgba(255,255,255,.20),transparent 42%,rgba(250,204,21,.18),transparent 72%)!important;
  animation:mcPunchReadySheen 2.9s ease-in-out infinite!important;
}
html[data-theme] body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model.punch-ready::after,
html[data-theme] body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model.punch-ready::after,
html body .app .layout > .main.page-workbench .work-punch-stage .mc-punch-model.punch-ready::after,
html body .app .layout > .main.page-attendance .att-punch-zone .mc-punch-model.punch-ready::after{
  width:auto!important;
  height:auto!important;
  inset:8px!important;
  top:8px!important;
  right:8px!important;
  border:.5px solid rgba(250,204,21,.38)!important;
  border-radius:22px!important;
  opacity:1!important;
  transform:none!important;
  background:transparent!important;
  box-shadow:0 0 22px rgba(250,204,21,.20),inset 0 0 18px rgba(255,255,255,.08)!important;
  animation:mcPunchReadyPulse 1.85s ease-in-out infinite!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html[data-theme] body .app .layout > .main .mc-punch-model,
  html body .app .layout > .main .mc-punch-model{
    width:164px!important;
    height:164px!important;
    min-width:164px!important;
    min-height:164px!important;
    border-radius:24px!important;
    padding:14px!important;
  }
}
/* Personal profile uses the same blue employee card model as contact/employee cards. */
html body .modal.personal-card-modal .personal-card-unified-blue,
html[data-theme] body .modal.personal-card-modal .personal-card-unified-blue{
  display:block!important;
  width:100%!important;
  padding:0!important;
  margin:0!important;
}
html body .modal.personal-card-modal .personal-card-unified-blue .employee-profile-card,

/* <<< runtime/legacy/styles/blocks/attendance/rules/compatibility-preview/001-base-slice-19-attendance-23-slice-19-part-03-seg-01-employee-card-nano-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-19-shared-cross-surface-24-slice-19-part-03-seg-02-employee-card-short-01.css */

/* Legacy ordered CSS segment; extracted from 001-base-slice-19-part-03-employee-card.css. Keep import order stable. */
html[data-theme] body .modal.personal-card-modal .personal-card-unified-blue .employee-profile-card{
  width:min(560px,100%)!important;
  max-width:560px!important;
  min-height:320px!important;
  margin:0 auto!important;
  border-radius:26px!important;
  padding:22px!important;
}
html body .modal.personal-card-modal .personal-card-unified-blue .employee-card-fields,
html[data-theme] body .modal.personal-card-modal .personal-card-unified-blue .employee-card-fields{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .modal.personal-card-modal .personal-card-unified-blue .employee-profile-card,
  html[data-theme] body .modal.personal-card-modal .personal-card-unified-blue .employee-profile-card{
    width:100%!important;
    max-width:none!important;
    min-height:100dvh!important;
    border-radius:0!important;
    padding:calc(28px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom))!important;
  }
  html body .modal.personal-card-modal .personal-card-unified-blue .employee-card-fields,
  html[data-theme] body .modal.personal-card-modal .personal-card-unified-blue .employee-card-fields{
    grid-template-columns:1fr!important;
  }
}
html body .app .layout > .main.page-contacts .contact-list-head,
html[data-theme] body .app .layout > .main.page-contacts .contact-list-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  height:30px!important;
  padding:0 12px 4px!important;
}
html body .app .layout > .main.page-contacts .contact-list-head h3,
html[data-theme] body .app .layout > .main.page-contacts .contact-list-head h3{
  display:block!important;
  margin:0!important;
  color:rgba(244,244,241,.82)!important;
  font-size:.88rem!important;
  font-weight:820!important;
}
html body .app .layout > .main.page-contacts .chat-head,
html[data-theme] body .app .layout > .main.page-contacts .chat-head{
  min-height:58px!important;
  height:58px!important;
  padding:10px 12px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
  background:rgba(255,255,255,.026)!important;
}
html body .app .layout > .main.page-contacts .chat-card-btn,
html[data-theme] body .app .layout > .main.page-contacts .chat-card-btn{
  min-width:74px!important;
  height:34px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.052)!important;
  color:rgba(244,244,241,.82)!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-contacts .chat-card-btn:hover,
html[data-theme] body .app .layout > .main.page-contacts .chat-card-btn:hover{
  background:linear-gradient(135deg,rgba(96,165,250,.14),rgba(45,212,191,.095))!important;
  color:#fff!important;
}
html body .app .layout > .main.page-contacts .chat-composer,
html[data-theme] body .app .layout > .main.page-contacts .chat-composer{
  min-height:58px!important;
  height:58px!important;
  padding:8px 12px!important;
  grid-template-columns:minmax(0,1fr) 58px!important;
  align-items:center!important;
  gap:9px!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
  background:rgba(255,255,255,.026)!important;
}
html body .app .layout > .main.page-contacts .chat-composer textarea,
html[data-theme] body .app .layout > .main.page-contacts .chat-composer textarea{
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  padding:11px 14px!important;
  line-height:20px!important;
  overflow:hidden!important;
  resize:none!important;
  border:0!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.044)!important;
  color:#f4f4f1!important;
}
html body .app .layout > .main.page-contacts .chat-send-btn,
html[data-theme] body .app .layout > .main.page-contacts .chat-send-btn{
  width:58px!important;
  height:42px!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#0c8f5f,#18b978)!important;
  color:#fff!important;
  box-shadow:0 14px 30px -24px rgba(24,185,120,.68)!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-19-shared-cross-surface-24-slice-19-part-03-seg-02-employee-card-short-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-19-shared-cross-surface-25-slice-19-part-03-seg-02-employee-card-short-02.css */

html body .app.app .layout > .main.page-emp .employee-detail-grid,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px 16px!important;
  align-items:start!important;
  margin:16px 0 12px!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-column,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-column{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:11px!important;
  align-items:stretch!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-top-column,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-top-column{
  align-self:stretch!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-assigned-accounts-wide,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-assigned-accounts-wide{
  grid-column:1 / -1!important;
  width:100%!important;
  min-width:0!important;
}
html body .app.app .layout > .main.page-emp :where(.employee-detail-grid,.employee-detail-grid *,.employee-detail-history,.employee-detail-history *),
html[data-theme] body .app.app .layout > .main.page-emp :where(.employee-detail-grid,.employee-detail-grid *,.employee-detail-history,.employee-detail-history *){
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
html body .app.app .layout > .main.page-emp > .page-head,
html[data-theme] body .app.app .layout > .main.page-emp > .page-head{
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
html body .app.app .layout > .main.page-emp > .page-head :where(h1,p,b,span,small,.btn),
html[data-theme] body .app.app .layout > .main.page-emp > .page-head :where(h1,p,b,span,small,.btn){
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-preview/001-base-slice-19-shared-cross-surface-25-slice-19-part-03-seg-02-employee-card-short-02.css */


/* >>> runtime/legacy/styles/blocks/employees/card/compatibility/001-base-slice-19-enterprise-entry.css */

/* Enterprise compatibility entry. Ordered owner files preserve the original slice-19 cascade and malformed legacy files. */

/* <<< runtime/legacy/styles/blocks/employees/card/compatibility/001-base-slice-19-enterprise-entry.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-20-shared-cross-surface-001-slice-20-part-01-seg-01-html-body-app-app-layout-fine-01-short-01.css */

/* Legacy ordered base slice 20 part 01; split from 001-base-slice-20-html-body-app-app-layout.css. Keep import order stable. */
html body .app.app .layout > .main.page-emp .employee-detail-category,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-category{
  min-width:0!important;
  padding:12px 0 10px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-contract,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-contract{
  grid-column:auto!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-category-head,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-category-head{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  padding:0 4px 9px!important;
  margin:0!important;
  border:0!important;
  border-bottom:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-category-head h3,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-category-head h3{
  margin:0!important;
  color:#f4f4f1!important;
  font-size:1.08rem!important;
  line-height:1.15!important;
  font-weight:780!important;
  letter-spacing:0!important;
  text-shadow:none!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-category-head span,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-category-head span{
  flex:0 0 auto!important;
  color:rgba(244,244,241,.38)!important;
  font-size:.70rem!important;
  line-height:1!important;
  font-weight:520!important;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-list,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-list{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(230px,1fr))!important;
  gap:8px 44px!important;
  align-items:stretch!important;
  margin:0!important;
  padding:12px 14px 10px!important;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-list::before,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-list::before{
  content:""!important;
  position:absolute!important;
  top:14px!important;
  bottom:2px!important;
  left:50%!important;
  width:.5px!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(180deg,transparent,rgba(244,244,241,.12),transparent)!important;
  pointer-events:none!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-row,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-row{
  display:grid!important;
  grid-template-columns:minmax(56px,68px) minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  min-height:38px!important;
  padding:4px 0 7px!important;
  border:0!important;
  border-bottom:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-row:nth-child(4n+1),
html body .app.app .layout > .main.page-emp .employee-detail-row:nth-child(4n+2),
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-row:nth-child(4n+1),
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-row:nth-child(4n+2){
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-20-shared-cross-surface-001-slice-20-part-01-seg-01-html-body-app-app-layout-fine-01-short-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-20-shared-cross-surface-002-slice-20-part-01-seg-01-html-body-app-app-layout-fine-01-short-02.css */

html body .app.app .layout > .main.page-emp .employee-detail-wide,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-wide{
  grid-column:1 / -1!important;
  grid-template-columns:minmax(64px,76px) minmax(0,1fr)!important;
  min-height:42px!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-media,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-media{
  width:100%!important;
  max-width:none!important;
  grid-template-columns:minmax(56px,68px) minmax(0,1fr)!important;
  justify-items:stretch!important;
  align-items:center!important;
  gap:9px!important;
  min-height:58px!important;
  padding:4px 0 7px!important;
  border:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-key,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-key{
  min-width:0!important;
  color:rgba(255,255,255,.82)!important;
  font-size:.72rem!important;
  line-height:1.35!important;
  font-weight:660!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-20-shared-cross-surface-002-slice-20-part-01-seg-01-html-body-app-app-layout-fine-01-short-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-20-shared-cross-surface-003-slice-20-part-01-seg-01-html-body-app-app-layout-fine-02-short-01.css */

html body .app.app .layout > .main.page-emp .employee-detail-value,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-value{
  min-width:0!important;
  color:#fff!important;
  font-size:.80rem!important;
  line-height:1.35!important;
  font-weight:680!important;
  text-align:right!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
  text-shadow:none!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-media .employee-detail-value,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-media .employee-detail-value{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  text-align:right!important;
  min-height:52px!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-avatar-account,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-avatar-account{
  grid-column:1 / -1!important;
  grid-template-columns:repeat(2,minmax(230px,1fr))!important;
  gap:8px 44px!important;
  min-height:96px!important;
  align-items:center!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-avatar-account .employee-detail-value,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-avatar-account .employee-detail-value{
  display:flex!important;
  align-items:center!important;
  min-height:0!important;
  width:100%!important;
  text-align:left!important;
}
html body .app.app .layout > .main.page-emp .employee-avatar-account-cell,
html[data-theme] body .app.app .layout > .main.page-emp .employee-avatar-account-cell{
  display:grid!important;
  grid-template-columns:minmax(56px,68px) minmax(0,1fr)!important;
  gap:7px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
}
html body .app.app .layout > .main.page-emp .employee-account-panel,
html[data-theme] body .app.app .layout > .main.page-emp .employee-account-panel{
  display:block!important;
  width:calc(100% - 36px)!important;
  max-width:100%!important;
  min-width:0!important;
}
html body .app.app .layout > .main.page-emp .employee-account-panel .btn,
html[data-theme] body .app.app .layout > .main.page-emp .employee-account-panel .btn{
  height:26px!important;
  min-height:26px!important;
  padding:0 10px!important;
  margin-left:auto!important;
  white-space:nowrap!important;
}
html body .app.app .layout > .main.page-emp .employee-avatar-edit,
html[data-theme] body .app.app .layout > .main.page-emp .employee-avatar-edit{
  min-width:148px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
html body .app.app .layout > .main.page-emp .employee-avatar-edit img,
html[data-theme] body .app.app .layout > .main.page-emp .employee-avatar-edit img{
  width:132px!important;
  height:132px!important;
  max-width:132px!important;
  max-height:132px!important;
  object-fit:cover!important;
  border-radius:12px!important;
}
html body .app.app .layout > .main.page-emp .employee-account-inline,
html[data-theme] body .app.app .layout > .main.page-emp .employee-account-inline{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  color:rgba(244,244,241,.78)!important;
  font-size:.74rem!important;
  line-height:1.25!important;
}
html body .app.app .layout > .main.page-emp .employee-account-mode,
html[data-theme] body .app.app .layout > .main.page-emp .employee-account-mode{
  display:flex!important;
  align-items:baseline!important;
  gap:8px!important;
  min-width:0!important;
  width:100%!important;
}
html body .app.app .layout > .main.page-emp .employee-account-mode span,
html[data-theme] body .app.app .layout > .main.page-emp .employee-account-mode span,
html body .app.app .layout > .main.page-emp .employee-account-contact em,
html[data-theme] body .app.app .layout > .main.page-emp .employee-account-contact em{
  flex:0 0 auto!important;
  min-width:42px!important;
  color:rgba(244,244,241,.44)!important;
  font-style:normal!important;
  font-size:.68rem!important;
  line-height:1.25!important;
  white-space:nowrap!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-20-shared-cross-surface-003-slice-20-part-01-seg-01-html-body-app-app-layout-fine-02-short-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-20-shared-cross-surface-004-slice-20-part-01-seg-01-html-body-app-app-layout-fine-02-short-02.css */

html body .app.app .layout > .main.page-emp .employee-account-mode b,
html[data-theme] body .app.app .layout > .main.page-emp .employee-account-mode b{
  color:#fff!important;
  font-size:var(--mc-type-emphasized-body,.82rem)!important;
  line-height:1.15!important;
  font-weight:720!important;
  white-space:nowrap!important;
}
html body .app.app .layout > .main.page-emp .employee-account-status,
html[data-theme] body .app.app .layout > .main.page-emp .employee-account-status{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  width:max-content!important;
  max-width:100%!important;
  color:rgba(244,244,241,.70)!important;
  font-size:.70rem!important;
  line-height:1.2!important;
}
html body .app.app .layout > .main.page-emp .employee-account-status i,
html[data-theme] body .app.app .layout > .main.page-emp .employee-account-status i{
  width:6px!important;
  height:6px!important;
  border-radius:999px!important;
  background:rgba(244,244,241,.34)!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-emp .employee-account-status.ok i,
html[data-theme] body .app.app .layout > .main.page-emp .employee-account-status.ok i{background:#6fe69a!important}
html body .app.app .layout > .main.page-emp .employee-account-status.warn i,
html[data-theme] body .app.app .layout > .main.page-emp .employee-account-status.warn i{background:#f8cd7e!important}
html body .app.app .layout > .main.page-emp .employee-account-status.danger i,
html[data-theme] body .app.app .layout > .main.page-emp .employee-account-status.danger i{background:#ff8b8b!important}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-20-shared-cross-surface-004-slice-20-part-01-seg-01-html-body-app-app-layout-fine-02-short-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-20-shared-cross-surface-005-slice-20-part-01-seg-01-html-body-app-app-layout-fine-03-malformed-retained.css */

html body .app.app .layout > .main.page-emp .employee-account-contact,
html[data-theme] body .app.app .layout > .main.page-emp .employee-account-contact{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:8px!important;
  min-width:0!important;
  color:rgba(244,244,241,.74)!important;
  font-size:.70rem!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .app.app .layout > .main.page-emp .employee-account-contact strong,
html[data-theme] body .app.app .layout > .main.page-emp .employee-account-contact strong{
  min-width:0!important;
  color:rgba(255,255,255,.82)!important;
  font-size:.72rem!important;
  line-height:1.25!important;
  font-weight:620!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-editable,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-editable{
  align-items:center!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-editable .employee-detail-key,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-editable .employee-detail-key{
  padding-top:0!important;
}
html body .app.app .layout > .main.page-emp :where(.employee-detail-editable,.employee-detail-readonly-box) .employee-detail-value,
html[data-theme] body .app.app .layout > .main.page-emp :where(.employee-detail-editable,.employee-detail-readonly-box) .employee-detail-value{
  display:flex!important;
  align-items:center!important;
  text-align:left!important;
  width:100%!important;
  min-height:34px!important;
}
html body .app.app .layout > .main.page-emp :where(.employee-detail-editable,.employee-detail-readonly-box) :where(.mc-combo-field,.mc-combo-field-wrap,.select-summary),
html[data-theme] body .app.app .layout > .main.page-emp :where(.employee-detail-editable,.employee-detail-readonly-box) :where(.mc-combo-field,.mc-combo-field-wrap,.select-summary){
  width:100%!important;
  min-width:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
html body .app.app .layout > .main.page-emp :where(.employee-detail-editable,.employee-detail-readonly-box) .mc-combo-field,

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-20-shared-cross-surface-005-slice-20-part-01-seg-01-html-body-app-app-layout-fine-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-20-shared-cross-surface-006-slice-20-part-01-seg-02-html-body-app-app-layout-nano-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-20-part-01-html-body-app-app-layout.css. Keep import order stable. */
html[data-theme] body .app.app .layout > .main.page-emp :where(.employee-detail-editable,.employee-detail-readonly-box) .mc-combo-field{
  height:34px!important;
  min-height:34px!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-compact.employee-detail-editable .employee-detail-value > :where(.mc-combo-field,.mc-pick-button),
html body .app.app .layout > .main.page-emp .employee-detail-compact.employee-detail-readonly-box .employee-detail-value > :where(.mc-combo-field,.mc-pick-button),
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-compact.employee-detail-editable .employee-detail-value > :where(.mc-combo-field,.mc-pick-button),
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-compact.employee-detail-readonly-box .employee-detail-value > :where(.mc-combo-field,.mc-pick-button){
  width:calc(100% - 36px)!important;
  max-width:340px!important;
  flex:0 1 calc(100% - 36px)!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-wide.employee-detail-editable:not(.employee-detail-idphotos):not(.employee-detail-avatar-account) .employee-detail-value > :where(.mc-combo-field,.mc-pick-button),
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-wide.employee-detail-editable:not(.employee-detail-idphotos):not(.employee-detail-avatar-account) .employee-detail-value > :where(.mc-combo-field,.mc-pick-button){
  width:calc(100% - 36px)!important;
  max-width:520px!important;
  flex:0 1 calc(100% - 36px)!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-grid :where(.select-summary,.select-summary .sum-person,.select-summary .tag,.chips,.chips .checkbox,.tag),
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-grid :where(.select-summary,.select-summary .sum-person,.select-summary .tag,.chips,.chips .checkbox,.tag){
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-grid :where(.select-summary,.select-summary .sum-person),
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-grid :where(.select-summary,.select-summary .sum-person){
  background:transparent!important;
  background-image:none!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-grid .select-summary,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-grid .select-summary{
  margin-top:5px!important;
  padding:4px 0 0!important;
  border:0!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-grid .select-summary .sum-person,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-grid .select-summary .sum-person{
  padding:2px 0!important;
  border:0!important;
  border-radius:0!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-editable.employee-detail-wide .mc-form-textarea-box,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-editable.employee-detail-wide .mc-form-textarea-box{
  min-height:68px!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-editable input[type=file],
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-editable input[type=file]{
  width:100%!important;
  max-width:170px!important;
  color:rgba(244,244,241,.62)!important;
  font-size:.70rem!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-emp .employee-image-input input[type=file],
html[data-theme] body .app.app .layout > .main.page-emp .employee-image-input input[type=file]{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
html body .app.app .layout > .main.page-emp .employee-image-input,
html[data-theme] body .app.app .layout > .main.page-emp .employee-image-input{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
html body .app.app .layout > .main.page-emp .employee-image-input-actions,
html[data-theme] body .app.app .layout > .main.page-emp .employee-image-input-actions{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:7px!important;
  min-width:86px!important;
}
html body :is(#root,#modal) .employee-image-action,
html[data-theme] body :is(#root,#modal) .employee-image-action{
  height:30px!important;
  min-height:30px!important;
  padding:0 11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:var(--mc-button-radius,8px)!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  line-height:1!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
html body :is(#root,#modal) .employee-image-icon-action,
html[data-theme] body :is(#root,#modal) .employee-image-icon-action{
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0!important;
}
html body :is(#root,#modal) .employee-image-icon-action .top-ico,
html[data-theme] body :is(#root,#modal) .employee-image-icon-action .top-ico{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  max-width:30px!important;
  max-height:30px!important;
  inline-size:30px!important;
  block-size:30px!important;
  flex:0 0 30px!important;
  aspect-ratio:1/1!important;
  stroke:currentColor!important;
  stroke-width:1.55!important;
  vector-effect:non-scaling-stroke!important;
}
html body :is(#root,#modal) .employee-image-sync-action,
html[data-theme] body :is(#root,#modal) .employee-image-sync-action{
  color:#60a5fa!important;
  -webkit-text-fill-color:#60a5fa!important;
  font-size:.74rem!important;
  font-weight:820!important;
  min-width:82px!important;
  height:32px!important;
  min-height:32px!important;
}
html body :is(#root,#modal) .employee-image-action.danger,
html[data-theme] body :is(#root,#modal) .employee-image-action.danger{
  color:rgba(255,112,112,.96)!important;
  -webkit-text-fill-color:rgba(255,112,112,.96)!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-biometric .employee-detail-list,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-biometric .employee-detail-list{
  display:block!important;
  padding-top:10px!important;
  padding-bottom:10px!important;
}
html body .app.app .layout > .main.page-emp .employee-biometric-panel,
html[data-theme] body .app.app .layout > .main.page-emp .employee-biometric-panel{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:0!important;
  align-items:center!important;
  width:100%!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-emp .employee-biometric-face,
html[data-theme] body .app.app .layout > .main.page-emp .employee-biometric-face,
html body .app.app .layout > .main.page-emp .employee-biometric-side,
html[data-theme] body .app.app .layout > .main.page-emp .employee-biometric-side{
  min-width:0!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
html body .app.app .layout > .main.page-emp .employee-biometric-face,
html[data-theme] body .app.app .layout > .main.page-emp .employee-biometric-face{
  display:grid!important;
  grid-template-columns:56px 132px!important;
  align-items:center!important;
  justify-content:start!important;
  gap:14px!important;
  padding-left:0!important;
}
html body .app.app .layout > .main.page-emp .employee-biometric-label,
html[data-theme] body .app.app .layout > .main.page-emp .employee-biometric-label{
  font-size:.86rem!important;
  line-height:1!important;
  font-weight:820!important;
  color:var(--text)!important;
  white-space:nowrap!important;
  align-self:center!important;
}
html body .app.app .layout > .main.page-emp .employee-biometric-panel img,
html[data-theme] body .app.app .layout > .main.page-emp .employee-biometric-panel img,
html body .app.app .layout > .main.page-emp .employee-image-input img,
html[data-theme] body .app.app .layout > .main.page-emp .employee-image-input img{
  width:72px!important;
  height:72px!important;
  max-width:72px!important;
  max-height:72px!important;
  min-width:72px!important;
  object-fit:cover!important;
  border:0!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
}
html body .app.app .layout > .main.page-emp .employee-avatar-edit.employee-image-input img,
html[data-theme] body .app.app .layout > .main.page-emp .employee-avatar-edit.employee-image-input img,
html body .app.app .layout > .main.page-emp .employee-avatar-edit .employee-image-input img,
html[data-theme] body .app.app .layout > .main.page-emp .employee-avatar-edit .employee-image-input img{
  width:132px!important;
  height:132px!important;
  max-width:132px!important;
  max-height:132px!important;
  min-width:132px!important;
  min-height:132px!important;
  border-radius:12px!important;
}
html body .app.app .layout > .main.page-emp .employee-image-input-biometricFacePhoto img,
html[data-theme] body .app.app .layout > .main.page-emp .employee-image-input-biometricFacePhoto img{
  width:132px!important;
  height:132px!important;
  max-width:132px!important;
  max-height:132px!important;
  min-width:132px!important;
  min-height:132px!important;
  border-radius:12px!important;
}
html body .app.app .layout > .main.page-emp .employee-biometric-side,
html[data-theme] body .app.app .layout > .main.page-emp .employee-biometric-side{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  justify-content:center!important;
  padding-left:0!important;
}
html body .app.app .layout > .main.page-emp .employee-biometric-status,
html[data-theme] body .app.app .layout > .main.page-emp .employee-biometric-status{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  min-height:30px!important;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
html body .app.app .layout > .main.page-emp .employee-biometric-status > span,
html[data-theme] body .app.app .layout > .main.page-emp .employee-biometric-status > span{
  color:var(--muted)!important;
  font-size:.72rem!important;
  white-space:nowrap!important;
}
html body .app.app .layout > .main.page-emp .employee-biometric-status > b,
html[data-theme] body .app.app .layout > .main.page-emp .employee-biometric-status > b{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  min-width:0!important;
  overflow:visible!important;
  font-weight:500!important;
}
html body .app.app .layout > .main.page-emp .employee-biometric-deli,
html[data-theme] body .app.app .layout > .main.page-emp .employee-biometric-deli{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:70px!important;
  flex:0 0 auto!important;
  overflow:visible!important;
  white-space:nowrap!important;
  color:var(--danger)!important;
  font-size:.72rem!important;
  font-weight:820!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
html body .app.app .layout > .main.page-emp .employee-biometric-deli i,
html[data-theme] body .app.app .layout > .main.page-emp .employee-biometric-deli i{
  width:8px!important;
  height:8px!important;
  flex:0 0 8px!important;
  border-radius:50%!important;
  background:var(--danger)!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-emp .employee-biometric-deli.ok,
html[data-theme] body .app.app .layout > .main.page-emp .employee-biometric-deli.ok{
  color:var(--ok)!important;
}
html body .app.app .layout > .main.page-emp .employee-biometric-deli.ok i,
html[data-theme] body .app.app .layout > .main.page-emp .employee-biometric-deli.ok i{
  background:var(--ok)!important;
}
html body .app.app .layout > .main.page-emp .employee-biometric-deli.pending,
html[data-theme] body .app.app .layout > .main.page-emp .employee-biometric-deli.pending{
  color:var(--warn)!important;
}
html body .app.app .layout > .main.page-emp .employee-biometric-deli.pending i,
html[data-theme] body .app.app .layout > .main.page-emp .employee-biometric-deli.pending i{
  background:var(--warn)!important;
}
html body .app.app .layout > .main.page-emp .employee-biometric-date,
html[data-theme] body .app.app .layout > .main.page-emp .employee-biometric-date{
  color:var(--text)!important;
  font-size:.7rem!important;
  font-weight:650!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
html body .app.app .layout > .main.page-employees .employee-list-biometric-status,
html[data-theme] body .app.app .layout > .main.page-employees .employee-list-biometric-status{
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:4px!important;
  min-width:58px!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
html body .app.app .layout > .main.page-employees .employee-list-biometric-dot,
html[data-theme] body .app.app .layout > .main.page-employees .employee-list-biometric-dot{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  color:var(--danger)!important;
  font-size:.76rem!important;
  font-weight:820!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:visible!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
html body .app.app .layout > .main.page-employees .employee-list-biometric-dot i,
html[data-theme] body .app.app .layout > .main.page-employees .employee-list-biometric-dot i{
  width:8px!important;
  height:8px!important;
  flex:0 0 8px!important;
  border-radius:50%!important;
  background:var(--danger)!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-employees .employee-list-biometric-dot.ok,
html[data-theme] body .app.app .layout > .main.page-employees .employee-list-biometric-dot.ok{
  color:var(--ok)!important;
}
html body .app.app .layout > .main.page-employees .employee-list-biometric-dot.ok i,
html[data-theme] body .app.app .layout > .main.page-employees .employee-list-biometric-dot.ok i{
  background:var(--ok)!important;
}
html body .app.app .layout > .main.page-employees .employee-list-biometric-dot.pending,
html[data-theme] body .app.app .layout > .main.page-employees .employee-list-biometric-dot.pending{
  color:var(--warn)!important;
}
html body .app.app .layout > .main.page-employees .employee-list-biometric-dot.pending i,
html[data-theme] body .app.app .layout > .main.page-employees .employee-list-biometric-dot.pending i{
  background:var(--warn)!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-editable input[type=file]::file-selector-button,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-editable input[type=file]::file-selector-button{
  margin-right:7px!important;
  border:.5px solid rgba(244,244,241,.16)!important;
  border-radius:6px!important;
  background:transparent!important;
  color:rgba(244,244,241,.76)!important;
  height:28px!important;
  padding:0 9px!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-value img,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-value img{
  width:72px!important;
  height:72px!important;
  max-width:72px!important;
  max-height:72px!important;
  object-fit:cover!important;
  border:0!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-idphotos,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-idphotos{
  align-items:start!important;
  min-height:126px!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-idphotos .employee-detail-key,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-idphotos .employee-detail-key{
  padding-top:4px!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-idphotos .employee-detail-value,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-idphotos .employee-detail-value{
  display:block!important;
  min-height:0!important;
  width:100%!important;
}
html body .employee-file-button input[type=file],
html[data-theme] body .employee-file-button input[type=file]{
  display:none!important;
}
html body .employee-image-camera-overlay,
html[data-theme] body .employee-image-camera-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:2147482600!important;
  display:grid!important;
  place-items:center!important;
  padding:24px!important;
  background:rgba(0,0,0,.58)!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .employee-image-camera-panel,
html[data-theme] body .employee-image-camera-panel{
  width:min(520px,calc(100vw - 48px))!important;
  display:grid!important;
  gap:12px!important;
  padding:14px!important;
  border-radius:10px!important;
  border:1px solid rgba(244,244,241,.16)!important;
  background:rgba(10,14,22,.96)!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .employee-image-camera-panel video,
html[data-theme] body .employee-image-camera-panel video{
  width:100%!important;
  aspect-ratio:4/3!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:8px!important;
  background:#000!important;
  box-shadow:none!important;
}
html body .employee-image-camera-device-row,
html[data-theme] body .employee-image-camera-device-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  min-width:0!important;
}
html body .employee-image-camera-device,
html[data-theme] body .employee-image-camera-device{
  min-width:0!important;
  width:100%!important;
  height:32px!important;
  border:1px solid rgba(244,244,241,.14)!important;
  border-radius:var(--mc-button-radius,8px)!important;
  background:rgba(255,255,255,.04)!important;
  color:inherit!important;
  box-shadow:none!important;
  outline:0!important;
}
html body .employee-image-camera-actions,
html[data-theme] body .employee-image-camera-actions{
  display:flex!important;
  justify-content:flex-end!important;
  gap:8px!important;
}
html body .employee-image-camera-actions .mc-borderless-control,
html[data-theme] body .employee-image-camera-actions .mc-borderless-control{
  min-width:70px!important;
  height:32px!important;
  border-radius:var(--mc-button-radius,8px)!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-emp .employee-id-photo-pair,
html[data-theme] body .app.app .layout > .main.page-emp .employee-id-photo-pair{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:start!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-20-shared-cross-surface-006-slice-20-part-01-seg-02-html-body-app-app-layout-nano-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-20-shared-cross-surface-007-slice-20-part-01-seg-02-html-body-app-app-layout-nano-02.css */

html body .app.app .layout > .main.page-emp .employee-id-photo-card,
html[data-theme] body .app.app .layout > .main.page-emp .employee-id-photo-card{
  min-width:0!important;
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  align-items:flex-start!important;
  padding:12px!important;
  border:.5px solid rgba(255,255,255,.14)!important;
  border-radius:var(--mc-radius-card,8px)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.082),rgba(255,255,255,.024) 42%,rgba(102,178,255,.055)),
    rgba(10,13,14,.34)!important;
  box-shadow:none!important;
  filter:none!important;
  overflow:hidden!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.08)!important;
  backdrop-filter:blur(16px) saturate(1.08)!important;
}
html body .app.app .layout > .main.page-emp .employee-id-photo-card::before,
html[data-theme] body .app.app .layout > .main.page-emp .employee-id-photo-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:linear-gradient(120deg,rgba(255,255,255,.12),transparent 28%,transparent 68%,rgba(86,154,255,.075))!important;
  pointer-events:none!important;
}
html body .app.app .layout > .main.page-emp .employee-id-photo-card b,
html[data-theme] body .app.app .layout > .main.page-emp .employee-id-photo-card b{
  position:relative!important;
  z-index:1!important;
  color:rgba(255,255,255,.92)!important;
  font-size:.76rem!important;
  line-height:1.2!important;
  font-weight:720!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html body .app.app .layout > .main.page-emp .employee-id-photo-preview,
html[data-theme] body .app.app .layout > .main.page-emp .employee-id-photo-preview{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:118px!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  border:.5px solid rgba(244,244,241,.15)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .app.app .layout > .main.page-emp .employee-media-previewable,
html[data-theme] body .app.app .layout > .main.page-emp .employee-media-previewable{
  cursor:zoom-in!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-contract .employee-detail-media .employee-detail-value img.employee-media-previewable,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-contract .employee-detail-media .employee-detail-value img.employee-media-previewable{
  width:92px!important;
  height:92px!important;
  max-width:92px!important;
  max-height:92px!important;
  object-fit:contain!important;
  border:.5px solid rgba(244,244,241,.16)!important;
  background:rgba(255,255,255,.025)!important;
}
html body .app.app .layout > .main.page-emp .employee-id-photo-empty,
html[data-theme] body .app.app .layout > .main.page-emp .employee-id-photo-empty{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:118px!important;
  display:grid!important;
  place-items:center!important;
  border:.5px dashed rgba(244,244,241,.20)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.035)!important;
  color:rgba(244,244,241,.58)!important;
  font-size:.74rem!important;
  line-height:1!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-emp .employee-id-photo-card input[type=file],
html[data-theme] body .app.app .layout > .main.page-emp .employee-id-photo-card input[type=file]{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  color:rgba(244,244,241,.62)!important;
}
.mc-media-hover-preview{
  position:fixed!important;
  z-index:2147482100!important;
  width:min(620px,calc(100vw - 36px))!important;
  min-height:260px!important;
  max-height:calc(100vh - 56px)!important;
  padding:12px!important;
  border-radius:18px!important;
  pointer-events:none!important;
  opacity:0!important;
  transform:translate3d(10px,0,0) scale(.985)!important;
  transform-origin:100% 50%!important;
  transition:opacity .12s ease,transform .15s cubic-bezier(.2,.9,.2,1)!important;
  background:linear-gradient(180deg,rgba(14,15,14,.78),rgba(3,4,4,.91))!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 24px 74px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.12)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.14)!important;
  backdrop-filter:blur(24px) saturate(1.14)!important;
}
.mc-media-hover-preview.show{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
}
.mc-media-hover-preview img{
  display:block!important;
  width:100%!important;
  max-height:calc(100vh - 116px)!important;
  object-fit:contain!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.035)!important;
}
.mc-media-hover-preview .mc-media-hover-title{
  margin-top:8px!important;
  color:rgba(244,244,241,.84)!important;
  font-size:var(--mc-type-compact-heading,.92rem)!important;
  line-height:1.2!important;
  font-weight:700!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  .mc-media-hover-preview{display:none!important}
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-20-shared-cross-surface-007-slice-20-part-01-seg-02-html-body-app-app-layout-nano-02.css */


/* >>> runtime/legacy/styles/blocks/employees/detail/compatibility-layout/001-base-slice-20-employee-008-slice-20-part-01-seg-02-html-body-app-app-layout-nano-03.css */

.employee-media-file-view{
  width:100%!important;
  max-width:min(980px,calc(100vw - 36px))!important;
  margin:0 auto!important;
  display:grid!important;
  place-items:center!important;
  gap:10px!important;
}
.employee-media-file-view img{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  max-height:calc(100vh - 210px)!important;
  object-fit:contain!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
.employee-media-file-view span{
  color:rgba(244,244,241,.58)!important;
  font-size:var(--mc-type-caption-meta,.68rem)!important;
}
html body .app.app .layout > .main.page-emp :where(.avatar,.emp-hud-avatar,.employee-profile-card,.epc-avatar,.employee-card-field,.epc-main>b,.employee-card-field b),
html[data-theme] body .app.app .layout > .main.page-emp :where(.avatar,.emp-hud-avatar,.employee-profile-card,.epc-avatar,.employee-card-field,.epc-main>b,.employee-card-field b){
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-actions,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-actions{
  display:flex!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-top:10px!important;
  padding-top:10px!important;
  border-top:0.5px solid rgba(244,244,241,.055)!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-history,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-history{
  margin-top:14px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/employees/detail/compatibility-layout/001-base-slice-20-employee-008-slice-20-part-01-seg-02-html-body-app-app-layout-nano-03.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-20-shared-cross-surface-009-slice-20-part-02-seg-01-html-body-app-app-layout-fine-01-short-01.css */

/* Legacy ordered base slice 20 part 02; split from 001-base-slice-20-html-body-app-app-layout.css. Keep import order stable. */
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .app .layout > .main.page-contacts .chat-composer,
  html[data-theme] body .app .layout > .main.page-contacts .chat-composer{
    min-height:56px!important;
    height:56px!important;
    grid-template-columns:minmax(0,1fr) 54px!important;
  }
  html body .app .layout > .main.page-contacts .chat-composer textarea,
  html[data-theme] body .app .layout > .main.page-contacts .chat-composer textarea{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
  }
  html body .app .layout > .main.page-contacts .chat-send-btn,
  html[data-theme] body .app .layout > .main.page-contacts .chat-send-btn{
    width:54px!important;
    height:40px!important;
  }
  html body .app.app .layout > .main.page-emp .employee-detail-grid,
  html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  html body .app.app .layout > .main.page-emp .employee-detail-contract,
  html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-contract{
    grid-column:auto!important;
  }
  html body .app.app .layout > .main.page-emp .employee-detail-column,
  html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-column{
    gap:10px!important;
  }
  html body .app.app .layout > .main.page-emp .employee-detail-list,
  html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-list{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  html body .app.app .layout > .main.page-emp .employee-detail-list::before,
  html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-list::before{
    content:none!important;
    display:none!important;
  }
  html body .app.app .layout > .main.page-emp .employee-detail-row,
  html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-row{
    grid-template-columns:minmax(82px,96px) minmax(0,1fr)!important;
  }
  html body .app.app .layout > .main.page-emp .employee-detail-avatar-account,
  html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-avatar-account{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  html body .app.app .layout > .main.page-emp .employee-avatar-account-cell,
  html[data-theme] body .app.app .layout > .main.page-emp .employee-avatar-account-cell{
    grid-template-columns:minmax(82px,96px) minmax(0,1fr)!important;
  }
  html body .app.app .layout > .main.page-emp .employee-account-panel,
  html[data-theme] body .app.app .layout > .main.page-emp .employee-account-panel{
    width:100%!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  html body .app.app .layout > .main.page-emp .employee-detail-compact.employee-detail-editable .employee-detail-value > :where(.mc-combo-field,.mc-pick-button),
  html body .app.app .layout > .main.page-emp .employee-detail-compact.employee-detail-readonly-box .employee-detail-value > :where(.mc-combo-field,.mc-pick-button),
  html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-compact.employee-detail-editable .employee-detail-value > :where(.mc-combo-field,.mc-pick-button),
  html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-compact.employee-detail-readonly-box .employee-detail-value > :where(.mc-combo-field,.mc-pick-button),
  html body .app.app .layout > .main.page-emp .employee-detail-wide.employee-detail-editable:not(.employee-detail-idphotos):not(.employee-detail-avatar-account) .employee-detail-value > :where(.mc-combo-field,.mc-pick-button),
  html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-wide.employee-detail-editable:not(.employee-detail-idphotos):not(.employee-detail-avatar-account) .employee-detail-value > :where(.mc-combo-field,.mc-pick-button){
    width:100%!important;
    max-width:none!important;
    flex:1 1 auto!important;
  }
  html body .app.app .layout > .main.page-emp .employee-account-contact,
  html[data-theme] body .app.app .layout > .main.page-emp .employee-account-contact,
  html body .app.app .layout > .main.page-emp .employee-account-contact strong,
  html[data-theme] body .app.app .layout > .main.page-emp .employee-account-contact strong{
    white-space:normal!important;
  }
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-20-shared-cross-surface-009-slice-20-part-02-seg-01-html-body-app-app-layout-fine-01-short-01.css */


/* >>> runtime/legacy/styles/blocks/employees/detail/compatibility-layout/001-base-slice-20-employee-010-slice-20-part-02-seg-01-html-body-app-app-layout-fine-01-short-02.css */

/* MC UI MODEL REGISTRY - source of truth for mature shared models.
   See STYLE_MODELS.md. Do not mix text fields, dropdown panels, and long-list rows. */
html body,
html[data-theme] body{
  --mc-spectrum-1:#7ef0a4;
  --mc-spectrum-2:#49d8e2;
  --mc-spectrum-3:#677eff;
  --mc-spectrum-4:#ca75ee;
  --mc-spectrum-5:#f8cd7e;
  --mc-spectrum-gradient:linear-gradient(90deg,var(--mc-spectrum-1) 0%,var(--mc-spectrum-2) 24%,var(--mc-spectrum-3) 49%,var(--mc-spectrum-4) 72%,var(--mc-spectrum-5) 100%);
  --mc-spectrum-line:linear-gradient(90deg,color-mix(in srgb,var(--mc-spectrum-1) 38%,transparent) 0%,color-mix(in srgb,var(--mc-spectrum-2) 38%,transparent) 24%,color-mix(in srgb,var(--mc-spectrum-3) 36%,transparent) 49%,color-mix(in srgb,var(--mc-spectrum-4) 34%,transparent) 72%,color-mix(in srgb,var(--mc-spectrum-5) 37%,transparent) 100%) 1;
  --mc-spectrum-fill-hover:linear-gradient(115deg,color-mix(in srgb,var(--mc-spectrum-1) 15.5%,transparent) 0%,color-mix(in srgb,var(--mc-spectrum-2) 16.5%,transparent) 24%,color-mix(in srgb,var(--mc-spectrum-3) 14.5%,transparent) 49%,color-mix(in srgb,var(--mc-spectrum-4) 13.5%,transparent) 72%,color-mix(in srgb,var(--mc-spectrum-5) 15.5%,transparent) 100%);
  --mc-spectrum-fill-active:linear-gradient(115deg,color-mix(in srgb,var(--mc-spectrum-1) 20.5%,transparent) 0%,color-mix(in srgb,var(--mc-spectrum-2) 21.5%,transparent) 24%,color-mix(in srgb,var(--mc-spectrum-3) 19%,transparent) 49%,color-mix(in srgb,var(--mc-spectrum-4) 18%,transparent) 72%,color-mix(in srgb,var(--mc-spectrum-5) 20.5%,transparent) 100%);
  --mc-model-field-line:rgba(244,244,241,.16);
  --mc-model-field-line-active:transparent;
  --mc-model-field-gradient:linear-gradient(90deg,color-mix(in srgb,var(--mc-spectrum-1) 54%,transparent) 0%,color-mix(in srgb,var(--mc-spectrum-2) 55%,transparent) 24%,color-mix(in srgb,var(--mc-spectrum-3) 52%,transparent) 49%,color-mix(in srgb,var(--mc-spectrum-4) 50%,transparent) 72%,color-mix(in srgb,var(--mc-spectrum-5) 54%,transparent) 100%) 1;
  --mc-model-field-ring-gradient:linear-gradient(90deg,color-mix(in srgb,var(--mc-spectrum-1) 96%,transparent) 0%,color-mix(in srgb,var(--mc-spectrum-2) 96%,transparent) 24%,color-mix(in srgb,var(--mc-spectrum-3) 94%,transparent) 49%,color-mix(in srgb,var(--mc-spectrum-4) 92%,transparent) 72%,color-mix(in srgb,var(--mc-spectrum-5) 95%,transparent) 100%);
  --mc-model-field-active-width:.5px;
  --mc-model-field-active-image-width:.5;
  --mc-model-field-ring-width:.75px;
  --mc-model-field-radius:6px;
  --mc-model-menu-bg:rgba(3,4,4,.92);
  --mc-model-menu-line:rgba(244,244,241,.13);
  --mc-model-button-line:rgba(244,244,241,.15);
  --mc-model-button-fill:rgba(255,255,255,.045);
  --mc-model-button-fill-hover:var(--mc-spectrum-fill-hover);
  --mc-model-button-fill-active:var(--mc-spectrum-fill-active);
  --mc-model-lift-y:-2px;
  --mc-model-lift-y-card:-3px;
  --mc-model-lift-scale:1.006;
  --mc-model-lift-scale-card:1.01;
  --mc-model-lift-z:80;
  --mc-model-lift-transition:background-image .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease,filter .16s ease,transform .18s cubic-bezier(.2,.8,.2,1);
  --mc-model-topic-bg:rgba(8,9,8,.38);
  --mc-model-topic-line:rgba(244,244,241,.11);
  --mc-model-content-box-line:rgba(244,244,241,.135);
  --mc-model-content-box-line-soft:rgba(244,244,241,.060);
  --mc-model-content-box-bg:transparent;
  --mc-model-content-box-radius:8px;
  --mc-model-content-box-pad:14px;
  --mc-model-status-size:8px;
  --mc-model-ok:#7ef0a4;
  --mc-model-warn:#f8d36a;
  --mc-model-bad:#ff6f8f;
  --mc-model-neutral:rgba(244,244,241,.48);
  --mc-model-rail-bg:transparent;
}
/* Transparent content box model: hairline frame for grouped text content, no fill stack and no shadow. */
html body :is(.app.app,#modal) .mc-content-box-model,
html[data-theme] body :is(.app.app,#modal) .mc-content-box-model{
  min-width:0!important;
  padding:var(--mc-model-content-box-pad,14px)!important;
  border:0.5px solid var(--mc-model-content-box-line,rgba(244,244,241,.135))!important;
  border-radius:var(--mc-model-content-box-radius,8px)!important;
  background:var(--mc-model-content-box-bg,transparent)!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  overflow:visible!important;
}
html body .app.app .layout > .main.page-emp .employee-detail-list.employee-detail-content-box,
html[data-theme] body .app.app .layout > .main.page-emp .employee-detail-list.employee-detail-content-box{
  padding:12px 14px 10px!important;
  border:0.5px solid var(--mc-model-content-box-line,rgba(244,244,241,.135))!important;
  border-radius:8px!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/employees/detail/compatibility-layout/001-base-slice-20-employee-010-slice-20-part-02-seg-01-html-body-app-app-layout-fine-01-short-02.css */


/* >>> runtime/legacy/styles/blocks/shared/controls/compatibility-layout/001-base-slice-20-controls-011-slice-20-part-02-seg-01-html-body-app-app-layout-fine-02-short-01.css */

/* Text field model: transparent fill, grey hairline by default, colored hairline only on hover/focus. */
html body .app.app :is(
  input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not(.mc-combo-input),
  select:not(.mc-combo-input),
  textarea:not(.mc-combo-input),
  .input,
  .tpl-phone-input,
  .tpl-phone-textarea,
  .tpl-phone-upload,
  .tpl-phone-sign,
  .mc-combo-field,
  .mc-form-input-box,
  .mc-form-select-combo,
  .mc-form-textarea-box,
  .mc-form-readonly-box,
  .select-summary,
  button.glass-select-list,
  .btn.glass-select-list,
  .msg-filter-toggle,
  .nd-filter-toggle,
  .history-filter-toggle,
  .emp-org-manager-btn
),
html body #modal :is(
  input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not(.mc-combo-input),
  select:not(.mc-combo-input),
  textarea:not(.mc-combo-input),
  .input,
  .tpl-phone-input,
  .tpl-phone-textarea,
  .tpl-phone-upload,
  .tpl-phone-sign,
  .mc-combo-field,
  .mc-form-input-box,
  .mc-form-select-combo,
  .mc-form-textarea-box,
  .mc-form-readonly-box,
  .select-summary,
  button.glass-select-list,
  .btn.glass-select-list,
  .msg-filter-toggle,
  .nd-filter-toggle,
  .history-filter-toggle,
  .emp-org-manager-btn
){
  border:.5px solid var(--mc-model-field-line)!important;
  border-radius:var(--mc-model-field-radius)!important;
  border-image-source:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* <<< runtime/legacy/styles/blocks/shared/controls/compatibility-layout/001-base-slice-20-controls-011-slice-20-part-02-seg-01-html-body-app-app-layout-fine-02-short-01.css */


/* >>> runtime/legacy/styles/blocks/shared/controls/compatibility-layout/001-base-slice-20-controls-012-slice-20-part-02-seg-01-html-body-app-app-layout-fine-02-short-02.css */

html body .app.app :is(
  input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not(.mc-combo-input),
  select:not(.mc-combo-input),
  textarea:not(.mc-combo-input),
  .input,
  .tpl-phone-input,
  .tpl-phone-textarea,
  .tpl-phone-upload,
  .tpl-phone-sign,
  .mc-combo-field,
  .mc-form-input-box,
  .mc-form-select-combo,
  .mc-form-textarea-box,
  .mc-form-readonly-box,
  .select-summary,
  button.glass-select-list,
  .btn.glass-select-list,
  .msg-filter-toggle,
  .nd-filter-toggle,
  .history-filter-toggle,
  .emp-org-manager-btn
):is(:hover,:focus,:focus-visible,:focus-within,.active,[aria-expanded="true"],[aria-selected="true"]),
html body #modal :is(
  input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not(.mc-combo-input),
  select:not(.mc-combo-input),
  textarea:not(.mc-combo-input),
  .input,
  .tpl-phone-input,
  .tpl-phone-textarea,
  .tpl-phone-upload,
  .tpl-phone-sign,
  .mc-combo-field,
  .mc-form-input-box,
  .mc-form-select-combo,
  .mc-form-textarea-box,
  .mc-form-readonly-box,
  .select-summary,
  button.glass-select-list,
  .btn.glass-select-list,
  .msg-filter-toggle,
  .nd-filter-toggle,
  .history-filter-toggle,
  .emp-org-manager-btn
):is(:hover,:focus,:focus-visible,:focus-within,.active,[aria-expanded="true"],[aria-selected="true"]){
  border-color:var(--mc-model-field-line-active)!important;
  border-width:var(--mc-model-field-active-width,.35px)!important;
  border-style:solid!important;
  border-image:var(--mc-model-field-gradient)!important;
  border-image-width:var(--mc-model-field-active-image-width,.38)!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box,.mc-form-readonly-box) > :is(input,select,textarea,.mc-combo-input),
html body #modal :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box,.mc-form-readonly-box) > :is(input,select,textarea,.mc-combo-input){
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
/* Field width model: short factual inputs should not stretch across a full row. */
html body,
html[data-theme] body{
  --mc-field-w-short:148px;
  --mc-field-w-phone:214px;
  --mc-field-w-name:238px;
  --mc-field-w-medium:286px;
  --mc-field-w-company:340px;
  --mc-field-w-email:330px;
  --mc-field-w-search:320px;
  --mc-field-w-full:620px;
}
html body :where(.mc-field-short){--mc-field-target:var(--mc-field-w-short)}
html body :where(.mc-field-phone){--mc-field-target:var(--mc-field-w-phone)}
html body :where(.mc-field-name){--mc-field-target:var(--mc-field-w-name)}
html body :where(.mc-field-medium){--mc-field-target:var(--mc-field-w-medium)}
html body :where(.mc-field-company){--mc-field-target:var(--mc-field-w-company)}
html body :where(.mc-field-email){--mc-field-target:var(--mc-field-w-email)}
html body :where(.mc-field-search){--mc-field-target:var(--mc-field-w-search)}
html body :where(.mc-field-full){--mc-field-target:var(--mc-field-w-full)}

/* <<< runtime/legacy/styles/blocks/shared/controls/compatibility-layout/001-base-slice-20-controls-012-slice-20-part-02-seg-01-html-body-app-app-layout-fine-02-short-02.css */


/* >>> runtime/legacy/styles/blocks/shared/controls/compatibility-layout/001-base-slice-20-controls-013-slice-20-part-02-seg-01-html-body-app-app-layout-fine-03.css */

html body .app.app.app :where(.field.mc-combo-field-wrap,.mc-combo-field-wrap),
html body #modal#modal :where(.field.mc-combo-field-wrap,.mc-combo-field-wrap){
  width:100%!important;
  max-width:100%!important;
}
html body .app.app.app :where(.field.mc-combo-field-wrap,.mc-combo-field-wrap) > :where(.mc-combo-field,.mc-pick-button,.select-summary),
html body #modal#modal :where(.field.mc-combo-field-wrap,.mc-combo-field-wrap) > :where(.mc-combo-field,.mc-pick-button,.select-summary),
html body .app.app.app :where(.mc-combo-field.mc-field-short,.mc-combo-field.mc-field-phone,.mc-combo-field.mc-field-name,.mc-combo-field.mc-field-medium,.mc-combo-field.mc-field-company,.mc-combo-field.mc-field-email,.mc-combo-field.mc-field-search,.mc-combo-field.mc-field-full),
html body #modal#modal :where(.mc-combo-field.mc-field-short,.mc-combo-field.mc-field-phone,.mc-combo-field.mc-field-name,.mc-combo-field.mc-field-medium,.mc-combo-field.mc-field-company,.mc-combo-field.mc-field-email,.mc-combo-field.mc-field-search,.mc-combo-field.mc-field-full){
  width:min(100%,var(--mc-field-target,100%))!important;
  max-width:min(100%,var(--mc-field-target,100%))!important;
  justify-self:start!important;
}
html body .app.app.app :where(.field.full,.field.mc-field-full,.mc-combo-field-wrap.mc-field-full) > :where(.mc-combo-field,.mc-pick-button,.select-summary),
html body #modal#modal :where(.field.full,.field.mc-field-full,.mc-combo-field-wrap.mc-field-full) > :where(.mc-combo-field,.mc-pick-button,.select-summary){
  width:min(100%,var(--mc-field-w-full))!important;
  max-width:min(100%,var(--mc-field-w-full))!important;
}
html body .app.app.app :where(.row2,.row3,.live-room-form-grid,.office-form,.att-setting-grid,.tpl-base-grid,.account-modal-grid) :where(.field.mc-combo-field-wrap,.mc-combo-field-wrap){
  align-self:start!important;
}
html body .app.app.app :where(.toolbar,.head-actions,.history-filter-fields,.contact-search,.org-pick-searchbar) :where(.mc-search-box,.mc-field-search),
html body #modal#modal :where(.toolbar,.head-actions,.history-filter-fields,.contact-search,.org-pick-searchbar) :where(.mc-search-box,.mc-field-search){
  width:min(100%,var(--mc-field-w-search))!important;
  max-width:min(100%,var(--mc-field-w-search))!important;
}
html body .app.app.app :where(.mc-form-textarea-box,.mc-field-full textarea,.field.mc-field-full textarea),
html body #modal#modal :where(.mc-form-textarea-box,.mc-field-full textarea,.field.mc-field-full textarea){
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
}
html body .app.app.app :where(input[type="number"],input[type="date"],input[type="time"],input[type="month"]):not(.mc-combo-input),
html body #modal#modal :where(input[type="number"],input[type="date"],input[type="time"],input[type="month"]):not(.mc-combo-input){
  width:min(100%,var(--mc-field-w-short))!important;
  max-width:min(100%,var(--mc-field-w-short))!important;
}
html body .app.app.app :where(input[type="tel"]):not(.mc-combo-input),
html body #modal#modal :where(input[type="tel"]):not(.mc-combo-input){
  width:min(100%,var(--mc-field-w-phone))!important;
  max-width:min(100%,var(--mc-field-w-phone))!important;
}
html body .app.app.app :where(input[type="email"]):not(.mc-combo-input),
html body #modal#modal :where(input[type="email"]):not(.mc-combo-input){
  width:min(100%,var(--mc-field-w-email))!important;
  max-width:min(100%,var(--mc-field-w-email))!important;
}

/* <<< runtime/legacy/styles/blocks/shared/controls/compatibility-layout/001-base-slice-20-controls-013-slice-20-part-02-seg-01-html-body-app-app-layout-fine-03.css */


/* >>> runtime/legacy/styles/blocks/shared/controls/compatibility-layout/001-base-slice-20-controls-014-slice-20-part-02-seg-02-html-body-app-app-layout-micro-01-unit-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-20-part-02-html-body-app-app-layout.css. Keep import order stable. */
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body,
  html[data-theme] body{
    --mc-field-w-short:100%;
    --mc-field-w-phone:100%;
    --mc-field-w-name:100%;
    --mc-field-w-medium:100%;
    --mc-field-w-company:100%;
    --mc-field-w-email:100%;
    --mc-field-w-search:100%;
    --mc-field-w-full:100%;
  }
  html body .app.app.app :where(.field.mc-combo-field-wrap,.mc-combo-field-wrap) > :where(.mc-combo-field,.mc-pick-button,.select-summary),
  html body #modal#modal :where(.field.mc-combo-field-wrap,.mc-combo-field-wrap) > :where(.mc-combo-field,.mc-pick-button,.select-summary){
    width:100%!important;
    max-width:100%!important;
  }
}
/* Frosted dropdown model: panel is black frosted glass; option rows are not text fields. */
html body :where(.mc-combo-menu,.glass-select-list:not(button):not(.btn):not(.mc-dropdown-model),.profile-menu,.org-pick-list,.org-pick-modal,.org-simple-pick,.att-calendar-person-menu,.secondary-rail-shell .glass-select-list:not(button):not(.btn):not(.mc-dropdown-model)),
html body #modal :where(.mc-combo-menu,.glass-select-list:not(button):not(.btn):not(.mc-dropdown-model),.profile-menu,.org-pick-list,.org-pick-modal,.org-simple-pick,.att-calendar-person-menu){
  background:var(--mc-model-menu-bg)!important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.010))!important;
  border:.5px solid var(--mc-model-menu-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 42px -34px rgba(0,0,0,.94)!important;
  -webkit-backdrop-filter:blur(30px) saturate(1.16)!important;
  backdrop-filter:blur(30px) saturate(1.16)!important;
}
html body :where(.mc-combo-option,.glass-select-list button,.glass-select-list label,.org-pick-row,.org-simple-pick .org-pick-row),
html body #modal :where(.mc-combo-option,.glass-select-list button,.glass-select-list label,.org-pick-row,.org-simple-pick .org-pick-row){
  box-shadow:none!important;
}
/* Button model: page buttons are framed; taskbar buttons are frameless until hover/active. */
html body .app.app .layout > .main :where(.btn,button.btn,.head-actions .btn,.toolbar .btn,.sys-actions .btn,.office-actions .btn,.tpl-card-actions .btn,.live-room-actions .btn,.live-device-detail-actions .btn),
html body #modal :where(.btn,button.btn){
  border:.5px solid var(--mc-model-button-line)!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  position:relative!important;
  z-index:1!important;
  overflow:visible!important;
  transform:translateY(0) scale(1)!important;
  transition:var(--mc-model-lift-transition)!important;
}
html body .app.app .layout > .main :where(.btn,button.btn,.head-actions .btn,.toolbar .btn,.sys-actions .btn,.office-actions .btn,.tpl-card-actions .btn,.live-room-actions .btn,.live-device-detail-actions .btn):is(:hover,:focus-visible,.active,[aria-expanded="true"]),
html body #modal :where(.btn,button.btn):is(:hover,:focus-visible,.active,[aria-expanded="true"]){
  background:var(--mc-model-button-fill-hover)!important;
  background-image:var(--mc-model-button-fill-hover)!important;
  border-color:rgba(244,244,241,.22)!important;
  box-shadow:none!important;
  position:relative!important;
  z-index:var(--mc-model-lift-z,80)!important;
  transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important;
}
html body .app.app :where(.topbar button,.topbar .icon-btn,.topbar .top-cloud,.topbar .uchip,.topbar .logout-btn,.topbar .theme-btn,.topbar .side-fold-btn,.side .nav,.side-collapse-nav){
  border:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app.app :where(.topbar button,.topbar .icon-btn,.topbar .top-cloud,.topbar .uchip,.topbar .logout-btn,.topbar .theme-btn,.topbar .side-fold-btn,.side .nav,.side-collapse-nav):is(:hover,.active,[aria-current="page"],[aria-expanded="true"]),
html body .app.app .side .nav.active{
  background:var(--mc-model-button-fill-active)!important;
  background-image:var(--mc-model-button-fill-active)!important;
  box-shadow:none!important;
}
html body :is(#root,.app.app).app.app .layout > .main :where(.btn,button.btn,.head-actions .btn,.toolbar .btn,.sys-actions .btn,.office-actions .btn,.tpl-card-actions .btn,.live-room-actions .btn,.live-device-detail-actions .btn):is(:hover,:focus-visible,:focus-within),
html body :is(#modal,.app.app) :where(.btn,button.btn):is(:hover,:focus-visible,:focus-within){
  background:var(--mc-model-button-fill-hover)!important;
  background-image:var(--mc-model-button-fill-hover)!important;
  border-color:rgba(244,244,241,.22)!important;
}
html body :is(#root,.app.app).app.app .layout > .main :where(.btn,button.btn,.head-actions .btn,.toolbar .btn,.sys-actions .btn,.office-actions .btn,.tpl-card-actions .btn,.live-room-actions .btn,.live-device-detail-actions .btn):is(.active,[aria-expanded="true"],:active),
html body :is(#modal,.app.app) :where(.btn,button.btn):is(.active,[aria-expanded="true"],:active){
  background:var(--mc-model-button-fill-active)!important;
  background-image:var(--mc-model-button-fill-active)!important;
  border-color:rgba(244,244,241,.24)!important;
}

/* <<< runtime/legacy/styles/blocks/shared/controls/compatibility-layout/001-base-slice-20-controls-014-slice-20-part-02-seg-02-html-body-app-app-layout-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-20-shared-cross-surface-015-slice-20-part-02-seg-02-html-body-app-app-layout-micro-01-unit-02.css */

/* Topic header control model: every button/tab inside the page title model shares one selected-state system. */
html body :is(#modal,.app.app.app) .layout.layout > .main.main :is(.mc-page-head-model,.page-head,.nd-page-head,.employee-admin-fixed,.settings-modern-head,.history-fixed-head,.live-room-head,.att-rule-fixed-head,.att-rule-topline,.workbench-unified-head,.att-report-fixed-head,.account-fixed-head,.agent-fixed-head) :is(.head-actions,.employee-admin-actions,.history-head-actions,.settings-modern-status,.settings-save-bar,.nd-toolbar,.employee-admin-tabs-wrap,.att-report-tabs-wrap,.att-report-tabline,.account-head-tools,.account-actions,.account-tabs,.view-toolbar,.live-room-actions,.agent-fixed-actions),
html[data-theme] body :is(#modal,.app.app.app) .layout.layout > .main.main :is(.mc-page-head-model,.page-head,.nd-page-head,.employee-admin-fixed,.settings-modern-head,.history-fixed-head,.live-room-head,.att-rule-fixed-head,.att-rule-topline,.workbench-unified-head,.att-report-fixed-head,.account-fixed-head,.agent-fixed-head) :is(.head-actions,.employee-admin-actions,.history-head-actions,.settings-modern-status,.settings-save-bar,.nd-toolbar,.employee-admin-tabs-wrap,.att-report-tabs-wrap,.att-report-tabline,.account-head-tools,.account-actions,.account-tabs,.view-toolbar,.live-room-actions,.agent-fixed-actions),
html body #modal#modal :is(.mc-page-head-model,.secondary-rail-head) :is(.head-actions,.secondary-rail-actions){
  --mc-head-action-gap:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:var(--mc-head-action-gap,12px)!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body :is(#modal,.app.app.app) .layout.layout > .main.main :is(.mc-page-head-model,.page-head,.nd-page-head,.employee-admin-fixed,.settings-modern-head,.history-fixed-head,.live-room-head,.att-rule-fixed-head,.att-rule-topline,.workbench-unified-head,.att-report-fixed-head,.account-fixed-head) :is(.tabs,.employee-tabline,.att-report-tabline,.account-tabs),
html[data-theme] body :is(#modal,.app.app.app) .layout.layout > .main.main :is(.mc-page-head-model,.page-head,.nd-page-head,.employee-admin-fixed,.settings-modern-head,.history-fixed-head,.live-room-head,.att-rule-fixed-head,.att-rule-topline,.workbench-unified-head,.att-report-fixed-head,.account-fixed-head) :is(.tabs,.employee-tabline,.att-report-tabline,.account-tabs){
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:visible!important;
  scrollbar-width:none!important;
}
html body :is(#modal,.app.app.app) .layout.layout > .main.main :is(.mc-page-head-model,.page-head,.nd-page-head,.employee-admin-fixed,.settings-modern-head,.history-fixed-head,.live-room-head,.att-rule-fixed-head,.att-rule-topline,.workbench-unified-head,.att-report-fixed-head,.account-fixed-head) :is(.tabs,.employee-tabline,.att-report-tabline,.account-tabs)::-webkit-scrollbar{
  display:none!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-20-shared-cross-surface-015-slice-20-part-02-seg-02-html-body-app-app-layout-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-20-shared-cross-surface-016-slice-20-part-02-seg-02-html-body-app-app-layout-micro-02-unit-01.css */

html body :is(#modal,.app.app.app) .layout.layout > .main.main :is(.mc-page-head-model,.page-head,.nd-page-head,.employee-admin-fixed,.settings-modern-head,.history-fixed-head,.live-room-head,.att-rule-fixed-head,.att-rule-topline,.workbench-unified-head,.att-report-fixed-head,.account-fixed-head) :is(.btn,button.btn,.tabs button,.view-toolbar button,.account-tabs button,.nd-action,.secondary-rail-actions .btn),
html[data-theme] body :is(#modal,.app.app.app) .layout.layout > .main.main :is(.mc-page-head-model,.page-head,.nd-page-head,.employee-admin-fixed,.settings-modern-head,.history-fixed-head,.live-room-head,.att-rule-fixed-head,.att-rule-topline,.workbench-unified-head,.att-report-fixed-head,.account-fixed-head) :is(.btn,button.btn,.tabs button,.view-toolbar button,.account-tabs button,.nd-action,.secondary-rail-actions .btn),
html body #modal#modal :is(.mc-page-head-model,.secondary-rail-head) :is(.btn,button.btn){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:var(--mc-head-control-h,32px)!important;
  height:var(--mc-head-control-h,32px)!important;
  padding:0 12px!important;
  border:0!important;
  outline:0!important;
  border-radius:var(--mc-head-control-radius,6px)!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--mc-head-control-color,rgba(244,244,241,.70))!important;
  font-size:var(--mc-head-btn,.78rem)!important;
  line-height:1!important;
  font-weight:760!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  position:relative!important;
  z-index:1!important;
  overflow:visible!important;
  transform:translateY(0) scale(1)!important;
  transition:var(--mc-model-lift-transition)!important;
}
html body :is(#modal,.app.app.app) .layout.layout > .main.main :is(.mc-page-head-model,.page-head,.nd-page-head,.employee-admin-fixed,.settings-modern-head,.history-fixed-head,.live-room-head,.att-rule-fixed-head,.att-rule-topline,.workbench-unified-head,.att-report-fixed-head,.account-fixed-head) :is(.btn,button.btn,.tabs button,.view-toolbar button,.account-tabs button,.nd-action,.secondary-rail-actions .btn):is(:hover,:focus-visible,:focus-within),
html[data-theme] body :is(#modal,.app.app.app) .layout.layout > .main.main :is(.mc-page-head-model,.page-head,.nd-page-head,.employee-admin-fixed,.settings-modern-head,.history-fixed-head,.live-room-head,.att-rule-fixed-head,.att-rule-topline,.workbench-unified-head,.att-report-fixed-head,.account-fixed-head) :is(.btn,button.btn,.tabs button,.view-toolbar button,.account-tabs button,.nd-action,.secondary-rail-actions .btn):is(:hover,:focus-visible,:focus-within),
html body #modal#modal :is(.mc-page-head-model,.secondary-rail-head) :is(.btn,button.btn):is(:hover,:focus-visible,:focus-within){
  color:#f4f4f1!important;
  background:var(--mc-head-control-hover,var(--mc-model-button-fill-hover))!important;
  background-image:var(--mc-head-control-hover,var(--mc-model-button-fill-hover))!important;
  border:0!important;
  box-shadow:none!important;
  z-index:var(--mc-model-lift-z,80)!important;
  transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important;
}
html body :is(#modal,.app.app.app) .layout.layout > .main.main :is(.mc-page-head-model,.page-head,.nd-page-head,.employee-admin-fixed,.settings-modern-head,.history-fixed-head,.live-room-head,.att-rule-fixed-head,.att-rule-topline,.workbench-unified-head,.att-report-fixed-head,.account-fixed-head) :is(.btn,button.btn,.tabs button,.view-toolbar button,.account-tabs button,.nd-action,.secondary-rail-actions .btn):is(.active,[aria-selected="true"],[aria-current="page"],[aria-expanded="true"],:active),
html[data-theme] body :is(#modal,.app.app.app) .layout.layout > .main.main :is(.mc-page-head-model,.page-head,.nd-page-head,.employee-admin-fixed,.settings-modern-head,.history-fixed-head,.live-room-head,.att-rule-fixed-head,.att-rule-topline,.workbench-unified-head,.att-report-fixed-head,.account-fixed-head) :is(.btn,button.btn,.tabs button,.view-toolbar button,.account-tabs button,.nd-action,.secondary-rail-actions .btn):is(.active,[aria-selected="true"],[aria-current="page"],[aria-expanded="true"],:active),
html body #modal#modal :is(.mc-page-head-model,.secondary-rail-head) :is(.btn,button.btn):is(.active,[aria-selected="true"],[aria-current="page"],[aria-expanded="true"],:active){
  color:#f4f4f1!important;
  background:var(--mc-head-control-active,var(--mc-model-button-fill-active))!important;
  background-image:var(--mc-head-control-active,var(--mc-model-button-fill-active))!important;
  border:0!important;
  box-shadow:none!important;
}
html body :is(#modal,.app.app.app) .layout.layout > .main.main :is(.att-rule-fixed-head,.att-rule-topline) .att-rule-card-entry,
html[data-theme] body :is(#modal,.app.app.app) .layout.layout > .main.main :is(.att-rule-fixed-head,.att-rule-topline) .att-rule-card-entry{
  border:0!important;
  color:var(--mc-head-control-color,rgba(244,244,241,0.70))!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body :is(#modal,.app.app.app) .layout.layout > .main.main :is(.att-rule-fixed-head,.att-rule-topline) .att-rule-card-entry:is(:hover,:focus-visible,:focus-within),
html[data-theme] body :is(#modal,.app.app.app) .layout.layout > .main.main :is(.att-rule-fixed-head,.att-rule-topline) .att-rule-card-entry:is(:hover,:focus-visible,:focus-within){
  border:0!important;
  color:#f4f4f1!important;
  background:var(--mc-head-control-hover,var(--mc-model-button-fill-hover))!important;
  background-image:var(--mc-head-control-hover,var(--mc-model-button-fill-hover))!important;
  box-shadow:none!important;
}
html body :is(#modal,.app.app.app) .layout.layout > .main.main :is(.att-rule-fixed-head,.att-rule-topline) .att-rule-card-entry:is(.active,[aria-selected="true"],[aria-current="page"]),
html[data-theme] body :is(#modal,.app.app.app) .layout.layout > .main.main :is(.att-rule-fixed-head,.att-rule-topline) .att-rule-card-entry:is(.active,[aria-selected="true"],[aria-current="page"]){
  border:0!important;
  color:#f4f4f1!important;
  background:var(--mc-head-control-active,var(--mc-model-button-fill-active))!important;
  background-image:var(--mc-head-control-active,var(--mc-model-button-fill-active))!important;
  box-shadow:none!important;
}
html body .app.app.app > .topbar.topbar :where(button,.icon-btn,.side-fold-btn,.theme-btn,.logout-btn,.lang-btn,.shell-panel-btn,.top-cloud,.topbar-brand-chip),
html[data-theme] body .app.app.app > .topbar.topbar :where(button,.icon-btn,.side-fold-btn,.theme-btn,.logout-btn,.lang-btn,.shell-panel-btn,.top-cloud,.topbar-brand-chip),
html body .app.app.app .layout.layout > .side.side :where(.nav,.side-collapse-nav,.side-fold-btn,.side-profile-wrap > .uchip,.side-profile-btn),
html[data-theme] body .app.app.app .layout.layout > .side.side :where(.nav,.side-collapse-nav,.side-fold-btn,.side-profile-wrap > .uchip,.side-profile-btn){
  border:0!important;
  border-width:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  position:relative!important;
  z-index:1!important;
  overflow:visible!important;
  transform:translateY(0) scale(1)!important;
  transition:var(--mc-model-lift-transition)!important;
}
html body .app.app.app > .topbar.topbar :where(button,.icon-btn,.side-fold-btn,.theme-btn,.logout-btn,.lang-btn,.shell-panel-btn,.top-cloud,.topbar-brand-chip):is(.active,[aria-current="page"],[aria-expanded="true"]),
html[data-theme] body .app.app.app > .topbar.topbar :where(button,.icon-btn,.side-fold-btn,.theme-btn,.logout-btn,.lang-btn,.shell-panel-btn,.top-cloud,.topbar-brand-chip):is(.active,[aria-current="page"],[aria-expanded="true"]),
html body .app.app.app .layout.layout > .side.side :where(.nav,.side-collapse-nav,.side-fold-btn,.side-profile-wrap > .uchip,.side-profile-btn):is(.active,[aria-current="page"],[aria-expanded="true"]),
html[data-theme] body .app.app.app .layout.layout > .side.side :where(.nav,.side-collapse-nav,.side-fold-btn,.side-profile-wrap > .uchip,.side-profile-btn):is(.active,[aria-current="page"],[aria-expanded="true"]){
  background:var(--mc-model-button-fill-active)!important;
  background-image:var(--mc-model-button-fill-active)!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-20-shared-cross-surface-016-slice-20-part-02-seg-02-html-body-app-app-layout-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/left-navigation/compatibility-layout/001-base-slice-20-left-navigation-017-slice-20-part-02-seg-02-html-body-app-app-layout-micro-02-unit-02.css */

html body .app.app.app > .topbar.topbar :where(button,.icon-btn,.side-fold-btn,.theme-btn,.logout-btn,.lang-btn,.shell-panel-btn,.top-cloud,.topbar-brand-chip):is(:hover,:focus-visible,:focus-within),
html[data-theme] body .app.app.app > .topbar.topbar :where(button,.icon-btn,.side-fold-btn,.theme-btn,.logout-btn,.lang-btn,.shell-panel-btn,.top-cloud,.topbar-brand-chip):is(:hover,:focus-visible,:focus-within),
html body .app.app.app .layout.layout > .side.side :where(.nav,.side-collapse-nav,.side-fold-btn,.side-profile-wrap > .uchip,.side-profile-btn):is(:hover,:focus-visible,:focus-within),
html[data-theme] body .app.app.app .layout.layout > .side.side :where(.nav,.side-collapse-nav,.side-fold-btn,.side-profile-wrap > .uchip,.side-profile-btn):is(:hover,:focus-visible,:focus-within){
  background:var(--mc-model-button-fill-hover)!important;
  background-image:var(--mc-model-button-fill-hover)!important;
  box-shadow:none!important;
  z-index:var(--mc-model-lift-z,80)!important;
  transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important;
}
/* Organization tree frameless button model: org roots and department rows are not text fields. */
html body .app.app.app :where(.employee-org-panel,.att-month-org-panel) :where(.org-tree-root,.org-indent-row),
html[data-theme] body .app.app.app :where(.employee-org-panel,.att-month-org-panel) :where(.org-tree-root,.org-indent-row),
html body #modal .org-manager-layout :where(.org-tree-root,.org-indent-row),
html[data-theme] body #modal .org-manager-layout :where(.org-tree-root,.org-indent-row){
  border:0!important;
  border-width:0!important;
  border-image:none!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  position:relative!important;
  overflow:visible!important;
  transform:translateY(0) scale(1)!important;
  transition:var(--mc-model-lift-transition)!important;
}

/* <<< runtime/legacy/styles/blocks/shell/left-navigation/compatibility-layout/001-base-slice-20-left-navigation-017-slice-20-part-02-seg-02-html-body-app-app-layout-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-20-shared-cross-surface-018-slice-20-part-02-seg-02-html-body-app-app-layout-micro-03.css */

html body .app.app.app :where(.employee-org-panel,.att-month-org-panel) :where(.org-tree-root,.org-indent-row):is(:hover,:focus-visible,:focus-within),
html[data-theme] body .app.app.app :where(.employee-org-panel,.att-month-org-panel) :where(.org-tree-root,.org-indent-row):is(:hover,:focus-visible,:focus-within),
html body #modal .org-manager-layout :where(.org-tree-root:not(.org-manager-root-label),.org-indent-row):is(:hover,:focus-visible,:focus-within),
html[data-theme] body #modal .org-manager-layout :where(.org-tree-root:not(.org-manager-root-label),.org-indent-row):is(:hover,:focus-visible,:focus-within){
  border:0!important;
  background:var(--mc-model-button-fill-hover)!important;
  background-image:var(--mc-model-button-fill-hover)!important;
  box-shadow:none!important;
  z-index:var(--mc-model-lift-z,80)!important;
  transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important;
}
html body .app.app.app :where(.employee-org-panel,.att-month-org-panel) :where(.org-tree-root.active,.org-indent-row.active),
html[data-theme] body .app.app.app :where(.employee-org-panel,.att-month-org-panel) :where(.org-tree-root.active,.org-indent-row.active),
html body #modal .org-manager-layout :where(.org-indent-row.active),
html[data-theme] body #modal .org-manager-layout :where(.org-indent-row.active){
  border:0!important;
  background:var(--mc-model-button-fill-active)!important;
  background-image:var(--mc-model-button-fill-active)!important;
  box-shadow:none!important;
}
html body #modal .org-manager-layout .org-manager-root-label.org-tree-root,
html[data-theme] body #modal .org-manager-layout .org-manager-root-label.org-tree-root{
  cursor:default!important;
  transform:none!important;
}
/* Lift clipping clearance: action containers must not cut hover rise. Real scroll lists keep their own overflow rules. */
html body .app.app.app .layout.layout > .main.page-workbench,
html[data-theme] body .app.app.app .layout.layout > .main.page-workbench,
html body .app.app.app .layout.layout > .main.page-workbench :where(.workbench-unified,.workbench-clean,.workbench-lower,.workbench-grid,.workbench-triple,.employee-workbench-compact,.workbench-side,.workbench-punch-slot,.workbench-todo-slot,.workbench-notif-slot,.workbench-ann-slot,.workbench-ann-slot>.ann-banner,.workbench-todo-slot>.panel,.workbench-notif-slot>.panel,.hud-cards,.employee-hud-cards,.ann-banner,.ann-badge,.ann-arr),
html[data-theme] body .app.app.app .layout.layout > .main.page-workbench :where(.workbench-unified,.workbench-clean,.workbench-lower,.workbench-grid,.workbench-triple,.employee-workbench-compact,.workbench-side,.workbench-punch-slot,.workbench-todo-slot,.workbench-notif-slot,.workbench-ann-slot,.workbench-ann-slot>.ann-banner,.workbench-todo-slot>.panel,.workbench-notif-slot>.panel,.hud-cards,.employee-hud-cards,.ann-banner,.ann-badge,.ann-arr),
html body .app.app.app .layout.layout > .main.page-employees :where(.employee-admin-fixed,.employee-admin-main,.employee-admin-tabs-wrap,.employee-admin-actions,.tabs.emp-sort-tabs,.tabs.emp-sort-tabs.employee-tabline),
html[data-theme] body .app.app.app .layout.layout > .main.page-employees :where(.employee-admin-fixed,.employee-admin-main,.employee-admin-tabs-wrap,.employee-admin-actions,.tabs.emp-sort-tabs,.tabs.emp-sort-tabs.employee-tabline){
  overflow:visible!important;
  overflow-x:visible!important;
  overflow-y:visible!important;
  contain:none!important;
  clip-path:none!important;
}
html body .app.app.app .layout.layout > .main.main.page-employees .employee-admin-fixed.mc-page-head-model > .employee-admin-main,
html[data-theme] body .app.app.app .layout.layout > .main.main.page-employees .employee-admin-fixed.mc-page-head-model > .employee-admin-main{
  overflow:visible!important;
  overflow-x:visible!important;
  overflow-y:visible!important;
  contain:none!important;
  clip-path:none!important;
}
html body .app.app.app .layout.layout > .main.page-workbench :where(.ann-banner,.hud-card,.workbench-todo-slot .feed .fi,.workbench-notif-slot .feed .fi):is(:hover,:focus-visible,:focus-within),
html[data-theme] body .app.app.app .layout.layout > .main.page-workbench :where(.ann-banner,.hud-card,.workbench-todo-slot .feed .fi,.workbench-notif-slot .feed .fi):is(:hover,:focus-visible,:focus-within),
html body .app.app.app .layout.layout > .main.page-employees :where(.employee-admin-actions .btn,.tabs.emp-sort-tabs button,.tabs.emp-sort-tabs.employee-tabline button):is(:hover,:focus-visible,:focus-within),
html[data-theme] body .app.app.app .layout.layout > .main.page-employees :where(.employee-admin-actions .btn,.tabs.emp-sort-tabs button,.tabs.emp-sort-tabs.employee-tabline button):is(:hover,:focus-visible,:focus-within){
  z-index:calc(var(--mc-model-lift-z,80) + 10)!important;
}
html body .app.app.app .layout.layout > .main.page-workbench .workbench-ann-slot,
html[data-theme] body .app.app.app .layout.layout > .main.page-workbench .workbench-ann-slot{
  padding:4px!important;
  margin:-4px!important;
}
html body .app.app.app .layout.layout > .main.page-workbench .workbench-ann-slot>.ann-banner:is(:hover,:focus-visible,:focus-within),
html[data-theme] body .app.app.app .layout.layout > .main.page-workbench .workbench-ann-slot>.ann-banner:is(:hover,:focus-visible,:focus-within){
  z-index:calc(var(--mc-model-lift-z,80) + 20)!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-20-shared-cross-surface-018-slice-20-part-02-seg-02-html-body-app-app-layout-micro-03.css */


/* >>> runtime/legacy/styles/blocks/overlays/secondary-modal/compatibility-layout/001-base-slice-20-secondary-modal-019-slice-20-part-03-seg-01-html-body-app-app-layout-fine-01-short-01.css */

/* Legacy ordered base slice 20 part 03; split from 001-base-slice-20-html-body-app-app-layout.css. Keep import order stable. */
/* Right rail model: structural right-side popup surface is pure transparent with no boundary. */
html body #modal .secondary-rail-shell,
html[data-theme] body #modal .secondary-rail-shell,
html body #modal .secondary-rail-shell.wide,
html[data-theme] body #modal .secondary-rail-shell.wide,
html body #modal .secondary-rail-shell.org-pick-modal,
html[data-theme] body #modal .secondary-rail-shell.org-pick-modal,
html body #modal .secondary-rail-shell.org-pick-rail,
html[data-theme] body #modal .secondary-rail-shell.org-pick-rail,
html body #modal .secondary-rail-shell.profile-org-rail,
html[data-theme] body #modal .secondary-rail-shell.profile-org-rail,
html body #modal .secondary-rail-shell.live-room-rail,
html[data-theme] body #modal .secondary-rail-shell.live-room-rail{
  background:var(--mc-model-rail-bg)!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-left:0!important;
  border-right:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body #modal .secondary-rail-shell::before,
html body #modal .secondary-rail-shell::after,
html[data-theme] body #modal .secondary-rail-shell::before,
html[data-theme] body #modal .secondary-rail-shell::after,
html body #modal .secondary-rail-shell .secondary-rail-line,
html[data-theme] body #modal .secondary-rail-shell .secondary-rail-line{
  display:none!important;
  content:none!important;
  width:0!important;
  opacity:0!important;
  border:0!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
html body #modal .secondary-rail-shell :where(.secondary-rail-control,.secondary-rail-head,.secondary-rail-body,.secondary-rail-foot),
html[data-theme] body #modal .secondary-rail-shell :where(.secondary-rail-control,.secondary-rail-head,.secondary-rail-body,.secondary-rail-foot){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body #modal .secondary-rail-shell :where(.profile-menu,.org-switch-menu,.org-simple-pick,.org-pick-list,.org-pick-modal,.live-room-side,.live-edit-panel,.live-building-overview,.panel,.table-wrap),
html[data-theme] body #modal .secondary-rail-shell :where(.profile-menu,.org-switch-menu,.org-simple-pick,.org-pick-list,.org-pick-modal,.live-room-side,.live-edit-panel,.live-building-overview,.panel,.table-wrap){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
/* Topic model: shared sticky frosted title block. */
html body .app.app .layout > .main > .page-head,
html body .app.app .layout > .main.page-networkDiag .nd-page-head,
html body .app.app .layout > .main .live-room-head{
  background:var(--mc-model-topic-bg)!important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.050),rgba(255,255,255,.010))!important;
  border:.5px solid var(--mc-model-topic-line)!important;
  border-radius:8px!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:blur(26px) saturate(1.16)!important;
  backdrop-filter:blur(26px) saturate(1.16)!important;
}
html body .app.app .layout > .main > .page-head h1,
html body .app.app .layout > .main.page-networkDiag .nd-page-head h1,
html body .app.app .layout > .main .live-room-head h1{
  font-size:1.24rem!important;
  line-height:1.18!important;
  font-weight:850!important;
  letter-spacing:0!important;
}
html body .app.app .layout > .main > .page-head p,
html body .app.app .layout > .main.page-networkDiag .nd-page-head p,
html body .app.app .layout > .main .live-room-head p{
  margin-top:6px!important;
  font-size:.78rem!important;
  line-height:1.35!important;
  font-weight:430!important;
  color:rgba(244,244,241,.58)!important;
}
/* Status-dot model. Checkbox controls are owned by the locked check model above. */
html body :where(.status-dot,.live-dot,.nd-report-status-dot,.nd-status-dot,.nd-head-status-dot,.sync-dot){
  width:var(--mc-model-status-size)!important;
  height:var(--mc-model-status-size)!important;
  min-width:var(--mc-model-status-size)!important;
  min-height:var(--mc-model-status-size)!important;
  border-radius:50%!important;
  display:inline-block!important;
  box-shadow:none!important;
  vertical-align:middle!important;
}
html body :where(.status-dot.ok,.live-dot.ok,.nd-report-status-dot.ok,.nd-status-dot.ok,.sync-dot.ok){background:var(--mc-model-ok)!important}
html body :where(.status-dot.warn,.live-dot.warn,.nd-report-status-dot.warn,.nd-status-dot.warn,.sync-dot.warn){background:var(--mc-model-warn)!important}
html body :where(.status-dot.bad,.status-dot.danger,.live-dot.bad,.live-dot.danger,.nd-report-status-dot.bad,.nd-status-dot.bad,.sync-dot.bad){background:var(--mc-model-bad)!important}
html body :where(.status-dot.neutral,.status-dot.gray,.live-dot.neutral,.nd-report-status-dot.neutral,.nd-status-dot.neutral,.sync-dot.neutral){background:var(--mc-model-neutral)!important}
/* Organization tree model: hierarchy by indentation only; no branch connector lines. */
html body .app.app :where(.employee-org-panel,.att-month-org-panel,.org-manager-layout,.org-pick-list,.org-simple-pick) :where(.tree-children,.kids){
  border-left:0!important;
  background:transparent!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/secondary-modal/compatibility-layout/001-base-slice-20-secondary-modal-019-slice-20-part-03-seg-01-html-body-app-app-layout-fine-01-short-01.css */


/* >>> runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-20-organization-020-slice-20-part-03-seg-01-html-body-app-app-layout-fine-01-short-02.css */

html body .app.app :where(.employee-org-panel,.att-month-org-panel,.org-manager-layout,.org-pick-list,.org-simple-pick) .tree-row::before,
html body .app.app :where(.employee-org-panel,.att-month-org-panel,.org-manager-layout,.org-pick-list,.org-simple-pick) .tree-row::after,
html body .app.app :where(.employee-org-panel,.att-month-org-panel,.org-manager-layout,.org-pick-list,.org-simple-pick) .tree-h .kid::before,
html body .app.app :where(.employee-org-panel,.att-month-org-panel,.org-manager-layout,.org-pick-list,.org-simple-pick) .tree-h .kids::before{
  display:none!important;
  content:none!important;
}
html body .app.app :where(.employee-org-panel,.att-month-org-panel,.org-manager-layout,.org-pick-list,.org-simple-pick) .tree-row{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .app.app :where(.employee-org-panel,.att-month-org-panel,.org-manager-layout,.org-pick-list,.org-simple-pick) .tree-row:is(:hover,.active,[aria-selected="true"]){
  background:var(--mc-model-button-fill-active)!important;
  background-image:var(--mc-model-button-fill-active)!important;
}
html body .app.app.app .layout.layout > .main.main :where(.employee-org-panel,.att-month-org-panel) .tree-row.org-indent-row,
html[data-theme] body .app.app.app .layout.layout > .main.main :where(.employee-org-panel,.att-month-org-panel) .tree-row.org-indent-row,
html body #modal#modal .org-manager-layout.org-manager-layout .tree-row.org-indent-row,
html[data-theme] body #modal#modal .org-manager-layout.org-manager-layout .tree-row.org-indent-row{
  border:0!important;
  border-width:0!important;
  border-image:none!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-20-organization-020-slice-20-part-03-seg-01-html-body-app-app-layout-fine-01-short-02.css */


/* >>> runtime/legacy/styles/blocks/shared/controls/compatibility-layout/001-base-slice-20-controls-021-slice-20-part-03-seg-01-html-body-app-app-layout-fine-02-unit-01.css */

html body .app.app.app .layout.layout > .main.main :where(.employee-org-panel,.att-month-org-panel) .tree-row.org-indent-row:is(:hover,:focus-visible,:focus-within),
html[data-theme] body .app.app.app .layout.layout > .main.main :where(.employee-org-panel,.att-month-org-panel) .tree-row.org-indent-row:is(:hover,:focus-visible,:focus-within),
html body #modal#modal .org-manager-layout.org-manager-layout .tree-row.org-indent-row:is(:hover,:focus-visible,:focus-within),
html[data-theme] body #modal#modal .org-manager-layout.org-manager-layout .tree-row.org-indent-row:is(:hover,:focus-visible,:focus-within){
  border:0!important;
  background:var(--mc-model-button-fill-hover)!important;
  background-color:transparent!important;
  background-image:var(--mc-model-button-fill-hover)!important;
  box-shadow:none!important;
}
html body .app.app.app .layout.layout > .main.main :where(.employee-org-panel,.att-month-org-panel) .tree-row.org-indent-row:is(.active,[aria-selected="true"]),
html[data-theme] body .app.app.app .layout.layout > .main.main :where(.employee-org-panel,.att-month-org-panel) .tree-row.org-indent-row:is(.active,[aria-selected="true"]),
html body #modal#modal .org-manager-layout.org-manager-layout .tree-row.org-indent-row:is(.active,[aria-selected="true"]),
html[data-theme] body #modal#modal .org-manager-layout.org-manager-layout .tree-row.org-indent-row:is(.active,[aria-selected="true"]){
  border:0!important;
  background:var(--mc-model-button-fill-active)!important;
  background-color:transparent!important;
  background-image:var(--mc-model-button-fill-active)!important;
  box-shadow:none!important;
}
/* Text field hover ring: default remains transparent fill with grey hairline; hover/focus shows the shared colorful hairline. */
html body .app.app.app :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box,.mc-form-readonly-box,.select-summary,button.glass-select-list,.btn.glass-select-list,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.emp-org-manager-btn),
html[data-theme] body .app.app.app :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box,.mc-form-readonly-box,.select-summary,button.glass-select-list,.btn.glass-select-list,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.emp-org-manager-btn),
html body #modal#modal :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box,.mc-form-readonly-box,.select-summary,button.glass-select-list,.btn.glass-select-list,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.emp-org-manager-btn),
html[data-theme] body #modal#modal :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box,.mc-form-readonly-box,.select-summary,button.glass-select-list,.btn.glass-select-list,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.emp-org-manager-btn){
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  border:.5px solid var(--mc-model-field-line)!important;
  border-image:none!important;
  border-radius:var(--mc-model-field-radius)!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app.app.app :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box,.mc-form-readonly-box,.select-summary,button.glass-select-list,.btn.glass-select-list,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.emp-org-manager-btn)::after,
html[data-theme] body .app.app.app :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box,.mc-form-readonly-box,.select-summary,button.glass-select-list,.btn.glass-select-list,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.emp-org-manager-btn)::after,
html body #modal#modal :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box,.mc-form-readonly-box,.select-summary,button.glass-select-list,.btn.glass-select-list,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.emp-org-manager-btn)::after,
html[data-theme] body #modal#modal :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box,.mc-form-readonly-box,.select-summary,button.glass-select-list,.btn.glass-select-list,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.emp-org-manager-btn)::after{
  content:""!important;
  position:absolute!important;
  inset:-.5px!important;
  z-index:3!important;
  pointer-events:none!important;
  border-radius:calc(var(--mc-model-field-radius) + .5px)!important;
  padding:var(--mc-model-field-ring-width,.75px)!important;
  background:var(--mc-model-field-ring-gradient,var(--mc-spectrum-gradient))!important;
  opacity:0!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  transition:opacity .16s ease!important;
}
html body .app.app.app :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box,.mc-form-readonly-box,.select-summary,button.glass-select-list,.btn.glass-select-list,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.emp-org-manager-btn):is(:hover,:focus,:focus-visible,:focus-within,.active,[aria-expanded="true"],[aria-selected="true"]),
html[data-theme] body .app.app.app :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box,.mc-form-readonly-box,.select-summary,button.glass-select-list,.btn.glass-select-list,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.emp-org-manager-btn):is(:hover,:focus,:focus-visible,:focus-within,.active,[aria-expanded="true"],[aria-selected="true"]),
html body #modal#modal :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box,.mc-form-readonly-box,.select-summary,button.glass-select-list,.btn.glass-select-list,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.emp-org-manager-btn):is(:hover,:focus,:focus-visible,:focus-within,.active,[aria-expanded="true"],[aria-selected="true"]),
html[data-theme] body #modal#modal :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box,.mc-form-readonly-box,.select-summary,button.glass-select-list,.btn.glass-select-list,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.emp-org-manager-btn):is(:hover,:focus,:focus-visible,:focus-within,.active,[aria-expanded="true"],[aria-selected="true"]){
  border-color:transparent!important;
  border-image:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app.app.app :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box,.mc-form-readonly-box,.select-summary,button.glass-select-list,.btn.glass-select-list,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.emp-org-manager-btn):is(:hover,:focus,:focus-visible,:focus-within,.active,[aria-expanded="true"],[aria-selected="true"])::after,
html[data-theme] body .app.app.app :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box,.mc-form-readonly-box,.select-summary,button.glass-select-list,.btn.glass-select-list,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.emp-org-manager-btn):is(:hover,:focus,:focus-visible,:focus-within,.active,[aria-expanded="true"],[aria-selected="true"])::after,
html body #modal#modal :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box,.mc-form-readonly-box,.select-summary,button.glass-select-list,.btn.glass-select-list,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.emp-org-manager-btn):is(:hover,:focus,:focus-visible,:focus-within,.active,[aria-expanded="true"],[aria-selected="true"])::after,
html[data-theme] body #modal#modal :is(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box,.mc-form-readonly-box,.select-summary,button.glass-select-list,.btn.glass-select-list,.msg-filter-toggle,.nd-filter-toggle,.history-filter-toggle,.emp-org-manager-btn):is(:hover,:focus,:focus-visible,:focus-within,.active,[aria-expanded="true"],[aria-selected="true"])::after{
  opacity:1!important;
}
html body .app.app.app :is(input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not(.mc-combo-input),select:not(.mc-combo-input),textarea:not(.mc-combo-input),.input,.tpl-phone-input,.tpl-phone-textarea,.tpl-phone-upload,.tpl-phone-sign):is(:hover,:focus,:focus-visible,:focus-within),
html[data-theme] body .app.app.app :is(input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not(.mc-combo-input),select:not(.mc-combo-input),textarea:not(.mc-combo-input),.input,.tpl-phone-input,.tpl-phone-textarea,.tpl-phone-upload,.tpl-phone-sign):is(:hover,:focus,:focus-visible,:focus-within),
html body #modal#modal :is(input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not(.mc-combo-input),select:not(.mc-combo-input),textarea:not(.mc-combo-input),.input,.tpl-phone-input,.tpl-phone-textarea,.tpl-phone-upload,.tpl-phone-sign):is(:hover,:focus,:focus-visible,:focus-within),
html[data-theme] body #modal#modal :is(input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not(.mc-combo-input),select:not(.mc-combo-input),textarea:not(.mc-combo-input),.input,.tpl-phone-input,.tpl-phone-textarea,.tpl-phone-upload,.tpl-phone-sign):is(:hover,:focus,:focus-visible,:focus-within){
  border-color:transparent!important;
  border-image:var(--mc-model-field-gradient)!important;
  border-image-width:var(--mc-model-field-active-image-width,.5)!important;
  border-width:var(--mc-model-field-active-width,.5px)!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app.app.app button.mc-combo-field.mc-form-select-combo.mc-pick-button,
html[data-theme] body .app.app.app button.mc-combo-field.mc-form-select-combo.mc-pick-button,
html body #modal#modal button.mc-combo-field.mc-form-select-combo.mc-pick-button,
html[data-theme] body #modal#modal button.mc-combo-field.mc-form-select-combo.mc-pick-button{
  border:.5px solid var(--mc-model-field-line)!important;
  border-image:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shared/controls/compatibility-layout/001-base-slice-20-controls-021-slice-20-part-03-seg-01-html-body-app-app-layout-fine-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/controls/compatibility-layout/001-base-slice-20-controls-022-slice-20-part-03-seg-01-html-body-app-app-layout-fine-02-unit-02.css */

html body .app.app.app button.mc-combo-field.mc-form-select-combo.mc-pick-button:is(:hover,:focus,:focus-visible,:focus-within,.active,[aria-expanded="true"],[aria-selected="true"]),
html[data-theme] body .app.app.app button.mc-combo-field.mc-form-select-combo.mc-pick-button:is(:hover,:focus,:focus-visible,:focus-within,.active,[aria-expanded="true"],[aria-selected="true"]),
html body #modal#modal button.mc-combo-field.mc-form-select-combo.mc-pick-button:is(:hover,:focus,:focus-visible,:focus-within,.active,[aria-expanded="true"],[aria-selected="true"]),
html[data-theme] body #modal#modal button.mc-combo-field.mc-form-select-combo.mc-pick-button:is(:hover,:focus,:focus-visible,:focus-within,.active,[aria-expanded="true"],[aria-selected="true"]){
  border-color:transparent!important;
  border-image:var(--mc-model-field-gradient)!important;
  border-image-width:var(--mc-model-field-active-image-width,.5)!important;
  border-width:var(--mc-model-field-active-width,.5px)!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
/* Shell split model: pure-black base; no red/blue taskbar backdrop. */
html,
html body,
html[data-theme],
html[data-theme] body,
html body #root{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
}
html body .app.app,
html[data-theme] body .app.app{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  background-size:auto!important;
  background-position:0 0!important;
  background-repeat:repeat!important;
}
html body .app.app .layout,
html[data-theme] body .app.app .layout{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}

/* <<< runtime/legacy/styles/blocks/shared/controls/compatibility-layout/001-base-slice-20-controls-022-slice-20-part-03-seg-01-html-body-app-app-layout-fine-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-20-application-layout-023-slice-20-part-03-seg-01-html-body-app-app-layout-fine-03.css */

html body .app.app > .topbar.topbar,
html[data-theme] body .app.app > .topbar.topbar,
html body .app.app .layout.layout > .side.side,
html[data-theme] body .app.app .layout.layout > .side.side{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app.app .layout > .main,
html[data-theme] body .app.app .layout > .main{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
}
html body:has(.app.app)::before,
html body:has(.app.app)::after,
html[data-theme] body:has(.app.app)::before,
html[data-theme] body:has(.app.app)::after{
  display:none!important;
  content:none!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  opacity:0!important;
}
html body .app.app :where(.topbar,.layout > .side,.layout > .main)::before,
html body .app.app :where(.topbar,.layout > .side,.layout > .main)::after,
html[data-theme] body .app.app :where(.topbar,.layout > .side,.layout > .main)::before,
html[data-theme] body .app.app :where(.topbar,.layout > .side,.layout > .main)::after{
  display:none!important;
  content:none!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main,
html[data-theme] body .app.app .layout > .main{
  color:var(--text)!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-20-application-layout-023-slice-20-part-03-seg-01-html-body-app-app-layout-fine-03.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-20-application-layout-024-slice-20-part-03-seg-02-html-body-app-app-layout.css */

/* Legacy ordered base subpart; shell divider color fills removed. Keep import order stable. */
html body .app.app .layout > .main.page-system .office-form,
html[data-theme] body .app.app .layout > .main.page-system .office-form{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px 16px!important;
  max-width:none!important;
}
html body .app.app .layout > .main.page-system .office-form>input[type=hidden],
html[data-theme] body .app.app .layout > .main.page-system .office-form>input[type=hidden]{
  display:none!important;
}
html body .app.app .layout > .main.page-system .office-form>.field:first-child,
html[data-theme] body .app.app .layout > .main.page-system .office-form>.field:first-child{
  grid-column:auto!important;
}
html body .app.app .layout > .main.page-system :where(.office-coordinate-summary,.office-form>.radius-tools,.office-form>.office-actions,.office-form>div:last-child),
html[data-theme] body .app.app .layout > .main.page-system :where(.office-coordinate-summary,.office-form>.radius-tools,.office-form>.office-actions,.office-form>div:last-child){
  grid-column:1 / -1!important;
}
html body .app.app .layout > .main.page-system .office-coordinate-summary,
html[data-theme] body .app.app .layout > .main.page-system .office-coordinate-summary{
  display:grid!important;
  grid-template-columns:82px minmax(0,1fr)!important;
  gap:4px 12px!important;
  align-items:center!important;
  padding:7px 0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-system .office-coordinate-summary span,
html[data-theme] body .app.app .layout > .main.page-system .office-coordinate-summary span{
  color:var(--sys-muted,var(--soft))!important;
  font-size:var(--mc-type-secondary-body,.76rem)!important;
}
html body .app.app .layout > .main.page-system .office-coordinate-summary b,
html[data-theme] body .app.app .layout > .main.page-system .office-coordinate-summary b{
  color:var(--sys-text,var(--text))!important;
  font-size:.9rem!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .app.app .layout > .main.page-system .office-coordinate-summary small,
html[data-theme] body .app.app .layout > .main.page-system .office-coordinate-summary small{
  grid-column:2!important;
  color:var(--sys-muted,var(--soft))!important;
  font-size:.76rem!important;
  line-height:1.35!important;
}
html body .app.app .layout > .main.page-system .radius-tools,
html[data-theme] body .app.app .layout > .main.page-system .radius-tools{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
  padding:7px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-system .office-radius-head,
html[data-theme] body .app.app .layout > .main.page-system .office-radius-head{
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  align-items:center!important;
  color:var(--sys-muted,var(--soft))!important;
  font-size:var(--mc-type-secondary-body,.76rem)!important;
}
html body .app.app .layout > .main.page-system .office-radius-head b,
html[data-theme] body .app.app .layout > .main.page-system .office-radius-head b{
  color:var(--sys-text,var(--text))!important;
  font-variant-numeric:tabular-nums!important;
}
html body .app.app .layout > .main.page-system .radius-tools input[type=range],
html[data-theme] body .app.app .layout > .main.page-system .radius-tools input[type=range]{
  width:100%!important;
  min-width:0!important;
  height:18px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  accent-color:var(--mc-spectrum-1,#7ef0a4)!important;
}
html body .app.app .layout > .main.page-system .office-radius-scale,
html[data-theme] body .app.app .layout > .main.page-system .office-radius-scale{
  display:flex!important;
  justify-content:space-between!important;
  color:var(--sys-muted,var(--soft))!important;
  font-size:.72rem!important;
  line-height:1!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-20-application-layout-024-slice-20-part-03-seg-02-html-body-app-app-layout.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility/001-base-slice-20-enterprise-entry.css */

/* Enterprise compatibility entry. Ordered semantic owners preserve the original slice-20 cascade. */

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility/001-base-slice-20-enterprise-entry.css */


/* >>> runtime/legacy/styles/blocks/themes/dark/compatibility-effects/001-base-slice-21-theme-dark-01-slice-21-part-01-seg-01-html-data-theme-dark-bod-fine-01-unit-01.css */

/* Legacy ordered base slice 21 part 01; split from 001-base-slice-21-html-data-theme-dark-bod.css. Keep import order stable. */
html[data-theme=dark] body .app.app .layout > .main.page-system .geo-preview iframe{
  filter:invert(.88) hue-rotate(180deg) saturate(.62) brightness(.72) contrast(1.08)!important;
}

/* <<< runtime/legacy/styles/blocks/themes/dark/compatibility-effects/001-base-slice-21-theme-dark-01-slice-21-part-01-seg-01-html-data-theme-dark-bod-fine-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/themes/dark/compatibility-effects/001-base-slice-21-theme-dark-02-slice-21-part-01-seg-01-html-data-theme-dark-bod-fine-01-unit-02.css */

/* LOCKED AVATAR MODEL.
   All user/person avatars use the same rounded-square model. Size can vary by context; no circular avatar styles remain. */
html body,
html[data-theme] body{
  --mc-avatar-radius:10px;
  --mc-avatar-radius-lg:18px;
  --mc-avatar-bg:linear-gradient(135deg,rgba(126,240,164,.22),rgba(116,196,255,.18),rgba(255,154,173,.16)),rgba(255,255,255,.075);
  --mc-avatar-line:rgba(255,255,255,.11);
  --mc-avatar-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}

/* <<< runtime/legacy/styles/blocks/themes/dark/compatibility-effects/001-base-slice-21-theme-dark-02-slice-21-part-01-seg-01-html-data-theme-dark-bod-fine-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/employees/detail/compatibility-foundation/001-base-slice-21-employees-03-slice-21-part-01-seg-01-html-data-theme-dark-bod-fine-02-short-01.css */

html body .app.app :is(.avatar,.pm-avatar,.org-account-avatar,.emp-hud-avatar,.work-profile-avatar,.epc-avatar,.personal-card-avatar,.employee-list-avatar,.org-person-avatar),
html body #modal :is(.avatar,.pm-avatar,.org-account-avatar,.emp-hud-avatar,.work-profile-avatar,.epc-avatar,.personal-card-avatar,.employee-list-avatar,.org-person-avatar),
html[data-theme] body .app.app :is(.avatar,.pm-avatar,.org-account-avatar,.emp-hud-avatar,.work-profile-avatar,.epc-avatar,.personal-card-avatar,.employee-list-avatar,.org-person-avatar),
html[data-theme] body #modal :is(.avatar,.pm-avatar,.org-account-avatar,.emp-hud-avatar,.work-profile-avatar,.epc-avatar,.personal-card-avatar,.employee-list-avatar,.org-person-avatar),
html body :is(.mc-avatar-hover-frame),
html[data-theme] body :is(.mc-avatar-hover-frame){
  aspect-ratio:1/1!important;
  border-radius:var(--mc-avatar-radius)!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  color:#fff!important;
  background:var(--mc-avatar-bg)!important;
  border:1px solid var(--mc-avatar-line)!important;
  box-shadow:var(--mc-avatar-shadow)!important;
  object-fit:cover!important;
  image-rendering:auto!important;
}
html body .app.app .employee-avatar-edit img,
html body #modal .employee-avatar-edit img,
html[data-theme] body .app.app .employee-avatar-edit img,
html[data-theme] body #modal .employee-avatar-edit img{
  aspect-ratio:1/1!important;
  border-radius:var(--mc-avatar-radius-lg)!important;
  overflow:hidden!important;
  display:block!important;
  flex:0 0 auto!important;
  background:var(--mc-avatar-bg)!important;
  border:1px solid var(--mc-avatar-line)!important;
  box-shadow:var(--mc-avatar-shadow)!important;
  object-fit:cover!important;
  image-rendering:auto!important;
}
html body .app.app :is(.avatar,.pm-avatar,.org-account-avatar,.emp-hud-avatar,.work-profile-avatar,.epc-avatar,.personal-card-avatar,.employee-list-avatar,.org-person-avatar) > img,
html body #modal :is(.avatar,.pm-avatar,.org-account-avatar,.emp-hud-avatar,.work-profile-avatar,.epc-avatar,.personal-card-avatar,.employee-list-avatar,.org-person-avatar) > img,
html[data-theme] body .app.app :is(.avatar,.pm-avatar,.org-account-avatar,.emp-hud-avatar,.work-profile-avatar,.epc-avatar,.personal-card-avatar,.employee-list-avatar,.org-person-avatar) > img,
html[data-theme] body #modal :is(.avatar,.pm-avatar,.org-account-avatar,.emp-hud-avatar,.work-profile-avatar,.epc-avatar,.personal-card-avatar,.employee-list-avatar,.org-person-avatar) > img,
html body :is(.employee-avatar-edit img,.mc-avatar-hover-frame img),
html[data-theme] body :is(.employee-avatar-edit img,.mc-avatar-hover-frame img){
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  image-rendering:auto!important;
  display:block!important;
  border-radius:inherit!important;
}
html body .app.app :is(.epc-avatar,.personal-card-avatar),
html body #modal :is(.epc-avatar,.personal-card-avatar),
html[data-theme] body .app.app :is(.epc-avatar,.personal-card-avatar),
html[data-theme] body #modal :is(.epc-avatar,.personal-card-avatar),
html body :is(.mc-avatar-hover-frame),
html[data-theme] body :is(.mc-avatar-hover-frame){
  border-radius:var(--mc-avatar-radius-lg)!important;
}
html body .app.app :is(.org-account-avatar),
html body #modal :is(.org-account-avatar),
html[data-theme] body .app.app :is(.org-account-avatar),
html[data-theme] body #modal :is(.org-account-avatar){
  border-radius:4px!important;
  background:rgba(8,8,9,.88)!important;
  box-shadow:0 0 0 1.4px rgba(5,5,5,.92)!important;
}
html body .app.app :is(.contact-avatar-btn,.employee-list-avatar-btn),
html body #modal :is(.contact-avatar-btn,.employee-list-avatar-btn),
html[data-theme] body .app.app :is(.contact-avatar-btn,.employee-list-avatar-btn),
html[data-theme] body #modal :is(.contact-avatar-btn,.employee-list-avatar-btn){
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
}
html body .app.app :is(.contact-avatar-btn,.employee-list-avatar-btn):is(:hover,:focus,:focus-visible,:focus-within),
html body #modal :is(.contact-avatar-btn,.employee-list-avatar-btn):is(:hover,:focus,:focus-visible,:focus-within),
html[data-theme] body .app.app :is(.contact-avatar-btn,.employee-list-avatar-btn):is(:hover,:focus,:focus-visible,:focus-within),
html[data-theme] body #modal :is(.contact-avatar-btn,.employee-list-avatar-btn):is(:hover,:focus,:focus-visible,:focus-within){
  border:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
.mc-avatar-hover-preview{
  position:fixed!important;
  z-index:2147482000!important;
  width:284px!important;
  min-height:326px!important;
  padding:10px!important;
  border-radius:22px!important;
  pointer-events:none!important;
  opacity:0!important;
  transform:translate3d(8px,0,0) scale(.96)!important;
  transform-origin:100% 50%!important;
  transition:opacity .14s ease,transform .16s cubic-bezier(.2,.9,.2,1)!important;
  background:linear-gradient(180deg,rgba(18,19,18,.66),rgba(5,6,6,.82))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 22px 56px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.12)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.16)!important;
  backdrop-filter:blur(22px) saturate(1.16)!important;
}
.mc-avatar-hover-preview.show{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
}

/* <<< runtime/legacy/styles/blocks/employees/detail/compatibility-foundation/001-base-slice-21-employees-03-slice-21-part-01-seg-01-html-data-theme-dark-bod-fine-02-short-01.css */


/* >>> runtime/legacy/styles/blocks/employees/detail/compatibility-foundation/001-base-slice-21-employees-04-slice-21-part-01-seg-01-html-data-theme-dark-bod-fine-02-short-02.css */

.mc-avatar-hover-preview .mc-avatar-hover-frame{
  width:264px!important;
  height:264px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  font-size:3.15rem!important;
  font-weight:800!important;
  background:linear-gradient(135deg,rgba(126,240,164,.20),rgba(116,196,255,.16),rgba(255,154,173,.16))!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
.mc-avatar-hover-preview img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:rgba(5,7,7,.84)!important;
  display:block!important;
}
.mc-avatar-hover-preview .mc-avatar-hover-name{
  margin-top:9px!important;
  color:#f4f4f1!important;
  font-size:.88rem!important;
  line-height:1.18!important;
  font-weight:720!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body #mcAvatarHoverPreview.mc-avatar-hover-preview .mc-avatar-hover-info-row b.mc-avatar-hover-name-state,
html[data-theme] body #mcAvatarHoverPreview.mc-avatar-hover-preview .mc-avatar-hover-info-row b.mc-avatar-hover-name-state{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
html body #mcAvatarHoverPreview.mc-avatar-hover-preview .mc-avatar-hover-info-row b.mc-avatar-hover-name-state em,
html[data-theme] body #mcAvatarHoverPreview.mc-avatar-hover-preview .mc-avatar-hover-info-row b.mc-avatar-hover-name-state em{
  flex:0 0 auto!important;
  color:#ff6b6b!important;
  font-size:.66rem!important;
  font-style:normal!important;
  font-weight:820!important;
  line-height:1!important;
  text-shadow:0 0 10px rgba(248,113,113,.38)!important;
}

/* <<< runtime/legacy/styles/blocks/employees/detail/compatibility-foundation/001-base-slice-21-employees-04-slice-21-part-01-seg-01-html-data-theme-dark-bod-fine-02-short-02.css */


/* >>> runtime/legacy/styles/blocks/employees/detail/compatibility-foundation/001-base-slice-21-employees-05-slice-21-part-01-seg-01-html-data-theme-dark-bod-fine-03.css */

.mc-avatar-hover-preview .mc-avatar-hover-sub{
  margin-top:3px!important;
  color:rgba(244,244,241,.68)!important;
  font-size:var(--mc-type-secondary-body,.76rem)!important;
  line-height:1.16!important;
  font-weight:650!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  .mc-avatar-hover-preview{display:none!important}
}
.employee-phone-bind-control{
  display:grid!important;
  grid-template-columns:minmax(0,276px) auto!important;
  gap:8px!important;
  align-items:center!important;
  width:100%!important;
  max-width:420px!important;
  overflow:visible!important;
  isolation:isolate!important;
  position:relative!important;
  z-index:2!important;
}
.employee-phone-bind-control:has(.phone-model.open){
  z-index:10010!important;
}
.employee-phone-bind-control .employee-phone-model.phone-model{
  width:100%!important;
  min-width:0!important;
  max-width:276px!important;
  background:rgba(255,255,255,.065)!important;
  background-image:linear-gradient(135deg,rgba(63,151,255,.10),rgba(47,226,176,.055))!important;
  border:0!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-emp .employee-phone-bind-control .employee-phone-model.phone-model.mc-combo-field,
html[data-theme] body .app.app .layout > .main.page-emp .employee-phone-bind-control .employee-phone-model.phone-model.mc-combo-field{
  width:100%!important;
  min-width:0!important;
  max-width:276px!important;
  height:34px!important;
  min-height:34px!important;
  background:rgba(255,255,255,.065)!important;
  background-image:linear-gradient(135deg,rgba(63,151,255,.10),rgba(47,226,176,.055))!important;
  border:0!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-emp .employee-phone-bind-control .employee-phone-model.phone-model.mc-combo-field:focus-within,
html[data-theme] body .app.app .layout > .main.page-emp .employee-phone-bind-control .employee-phone-model.phone-model.mc-combo-field:focus-within{
  background:rgba(255,255,255,.09)!important;
  background-image:linear-gradient(135deg,rgba(63,151,255,.14),rgba(47,226,176,.075))!important;
  border:0!important;
  box-shadow:none!important;
}
.employee-phone-bind-control .employee-phone-model.phone-model .phone-dial-menu{
  width:min(276px,calc(100vw - 32px))!important;
  max-width:min(276px,calc(100vw - 32px))!important;
  z-index:10020!important;
}
.employee-phone-bind-control .employee-phone-model.phone-model .phone-dial-list{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  overflow-x:hidden!important;
}
.employee-phone-bind-control .employee-phone-model.phone-model .phone-dial-option{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:center!important;
  gap:6px!important;
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:var(--mc-radius-control,8px)!important;
  box-shadow:none!important;
  background:rgba(255,255,255,.055)!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  line-height:1.15!important;
  box-sizing:border-box!important;
}
html body .app.app .layout > .main.page-emp .employee-phone-bind-control .employee-phone-model.phone-model .phone-dial-option,
html[data-theme] body .app.app .layout > .main.page-emp .employee-phone-bind-control .employee-phone-model.phone-model .phone-dial-option{
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  padding:0 8px!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
html body .app.app .layout > .main.page-emp .employee-phone-bind-control .employee-phone-model.phone-model .phone-dial-option b,
html body .app.app .layout > .main.page-emp .employee-phone-bind-control .employee-phone-model.phone-model .phone-dial-option span,
html[data-theme] body .app.app .layout > .main.page-emp .employee-phone-bind-control .employee-phone-model.phone-model .phone-dial-option b,
html[data-theme] body .app.app .layout > .main.page-emp .employee-phone-bind-control .employee-phone-model.phone-model .phone-dial-option span{
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.15!important;
}
.employee-phone-bind-control .employee-phone-model.phone-model .phone-dial-option:is(:hover,.active,[aria-selected="true"]){
  border:0!important;
  background:var(--mc-model-button-fill-hover,rgba(255,255,255,.10))!important;
  background-image:var(--mc-model-button-fill-hover,none)!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-emp :where(.employee-detail-row,.employee-detail-value,.employee-detail-list,.employee-detail-category):has(.employee-phone-model.phone-model.open),
html[data-theme] body .app.app .layout > .main.page-emp :where(.employee-detail-row,.employee-detail-value,.employee-detail-list,.employee-detail-category):has(.employee-phone-model.phone-model.open){
  overflow:visible!important;
  z-index:10000!important;
  position:relative!important;
}
.employee-phone-bind-control.employee-email-bind-control{
  grid-template-columns:minmax(0,var(--mc-field-w-email)) auto!important;
}
.employee-phone-bind-control .mc-combo-field{
  width:100%!important;
  max-width:100%!important;
}
.employee-phone-bind-btn{
  height:34px!important;
  min-height:34px!important;
  padding:0 12px!important;
  white-space:nowrap!important;
}
.employee-phone-bind-state{
  grid-column:1 / -1!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:14px!important;
  color:rgba(244,244,241,.52)!important;
  font-size:.66rem!important;
  line-height:1.15!important;
}
.employee-phone-bind-state::before{
  content:""!important;
  width:6px!important;
  height:6px!important;
  border-radius:999px!important;
  background:rgba(244,244,241,.28)!important;
}
.employee-phone-bind-state.ok{color:#92f5b1!important}
.employee-phone-bind-state.ok::before{background:#6fe69a!important}
.employee-phone-bind-state.warn{color:#f8cd7e!important}
.employee-phone-bind-state.warn::before{background:#f8cd7e!important}
.employee-phone-bind-state.danger{color:#ff9aad!important}
.employee-phone-bind-state.danger::before{background:#ff9aad!important}
.employee-phone-bind-rail .employee-phone-rail{
  display:grid!important;
  gap:14px!important;
  color:#f4f4f1!important;
}

/* <<< runtime/legacy/styles/blocks/employees/detail/compatibility-foundation/001-base-slice-21-employees-05-slice-21-part-01-seg-01-html-data-theme-dark-bod-fine-03.css */


/* >>> runtime/legacy/styles/blocks/employees/detail/compatibility-foundation/001-base-slice-21-employees-06-slice-21-part-01-seg-02-html-data-theme-dark-bod-micro-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-21-part-01-html-data-theme-dark-bod.css. Keep import order stable. */
.employee-phone-bind-rail .employee-phone-rail-card{
  display:grid!important;
  gap:8px!important;
  padding:10px 0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  background:transparent!important;
  box-shadow:none!important;
}
.employee-phone-bind-rail .employee-phone-rail-card b{
  color:#fff!important;
  font-size:.98rem!important;
  line-height:1.2!important;
}
.employee-phone-bind-rail .employee-phone-rail-card span{
  color:rgba(244,244,241,.56)!important;
  font-size:var(--mc-type-secondary-body,.76rem)!important;
  line-height:1.35!important;
}
.employee-phone-bind-rail .employee-phone-rail-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.employee-phone-bind-rail .employee-phone-rail-msg{
  min-height:24px!important;
  padding:7px 0!important;
  color:rgba(244,244,241,.62)!important;
  font-size:var(--mc-type-secondary-body,.76rem)!important;
  line-height:1.35!important;
}
.employee-phone-bind-rail .employee-phone-rail-msg.ok{color:#92f5b1!important}
.employee-phone-bind-rail .employee-phone-rail-msg.warn{color:#f8cd7e!important}
.employee-phone-bind-rail .employee-phone-rail-msg.danger{color:#ff9aad!important}
.auth-register-complete-modal .m-body{
  overflow:visible!important;
}
.auth-register-complete{
  display:grid!important;
  gap:14px!important;
  min-width:min(420px,calc(100vw - 42px))!important;
}
.auth-register-complete .desc{
  margin:0!important;
  color:rgba(244,244,241,.58)!important;
  font-size:var(--mc-type-secondary-body,.76rem)!important;
  line-height:1.5!important;
}
.auth-register-complete .err{
  min-height:18px!important;
  color:#ff9aad!important;
  font-size:var(--mc-type-secondary-body,.76rem)!important;
}
.auth-register-complete .auth-dept-combo .mc-combo-menu{
  z-index:30!important;
}
.auth-register-complete .auth-reg-note{
  display:none!important;
}
.auth .auth-dept-combo .mc-combo-menu,
.auth-register-complete .auth-dept-combo .mc-combo-menu,
#modal .auth-dept-combo .mc-combo-menu{
  max-height:min(260px,42vh)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
}
.auth .auth-dept-combo .mc-combo-option,
.auth-register-complete .auth-dept-combo .mc-combo-option,
#modal .auth-dept-combo .mc-combo-option{
  touch-action:manipulation!important;
}

/* <<< runtime/legacy/styles/blocks/employees/detail/compatibility-foundation/001-base-slice-21-employees-06-slice-21-part-01-seg-02-html-data-theme-dark-bod-micro-01.css */


/* >>> runtime/legacy/styles/blocks/auth/surface/compatibility-foundation/001-base-slice-21-auth-07-slice-21-part-01-seg-02-html-data-theme-dark-bod-micro-02-unit-01.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  .auth .auth-dept-combo .mc-combo-menu,
  .auth-register-complete .auth-dept-combo .mc-combo-menu,
  #modal .auth-dept-combo .mc-combo-menu{
    max-height:46vh!important;
    padding:7px!important;
  }
  .auth .auth-dept-combo .mc-combo-option,
  .auth-register-complete .auth-dept-combo .mc-combo-option,
  #modal .auth-dept-combo .mc-combo-option{
    min-height:40px!important;
  }
  html body #modal .overlay.mobile-fullscreen-overlay:has(.auth-register-complete-modal),
  html[data-theme] body #modal .overlay.mobile-fullscreen-overlay:has(.auth-register-complete-modal){
    align-items:flex-start!important;
    justify-content:center!important;
    padding:calc(8px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom) + var(--auth-keyboard-pad,0px))!important;
    overflow:auto!important;
    background:rgba(5,6,5,.84)!important;
  }
  html body #modal .overlay.mobile-fullscreen-overlay .modal.mobile-fullscreen-modal.auth-register-complete-modal,
  html[data-theme] body #modal .overlay.mobile-fullscreen-overlay .modal.mobile-fullscreen-modal.auth-register-complete-modal{
    width:min(376px,100%)!important;
    max-width:min(376px,100%)!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - var(--auth-keyboard-pad,0px) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 18px)!important;
    margin:0 auto!important;
    border:1px solid rgba(255,255,255,.11)!important;
    border-radius:16px!important;
    background:rgba(4,4,4,.50)!important;
    color:#f4f4f1!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    overflow:visible!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.08)!important;
    backdrop-filter:blur(22px) saturate(1.08)!important;
  }
  html body #modal .auth-register-complete-modal .m-head,
  html[data-theme] body #modal .auth-register-complete-modal .m-head{
    min-height:42px!important;
    padding:10px 12px 6px!important;
    border:0!important;
    box-shadow:none!important;
  }
  html body #modal .auth-register-complete-modal .m-head h3,
  html[data-theme] body #modal .auth-register-complete-modal .m-head h3{
    font-size:.94rem!important;
    font-weight:780!important;
  }
  html body #modal .auth-register-complete-modal .m-body,
  html[data-theme] body #modal .auth-register-complete-modal .m-body{
    padding:4px 12px 2px!important;
    overflow:visible!important;
    min-height:0!important;
  }
  html body #modal .auth-register-complete-modal .m-foot,
  html[data-theme] body #modal .auth-register-complete-modal .m-foot{
    padding:8px 12px 10px!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  html body #modal .auth-register-complete,
  html[data-theme] body #modal .auth-register-complete{
    width:100%!important;
    min-width:0!important;
    gap:8px!important;
  }
  html body #modal .auth-register-complete .desc,
  html[data-theme] body #modal .auth-register-complete .desc{
    font-size:.68rem!important;
    line-height:1.34!important;
  }
  html body #modal .auth-register-complete .auth-reg-main-desc,
  html[data-theme] body #modal .auth-register-complete .auth-reg-main-desc{
    max-height:34px!important;
    overflow:hidden!important;
  }
  html body #modal .auth-register-complete .err,
  html[data-theme] body #modal .auth-register-complete .err{
    min-height:14px!important;
    font-size:.68rem!important;
  }
  html body #modal .auth-register-complete .field,
  html[data-theme] body #modal .auth-register-complete .field{
    margin-bottom:0!important;
  }
  html body #modal .auth-register-complete .field label,
  html[data-theme] body #modal .auth-register-complete .field label{
    margin-bottom:4px!important;
    font-size:.68rem!important;
    line-height:1.15!important;
  }
  html body #modal .auth-register-complete .mc-combo-field,
  html[data-theme] body #modal .auth-register-complete .mc-combo-field{
    min-height:36px!important;
    height:36px!important;
  }
  html body #modal .auth-register-complete .mc-combo-input,
  html[data-theme] body #modal .auth-register-complete .mc-combo-input{
    min-height:34px!important;
    height:34px!important;
    font-size:16px!important;
  }
  html body #modal .auth-register-complete .auth-dept-combo .mc-combo-menu,
  html[data-theme] body #modal .auth-register-complete .auth-dept-combo .mc-combo-menu{
    max-height:min(210px,38vh,calc(100dvh - var(--auth-keyboard-pad,0px) - 250px))!important;
  }
}

/* <<< runtime/legacy/styles/blocks/auth/surface/compatibility-foundation/001-base-slice-21-auth-07-slice-21-part-01-seg-02-html-data-theme-dark-bod-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/system/sync/compatibility-foundation/001-base-slice-21-system-08-slice-21-part-01-seg-02-html-data-theme-dark-bod-micro-02-unit-02.css */

@media(max-width:860px){
  html body .app.app .layout > .main.page-system .office-form,
  html[data-theme] body .app.app .layout > .main.page-system .office-form{
    grid-template-columns:1fr!important;
  }
  html body .app.app .layout > .main.page-system .office-coordinate-summary,
  html[data-theme] body .app.app .layout > .main.page-system .office-coordinate-summary{
    grid-template-columns:1fr!important;
  }
  html body .app.app .layout > .main.page-system .office-coordinate-summary small,
  html[data-theme] body .app.app .layout > .main.page-system .office-coordinate-summary small{
    grid-column:1!important;
  }
}
/* Attendance shared legend: one color key shared by company pie and group comparison. */
html body .app.app .layout.layout > .main.main.page-records .att-pie-dashboard,
html[data-theme] body .app.app .layout.layout > .main.main.page-records .att-pie-dashboard{
  grid-template-columns:minmax(250px,.95fr) minmax(188px,.44fr) minmax(330px,1.18fr)!important;
  gap:10px!important;
  align-items:stretch!important;
}

/* <<< runtime/legacy/styles/blocks/system/sync/compatibility-foundation/001-base-slice-21-system-08-slice-21-part-01-seg-02-html-data-theme-dark-bod-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/attendance/rules/compatibility-foundation/001-base-slice-21-attendance-09-slice-21-part-01-seg-02-html-data-theme-dark-bod-micro-03.css */

html body .app.app .layout.layout > .main.main.page-records .att-shared-legend-compare,
html[data-theme] body .app.app .layout.layout > .main.main.page-records .att-shared-legend-compare{
  grid-column:auto!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:center!important;
  justify-self:center!important;
  width:100%!important;
  max-width:210px!important;
  gap:3px!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .app.app .layout.layout > .main.main.page-records .att-company-overview .att-company-pie-wrap,
html[data-theme] body .app.app .layout.layout > .main.main.page-records .att-company-overview .att-company-pie-wrap{
  grid-template-columns:1fr!important;
}
html body .app.app .layout.layout > .main.main.page-records .att-shared-head,
html[data-theme] body .app.app .layout.layout > .main.main.page-records .att-shared-head,
html body .app.app .layout.layout > .main.main.page-records .att-shared-row,
html[data-theme] body .app.app .layout.layout > .main.main.page-records .att-shared-row{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 48px!important;
  align-items:center!important;
  gap:5px!important;
}
html body .app.app .layout.layout > .main.main.page-records .att-shared-head,
html[data-theme] body .app.app .layout.layout > .main.main.page-records .att-shared-head{
  min-height:24px!important;
  padding:0 2px 2px!important;
  color:rgba(244,244,241,.54)!important;
  font-size:.58rem!important;
  font-weight:820!important;
}
html body .app.app .layout.layout > .main.main.page-records .att-shared-head b,
html[data-theme] body .app.app .layout.layout > .main.main.page-records .att-shared-head b{
  justify-self:center!important;
  color:#f4f4f1!important;
  font-size:.66rem!important;
}
html body .app.app .layout.layout > .main.main.page-records .att-shared-head span:last-child,
html[data-theme] body .app.app .layout.layout > .main.main.page-records .att-shared-head span:last-child{
  justify-self:end!important;
  max-width:62px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body .app.app .layout.layout > .main.main.page-records .att-shared-row,
html[data-theme] body .app.app .layout.layout > .main.main.page-records .att-shared-row{
  min-height:33px!important;
  padding:3px 0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transition:background .14s ease,transform .14s ease!important;
}
html body .app.app .layout.layout > .main.main.page-records .att-shared-row:hover,
html body .app.app .layout.layout > .main.main.page-records .att-shared-row.is-hover,
html[data-theme] body .app.app .layout.layout > .main.main.page-records .att-shared-row:hover,
html[data-theme] body .app.app .layout.layout > .main.main.page-records .att-shared-row.is-hover{
  background:linear-gradient(90deg,color-mix(in srgb,var(--att-row-color) 20%,transparent),rgba(255,255,255,.018) 62%,color-mix(in srgb,var(--att-row-color) 12%,transparent))!important;
  transform:translateY(-1px)!important;
}
html body .app.app .layout.layout > .main.main.page-records .att-shared-num,
html[data-theme] body .app.app .layout.layout > .main.main.page-records .att-shared-num{
  display:grid!important;
  justify-items:start!important;
  gap:1px!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#f4f4f1!important;
  cursor:pointer!important;
}
html body .app.app .layout.layout > .main.main.page-records .att-shared-group-num,
html[data-theme] body .app.app .layout.layout > .main.main.page-records .att-shared-group-num{
  justify-items:end!important;
}
html body .app.app .layout.layout > .main.main.page-records .att-shared-num small,
html[data-theme] body .app.app .layout.layout > .main.main.page-records .att-shared-num small{
  max-width:48px!important;
  color:rgba(244,244,241,.46)!important;
  font-size:.48rem!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .app.app .layout.layout > .main.main.page-records .att-shared-num b,
html[data-theme] body .app.app .layout.layout > .main.main.page-records .att-shared-num b{
  font-size:.94rem!important;
  line-height:1!important;
  font-weight:900!important;
  font-variant-numeric:tabular-nums!important;
}

/* <<< runtime/legacy/styles/blocks/attendance/rules/compatibility-foundation/001-base-slice-21-attendance-09-slice-21-part-01-seg-02-html-data-theme-dark-bod-micro-03.css */


/* >>> runtime/legacy/styles/blocks/attendance/rules/compatibility-foundation/001-base-slice-21-attendance-10-slice-21-part-02-seg-01-html-data-theme-dark-bod-fine-01-unit-01.css */

/* Legacy ordered base slice 21 part 02; split from 001-base-slice-21-html-data-theme-dark-bod.css. Keep import order stable. */
html body .app.app .layout.layout > .main.main.page-records .att-shared-num em,
html[data-theme] body .app.app .layout.layout > .main.main.page-records .att-shared-num em{
  color:rgba(244,244,241,.45)!important;
  font-size:.50rem!important;
  font-style:normal!important;
  line-height:1!important;
}
html body .app.app .layout.layout > .main.main.page-records .att-shared-key,
html[data-theme] body .app.app .layout.layout > .main.main.page-records .att-shared-key{
  display:grid!important;
  grid-template-columns:6px minmax(0,1fr)!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
}
html body .app.app .layout.layout > .main.main.page-records .att-shared-key i,
html[data-theme] body .app.app .layout.layout > .main.main.page-records .att-shared-key i{
  width:6px!important;
  height:22px!important;
  border-radius:999px!important;
  background:var(--att-row-color)!important;
}
html body .app.app .layout.layout > .main.main.page-records .att-shared-key span,
html[data-theme] body .app.app .layout.layout > .main.main.page-records .att-shared-key span{
  display:grid!important;
  min-width:0!important;
  gap:1px!important;
}
html body .app.app .layout.layout > .main.main.page-records .att-shared-key b,
html[data-theme] body .app.app .layout.layout > .main.main.page-records .att-shared-key b{
  color:#f4f4f1!important;
  font-size:.72rem!important;
  line-height:1.05!important;
  font-weight:820!important;
}
html body .app.app .layout.layout > .main.main.page-records .att-shared-key small,
html[data-theme] body .app.app .layout.layout > .main.main.page-records .att-shared-key small{
  color:rgba(244,244,241,.42)!important;
  font-size:.50rem!important;
  line-height:1.05!important;
  min-height:1.05em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .app.app .layout.layout > .main.main.page-records .att-pie-card small,
html[data-theme] body .app.app .layout.layout > .main.main.page-records .att-pie-card small{
  display:block!important;
  min-height:1.15em!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:1100px){
  html body .app.app .layout.layout > .main.main.page-records .att-pie-dashboard,
  html[data-theme] body .app.app .layout.layout > .main.main.page-records .att-pie-dashboard{
    grid-template-columns:1fr!important;
  }
  html body .app.app .layout.layout > .main.main.page-records .att-shared-legend-compare,
  html[data-theme] body .app.app .layout.layout > .main.main.page-records .att-shared-legend-compare{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body .app.app .layout.layout > .main.main.page-records .att-shared-head,
  html[data-theme] body .app.app .layout.layout > .main.main.page-records .att-shared-head{
    grid-column:1 / -1!important;
  }
}
@media(max-width:700px){
  html body .app.app .layout.layout > .main.main.page-records .att-shared-legend-compare,
  html[data-theme] body .app.app .layout.layout > .main.main.page-records .att-shared-legend-compare{
    grid-template-columns:1fr!important;
  }
}
/* ROLE ASSIGNMENT TEXTBOX MODEL
   Assignment names are plain text in one growing field; department selections are not expanded into people chips. */
html body .app.app .layout > .main.page-system .role-main :where(
  .role-assign-panel,
  .role-panel-title,
  .role-assignment-grid,
  .role-assignment-cell,
  .role-assigned-box,
  .role-assigned-text
),
html[data-theme] body .app.app .layout > .main.page-system .role-main :where(
  .role-assign-panel,
  .role-panel-title,
  .role-assignment-grid,
  .role-assignment-cell,
  .role-assigned-box,
  .role-assigned-text
){
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/attendance/rules/compatibility-foundation/001-base-slice-21-attendance-10-slice-21-part-02-seg-01-html-data-theme-dark-bod-fine-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/roles/page/compatibility-foundation/001-base-slice-21-roles-11-slice-21-part-02-seg-01-html-data-theme-dark-bod-fine-01-unit-02.css */

html body .app.app .layout > .main.page-system .role-assign-panel .role-assignment-grid,
html[data-theme] body .app.app .layout > .main.page-system .role-assign-panel .role-assignment-grid{
  display:block!important;
  margin-top:10px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-system .role-assign-panel .role-assignment-cell,
html[data-theme] body .app.app .layout > .main.page-system .role-assign-panel .role-assignment-cell{
  display:grid!important;
  grid-template-columns:86px minmax(0,1fr)!important;
  align-items:start!important;
  column-gap:12px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-system .role-assign-panel .role-assignment-cell>span,
html[data-theme] body .app.app .layout > .main.page-system .role-assign-panel .role-assignment-cell>span{
  display:block!important;
  padding-top:11px!important;
  color:rgba(244,244,241,.62)!important;
  font-size:.78rem!important;
  font-weight:760!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/roles/page/compatibility-foundation/001-base-slice-21-roles-11-slice-21-part-02-seg-01-html-data-theme-dark-bod-fine-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-21-shared-cross-surface-12-slice-21-part-02-seg-01-html-data-theme-dark-bod-fine-02-unit-01.css */

html body .app.app .layout > .main.page-system .role-assign-panel .role-assigned-box,
html[data-theme] body .app.app .layout > .main.page-system .role-assign-panel .role-assigned-box{
  width:100%!important;
  min-height:44px!important;
  height:auto!important;
  padding:10px 12px!important;
  border:.5px solid var(--mc-model-field-line,rgba(244,244,241,.16))!important;
  border-radius:var(--mc-model-field-radius,6px)!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body .app.app .layout > .main.page-system .role-assign-panel .role-assigned-text,
html[data-theme] body .app.app .layout > .main.page-system .role-assign-panel .role-assigned-text{
  display:block!important;
  width:100%!important;
  min-height:22px!important;
  color:#f4f4f1!important;
  font-size:.9rem!important;
  font-weight:760!important;
  line-height:1.65!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .app.app .layout > .main.page-system .role-assign-panel .role-assignment-cell{
    grid-template-columns:1fr!important;
    row-gap:6px!important;
  }
  html body .app.app .layout > .main.page-system .role-assign-panel .role-assignment-cell>span{
    padding-top:0!important;
  }
}
/* FINAL POPUP OPTION FRAMELESS MODEL
   Popup panels keep frosted glass; inner options share the taskbar no-frame button behavior. */
html body :is(.app.app,#modal,.auth) :where(
  .mc-combo-menu,
  .glass-select-list:not(button):not(.btn),
  .app-lang-menu,
  .profile-menu,
  .org-switch-menu,
  .nd-filter-menu,
  .history-filter-menu,
  .msg-filter-menu,
  .notif-filter-menu,
  .notif-drop,
  .org-pick-list,
  .org-simple-pick,
  .org-pick-modal,
  .att-calendar-person-menu,
  .att-calendar-people-list
) :where(
  button:not(.btn):not(.icon-btn):not(.secondary-rail-close),
  label,
  .checkbox,
  .mc-combo-option,
  .org-pick-row,
  
  .nd-row,
  .pm-org-row,
  .history-check-list label,
  .msg-filter-menu label,
  .nd-filter-menu label,
  .notif-filter-menu label
){
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  border-image:none!important;
  border-top:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:0!important;
  outline:0!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-21-shared-cross-surface-12-slice-21-part-02-seg-01-html-data-theme-dark-bod-fine-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-21-shared-cross-surface-13-slice-21-part-02-seg-01-html-data-theme-dark-bod-fine-02-unit-02.css */

html body :is(.app.app,#modal,.auth) :where(
  .mc-combo-menu,
  .glass-select-list:not(button):not(.btn),
  .app-lang-menu,
  .profile-menu,
  .org-switch-menu,
  .nd-filter-menu,
  .history-filter-menu,
  .msg-filter-menu,
  .notif-filter-menu,
  .notif-drop,
  .org-pick-list,
  .org-simple-pick,
  .org-pick-modal,
  .att-calendar-person-menu,
  .att-calendar-people-list
) :where(
  button:not(.btn):not(.icon-btn):not(.secondary-rail-close),
  label,
  .checkbox,
  .mc-combo-option,
  .org-pick-row,
  
  .nd-row,
  .pm-org-row,
  .history-check-list label,
  .msg-filter-menu label,
  .nd-filter-menu label,
  .notif-filter-menu label
):where(:hover,:focus-visible,.active,[aria-selected="true"],[aria-expanded="true"]){
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  border-image:none!important;
  border-top:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:0!important;
  outline:0!important;
  background:var(--mc-model-button-fill-hover)!important;
  background-image:var(--mc-model-button-fill-hover)!important;
  box-shadow:none!important;
  color:#fff!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-foundation/001-base-slice-21-shared-cross-surface-13-slice-21-part-02-seg-01-html-data-theme-dark-bod-fine-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/overlays/menu-surface/compatibility-foundation/001-base-slice-21-menu-surface-14-slice-21-part-02-seg-01-html-data-theme-dark-bod-fine-03-malformed-retained.css */

html body :is(.app.app,#modal,.auth) :where(
  .mc-combo-menu,
  .glass-select-list:not(button):not(.btn),
  .app-lang-menu,
  .profile-menu,
  .org-switch-menu,
  .nd-filter-menu,
  .history-filter-menu,
  .msg-filter-menu,
  .notif-filter-menu,
  .notif-drop,
  .org-pick-list,
  .org-simple-pick,
  .org-pick-modal,
  .att-calendar-person-menu,
  .att-calendar-people-list
) :where(
  button.active,
  .mc-combo-option.active,
  .mc-combo-option[aria-selected="true"],
  .org-pick-row.active,
  
  .nd-row.active,
  .pm-org-row.active,
  label.active,
  .checkbox.active
){
  background:var(--mc-model-button-fill-active)!important;
  background-image:var(--mc-model-button-fill-active)!important;
  color:#fff!important;
}
html body :is(.app.app,#modal,.auth) :where(
  .mc-combo-menu,
  .glass-select-list:not(button):not(.btn),
  .profile-menu,
  .org-switch-menu,
  .app-lang-menu,
  .att-calendar-person-menu
) :is(button.mc-combo-option,button.pm-org-row,button:not(.btn):not(.icon-btn):not(.secondary-rail-close)){
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  border-image:none!important;
  border-top:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:0!important;
  outline:0!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  box-shadow:none!important;
}
html body :is(.app.app,#modal,.auth) :where(
  .mc-combo-menu,
  .glass-select-list:not(button):not(.btn),
  .profile-menu,
  .org-switch-menu,
  .app-lang-menu,
  .att-calendar-person-menu

/* <<< runtime/legacy/styles/blocks/overlays/menu-surface/compatibility-foundation/001-base-slice-21-menu-surface-14-slice-21-part-02-seg-01-html-data-theme-dark-bod-fine-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/auth/surface/compatibility-foundation/001-base-slice-21-auth-15-slice-21-part-02-seg-02-html-data-theme-dark-bod-micro-01-short-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-21-part-02-html-data-theme-dark-bod.css. Keep import order stable. */
) :is(button.mc-combo-option,button.pm-org-row,button:not(.btn):not(.icon-btn):not(.secondary-rail-close):not(.phone-dial-option)):where(:hover,:focus-visible,.active,[aria-selected="true"],[aria-expanded="true"]){
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  border-image:none!important;
  border-top:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:0!important;
  outline:0!important;
  background:var(--mc-model-button-fill-hover)!important;
  background-image:var(--mc-model-button-fill-hover)!important;
  box-shadow:none!important;
  color:#fff!important;
}
html body :is(.app.app,#modal,.auth) :where(
  .mc-combo-menu,
  .glass-select-list:not(button):not(.btn),
  .profile-menu,
  .org-switch-menu,
  .app-lang-menu,
  .att-calendar-person-menu
) :is(button.mc-combo-option.active,button.mc-combo-option[aria-selected="true"],button.pm-org-row.active){
  background:var(--mc-model-button-fill-active)!important;
  background-image:var(--mc-model-button-fill-active)!important;
  color:#fff!important;
}
html body .auth.auth-v2 .auth-mode-tabs button,
html[data-theme] body .auth.auth-v2 .auth-mode-tabs button{
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .auth.auth-v2,
  html[data-theme] body .auth.auth-v2{
    padding:calc(8px + env(safe-area-inset-top)) 10px calc(22px + env(safe-area-inset-bottom) + var(--auth-keyboard-pad,0px))!important;
    gap:8px!important;
  }
  html body .auth.auth-v2 .auth-brand .logo,
  html[data-theme] body .auth.auth-v2 .auth-brand .logo{
    font-size:.76rem!important;
    gap:7px!important;
  }
  html body .auth.auth-v2 .auth-brand .logo .mark,
  html[data-theme] body .auth.auth-v2 .auth-brand .logo .mark{
    width:24px!important;
    height:24px!important;
    border-radius:8px!important;
    font-size:.58rem!important;
  }
  html body .auth.auth-v2 .auth-panel.auth-panel-v2,
  html[data-theme] body .auth.auth-v2 .auth-panel.auth-panel-v2{
    width:min(330px,calc(100vw - 28px))!important;
    padding:12px!important;
    border-radius:14px!important;
  }
  html body .auth.auth-v2 .auth-card,
  html[data-theme] body .auth.auth-v2 .auth-card{
    gap:7px!important;
  }
  html body .auth.auth-v2 .auth-mode-tabs,
  html[data-theme] body .auth.auth-v2 .auth-mode-tabs{
    gap:5px!important;
    margin-bottom:7px!important;
  }
  html body .auth.auth-v2 .auth-mode-tabs button,
  html[data-theme] body .auth.auth-v2 .auth-mode-tabs button{
    height:26px!important;
    font-size:.68rem!important;
  }
  html body .auth.auth-v2 .auth-code-form,
  html[data-theme] body .auth.auth-v2 .auth-code-form{
    gap:7px!important;
  }
  html body .auth.auth-v2 :where(.auth-code-form input,.auth-panel.auth-panel-v2 input),
  html[data-theme] body .auth.auth-v2 :where(.auth-code-form input,.auth-panel.auth-panel-v2 input){
    height:35px!important;
  }
  html body .auth.auth-v2 .auth-code-submit,
  html[data-theme] body .auth.auth-v2 .auth-code-submit,
  html body .auth.auth-v2 .btn-google.auth-primary,
  html[data-theme] body .auth.auth-v2 .btn-google.auth-primary{
    height:39px!important;
    min-height:39px!important;
    font-size:.82rem!important;
    border-radius:12px!important;
  }
  html body .auth.auth-v2 .auth-code-send,
  html[data-theme] body .auth.auth-v2 .auth-code-send{
    height:35px!important;
    min-height:35px!important;
    padding:0 10px!important;
    font-size:.70rem!important;
  }
  html body .auth.auth-v2 .auth-footnote,
  html[data-theme] body .auth.auth-v2 .auth-footnote{
    margin-top:7px!important;
    font-size:.72rem!important;
  }
  html body .auth.auth-v2 .phone-dial-list,
  html[data-theme] body .auth.auth-v2 .phone-dial-list{
    max-height:180px!important;
  }
}

/* <<< runtime/legacy/styles/blocks/auth/surface/compatibility-foundation/001-base-slice-21-auth-15-slice-21-part-02-seg-02-html-data-theme-dark-bod-micro-01-short-01.css */


/* >>> runtime/legacy/styles/blocks/system/sync/compatibility-foundation/001-base-slice-21-system-16-slice-21-part-02-seg-02-html-data-theme-dark-bod-micro-01-short-02.css */

/* Unified filter dropdown model: one button name, black frosted panel, frameless options. */
html body .app.app :where(.history-filter-wrap,.msg-filter-dropdown,.notif-filter){
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  overflow:visible!important;
  isolation:auto!important;
  z-index:10020!important;
}
html body .app.app .layout > .main.page-system :where(.history-shell,.history-fixed-head,.history-head-main,.history-filter-bar){
  overflow:visible!important;
}
html body .app.app .layout > .main.page-system .history-fixed-head{
  position:relative!important;
  z-index:10010!important;
}
html body .app.app .layout.layout > .main.main.page-system .history-fixed-head.history-fixed-head,
html[data-theme] body .app.app .layout.layout > .main.main.page-system .history-fixed-head.history-fixed-head{
  overflow:visible!important;
  overflow-x:visible!important;
  overflow-y:visible!important;
}
html body .app.app .layout > .main.page-system .history-panel{
  position:relative!important;
  z-index:1!important;
}

/* <<< runtime/legacy/styles/blocks/system/sync/compatibility-foundation/001-base-slice-21-system-16-slice-21-part-02-seg-02-html-data-theme-dark-bod-micro-01-short-02.css */


/* >>> runtime/legacy/styles/blocks/overlays/menu-surface/compatibility-foundation/001-base-slice-21-menu-surface-17-slice-21-part-02-seg-02-html-data-theme-dark-bod-micro-02-unit-01.css */

html body .app.app :where(.history-filter-label,.msg-filter-label,.nd-filter-label){
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  max-width:260px!important;
  color:rgba(244,244,241,.58)!important;
  font-size:.74rem!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .app.app .history-filter-menu.history-filter-menu.glass-select-list{
  position:absolute!important;
  left:auto!important;
  right:0!important;
  top:calc(100% + 8px)!important;
  width:min(760px,calc(100vw - 92px))!important;
  max-height:min(70vh,590px)!important;
  overflow:auto!important;
  padding:12px!important;
  z-index:9999!important;
}
html body .app.app :where(.msg-filter-menu.glass-select-list,.nd-filter-menu.glass-select-list){
  position:absolute!important;
  top:calc(100% + 8px)!important;
  right:0!important;
  left:auto!important;
  min-width:178px!important;
  max-width:min(260px,calc(100vw - 42px))!important;
  max-height:min(58vh,390px)!important;
  overflow:auto!important;
  padding:8px!important;
  z-index:9999!important;
}
html body .app.app .msg-filter-dropdown .msg-filter-menu.glass-select-list{
  position:absolute!important;
  left:0!important;
  right:auto!important;
  top:calc(100% + 8px)!important;
  transform:none!important;
  width:max-content!important;
  min-width:178px!important;
}
html body .app.app .history-filter-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:0 0 10px!important;
  margin:0 0 10px!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
}
html body .app.app .history-filter-head b{
  display:block!important;
  margin:0!important;
  color:#f4f4f1!important;
  font-size:.9rem!important;
  line-height:1.15!important;
}
html body .app.app .history-filter-head span{
  display:block!important;
  margin-top:4px!important;
  color:rgba(244,244,241,.56)!important;
  font-size:.72rem!important;
  line-height:1.2!important;
}
html body .app.app .history-filter-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
html body .app.app .history-filter-block{
  min-width:0!important;
}
html body .app.app .history-filter-block>b{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0 0 7px!important;
  color:rgba(244,244,241,.82)!important;
  font-size:.76rem!important;
  line-height:1.1!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/menu-surface/compatibility-foundation/001-base-slice-21-menu-surface-17-slice-21-part-02-seg-02-html-data-theme-dark-bod-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/overlays/menu-surface/compatibility-foundation/001-base-slice-21-menu-surface-18-slice-21-part-02-seg-02-html-data-theme-dark-bod-micro-02-unit-02.css */

html body .app.app .history-filter-block>b small{
  color:rgba(244,244,241,.38)!important;
  font-size:.68rem!important;
  font-weight:650!important;
}
html body .app.app .history-check-list{
  display:grid!important;
  gap:2px!important;
  max-height:178px!important;
  overflow:auto!important;
  padding-right:2px!important;
}
html body .app.app :where(.history-filter-menu label,.history-check-list label,.msg-filter-menu label,.nd-filter-menu label){
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:28px!important;
  padding:5px 7px!important;
  color:rgba(244,244,241,.82)!important;
  font-size:.76rem!important;
  line-height:1.1!important;
  cursor:pointer!important;
}
html body .app.app :where(.history-filter-menu label,.history-check-list label,.msg-filter-menu label,.nd-filter-menu label):where(:hover,:focus-within){
  color:#fff!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/menu-surface/compatibility-foundation/001-base-slice-21-menu-surface-18-slice-21-part-02-seg-02-html-data-theme-dark-bod-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/overlays/menu-surface/compatibility-foundation/001-base-slice-21-menu-surface-19-slice-21-part-02-seg-02-html-data-theme-dark-bod-micro-03.css */

/* Ordinary filter-row appearance is owned by .mc-dropdown-model. */
html body :is(.history-filter-menu,.msg-filter-menu,.nd-filter-menu) :is(label,.checkbox):is(:hover,:focus-within){
  color:#fff!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/menu-surface/compatibility-foundation/001-base-slice-21-menu-surface-19-slice-21-part-02-seg-02-html-data-theme-dark-bod-micro-03.css */


/* >>> runtime/legacy/styles/blocks/employees/detail/compatibility-foundation/001-base-slice-21-employees-20-slice-21-part-03-seg-01-html-data-theme-dark-bod-nano-01.css */

/* Legacy ordered base slice 21 part 03; split from 001-base-slice-21-html-data-theme-dark-bod.css. Keep import order stable. */
html body .app.app .history-filter-fields{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(112px,1fr))!important;
  gap:8px!important;
  margin-top:12px!important;
}
html body .app.app .history-filter-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-top:10px!important;
  padding-top:10px!important;
  border-top:1px solid rgba(255,255,255,.065)!important;
  color:rgba(244,244,241,.46)!important;
  font-size:.72rem!important;
}
html body .app.app .history-filter-footer .checkbox{
  margin:0!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .app.app .history-filter-menu.history-filter-menu.glass-select-list{
    left:auto!important;
    right:0!important;
    width:min(92vw,520px)!important;
  }
  html body .app.app .history-filter-grid,
  html body .app.app .history-filter-fields{
    grid-template-columns:1fr!important;
  }
  html body .app.app :where(.history-filter-label,.msg-filter-label,.nd-filter-label){
    max-width:150px!important;
  }
}

/* Organization edit final layer: fixed-width tree, six-dot drag handles and pointer-sort animation. */
html body .app .layout > .main.page-employees .employee-list-shell,
html[data-theme] body .app .layout > .main.page-employees .employee-list-shell,
html body .app .layout.side-collapsed > .main.page-employees .employee-list-shell,
html[data-theme] body .app .layout.side-collapsed > .main.page-employees .employee-list-shell{
  grid-template-columns:230px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
}
html body .app .layout > .main.page-employees .employee-list-shell.org-editing,
html[data-theme] body .app .layout > .main.page-employees .employee-list-shell.org-editing,
html body .app .layout.side-collapsed > .main.page-employees .employee-list-shell.org-editing,
html[data-theme] body .app .layout.side-collapsed > .main.page-employees .employee-list-shell.org-editing{
  grid-template-columns:230px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
}
html body .app .layout > .main.page-employees .employee-list-shell .employee-org-panel,
html[data-theme] body .app .layout > .main.page-employees .employee-list-shell .employee-org-panel,
html body .app .layout > .main.page-employees .employee-list-shell.org-editing .employee-org-panel,
html[data-theme] body .app .layout > .main.page-employees .employee-list-shell.org-editing .employee-org-panel{
  width:100%!important;
  min-width:0!important;
}
html body .app .layout > .main.page-employees .employee-list-shell.org-editing .emp-org-inline-editor,
html[data-theme] body .app .layout > .main.page-employees .employee-list-shell.org-editing .emp-org-inline-editor{
  width:100%!important;
  max-width:230px!important;
  justify-self:stretch!important;
}
html body .app .layout > .main.page-employees .emp-org-inline-editor :where(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn),
html[data-theme] body .app .layout > .main.page-employees .emp-org-inline-editor :where(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn){
  border:0!important;
  border-color:transparent!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  outline:0!important;
  overflow:visible!important;
}
html body .app .layout > .main.page-employees .emp-org-inline-editor :where(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn)::before,
html body .app .layout > .main.page-employees .emp-org-inline-editor :where(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn)::after,
html[data-theme] body .app .layout > .main.page-employees .emp-org-inline-editor :where(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn)::before,
html[data-theme] body .app .layout > .main.page-employees .emp-org-inline-editor :where(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn)::after{
  display:none!important;
  content:none!important;
}
html body .app .layout > .main.page-employees .emp-org-inline-editor :where(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn):is(:hover,:focus-visible,:focus-within),
html[data-theme] body .app .layout > .main.page-employees .emp-org-inline-editor :where(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn):is(:hover,:focus-visible,:focus-within){
  border:0!important;
  background:var(--mc-model-button-fill-hover)!important;
  background-image:var(--mc-model-button-fill-hover)!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-employees .emp-org-inline-editor :where(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn):is(:active,.active,[aria-expanded="true"]),
html[data-theme] body .app .layout > .main.page-employees .emp-org-inline-editor :where(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn):is(:active,.active,[aria-expanded="true"]){
  border:0!important;
  background:var(--mc-model-button-fill-active)!important;
  background-image:var(--mc-model-button-fill-active)!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-employees .emp-org-inline-editor .emp-org-inline-head .x,
html[data-theme] body .app .layout > .main.page-employees .emp-org-inline-editor .emp-org-inline-head .x{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  padding:0!important;
  border-radius:9px!important;
}
html body .app .layout > .main.page-employees .emp-org-inline-editor :where(.emp-org-manager-btn,.emp-org-add-btn),
html[data-theme] body .app .layout > .main.page-employees .emp-org-inline-editor :where(.emp-org-manager-btn,.emp-org-add-btn){
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

/* <<< runtime/legacy/styles/blocks/employees/detail/compatibility-foundation/001-base-slice-21-employees-20-slice-21-part-03-seg-01-html-data-theme-dark-bod-nano-01.css */


/* >>> runtime/legacy/styles/blocks/employees/detail/compatibility-foundation/001-base-slice-21-employees-21-slice-21-part-03-seg-01-html-data-theme-dark-bod-nano-02.css */

html body .app .layout > .main.page-employees .emp-org-inline-editor .emp-org-inline-actions,
html[data-theme] body .app .layout > .main.page-employees .emp-org-inline-editor .emp-org-inline-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:6px!important;
  align-items:stretch!important;
}
html body .app .layout > .main.page-employees .emp-org-inline-editor .emp-org-inline-actions > :where(button,.btn,button.btn),
html[data-theme] body .app .layout > .main.page-employees .emp-org-inline-editor .emp-org-inline-actions > :where(button,.btn,button.btn){
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
html body .app .layout > .main.page-employees .emp-org-inline-editor .emp-org-save-line,
html[data-theme] body .app .layout > .main.page-employees .emp-org-inline-editor .emp-org-save-line{
  grid-template-columns:minmax(0,1fr)!important;
}
html body .app.app.app .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :where(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field),
html[data-theme] body .app.app.app .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :where(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field){
  border:0!important;
  border-width:0!important;
  border-color:transparent!important;
  border-image:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  outline:0!important;
}
html body .app.app.app .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :where(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field)::before,
html body .app.app.app .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :where(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field)::after,
html[data-theme] body .app.app.app .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :where(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field)::before,
html[data-theme] body .app.app.app .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :where(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field)::after{
  display:none!important;
  content:none!important;
  opacity:0!important;
}
html body .app.app.app .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :where(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field):is(:hover,:focus-visible,:focus-within),
html[data-theme] body .app.app.app .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :where(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field):is(:hover,:focus-visible,:focus-within){
  border:0!important;
  border-width:0!important;
  border-color:transparent!important;
  background:var(--mc-model-button-fill-hover)!important;
  background-image:var(--mc-model-button-fill-hover)!important;
  box-shadow:none!important;
}
html body .app.app.app .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :where(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field):is(:active,.active,[aria-expanded="true"]),
html[data-theme] body .app.app.app .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :where(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field):is(:active,.active,[aria-expanded="true"]){
  border:0!important;
  border-width:0!important;
  border-color:transparent!important;
  background:var(--mc-model-button-fill-active)!important;
  background-image:var(--mc-model-button-fill-active)!important;
  box-shadow:none!important;
}
html body #root .app.app.app .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :is(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field),
html[data-theme] body #root .app.app.app .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :is(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field){
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  border-image:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  outline:0!important;
}
html body #root .app.app.app .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :is(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field)::before,
html body #root .app.app.app .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :is(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field)::after,
html[data-theme] body #root .app.app.app .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :is(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field)::before,
html[data-theme] body #root .app.app.app .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :is(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field)::after{
  display:none!important;
  content:none!important;
  opacity:0!important;
}
html body #root .app.app.app .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :is(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field):is(:hover,:focus-visible,:focus-within),
html[data-theme] body #root .app.app.app .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :is(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field):is(:hover,:focus-visible,:focus-within){
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  background:var(--mc-model-button-fill-hover)!important;
  background-image:var(--mc-model-button-fill-hover)!important;
  box-shadow:none!important;
}
html body #root .app.app.app .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :is(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field):is(:active,.active,[aria-expanded="true"]),
html[data-theme] body #root .app.app.app .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :is(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field):is(:active,.active,[aria-expanded="true"]){
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  background:var(--mc-model-button-fill-active)!important;
  background-image:var(--mc-model-button-fill-active)!important;
  box-shadow:none!important;
}
html body :is(#root .app.app.app,.app.app.app) .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :is(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field),
html[data-theme] body :is(#root .app.app.app,.app.app.app) .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :is(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field){
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  border-image:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  outline:0!important;
}

/* <<< runtime/legacy/styles/blocks/employees/detail/compatibility-foundation/001-base-slice-21-employees-21-slice-21-part-03-seg-01-html-data-theme-dark-bod-nano-02.css */


/* >>> runtime/legacy/styles/blocks/employees/detail/compatibility-foundation/001-base-slice-21-employees-22-slice-21-part-03-seg-01-html-data-theme-dark-bod-nano-03-malformed-retained.css */

html body :is(#root .app.app.app,.app.app.app) .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :is(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field)::before,
html body :is(#root .app.app.app,.app.app.app) .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :is(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field)::after,
html[data-theme] body :is(#root .app.app.app,.app.app.app) .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :is(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field)::before,
html[data-theme] body :is(#root .app.app.app,.app.app.app) .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :is(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field)::after{
  display:none!important;
  content:none!important;
  opacity:0!important;
}
html body :is(#root .app.app.app,.app.app.app) .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :is(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field):is(:hover,:focus-visible,:focus-within),
html[data-theme] body :is(#root .app.app.app,.app.app.app) .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :is(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field):is(:hover,:focus-visible,:focus-within){
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  background:var(--mc-model-button-fill-hover)!important;
  background-image:var(--mc-model-button-fill-hover)!important;
  box-shadow:none!important;
}
html body :is(#root .app.app.app,.app.app.app) .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :is(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field):is(:active,.active,[aria-expanded="true"]),
html[data-theme] body :is(#root .app.app.app,.app.app.app) .layout.layout > .main.main.page-employees .emp-org-inline-editor.emp-org-inline-editor :is(button,.btn,button.btn,.x,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field):is(:active,.active,[aria-expanded="true"]){
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  background:var(--mc-model-button-fill-active)!important;
  background-image:var(--mc-model-button-fill-active)!important;
  box-shadow:none!important;
}
html body #modal .org-manager-layout{
  gap:12px!important;
}
html body #modal .org-manager-layout>.panel:first-child{
  flex:0 0 min(430px,48%)!important;
  min-width:340px!important;
}
html body #modal .org-manager-layout>.panel:last-child{
  flex:0 0 320px!important;
  max-width:360px!important;
  min-width:280px!important;
}
html body :where(.employee-org-panel,.org-manager-layout) :where(.tree-children,.tree-branch){
  position:relative!important;
}
html body :where(.employee-org-panel,.org-manager-layout) .tree-branch.org-branch-dragging,
html body :where(.employee-org-panel,.org-manager-layout) .tree-branch:has(>.tree-row.is-dragging){
  z-index:80!important;
}
html body :where(.employee-org-panel,.org-manager-layout) .tree-children{
  margin-left:0!important;
  padding-left:0!important;
  border-left:0!important;
}
html body :where(.employee-org-panel,.org-manager-layout) .tree-children::before,
html body :where(.employee-org-panel,.org-manager-layout) .tree-children::after,

/* <<< runtime/legacy/styles/blocks/employees/detail/compatibility-foundation/001-base-slice-21-employees-22-slice-21-part-03-seg-01-html-data-theme-dark-bod-nano-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/organization/picker/compatibility-foundation/001-base-slice-21-organization-23-slice-21-part-03-seg-02-html-data-theme-dark-bod-unit-01.css */

/* Legacy ordered CSS segment; extracted from 001-base-slice-21-part-03-html-data-theme-dark-bod.css. Keep import order stable. */
html body :where(.employee-org-panel,.org-manager-layout) .tree-branch::before,
html body :where(.employee-org-panel,.org-manager-layout) .tree-branch::after,
html body :where(.employee-org-panel,.org-manager-layout) .tree-row::before,
html body :where(.employee-org-panel,.org-manager-layout) .tree-row::after{
  display:none!important;
  content:none!important;
}
html body .app.app.app .layout.layout > .main.main .employee-org-panel .tree-row.org-indent-row.has-sort-handle,
html[data-theme] body .app.app.app .layout.layout > .main.main .employee-org-panel .tree-row.org-indent-row.has-sort-handle,
html body #modal#modal .org-manager-layout.org-manager-layout .tree-row.org-indent-row.has-sort-handle,
html[data-theme] body #modal#modal .org-manager-layout.org-manager-layout .tree-row.org-indent-row.has-sort-handle{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr) 46px!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  justify-content:stretch!important;
  align-items:center!important;
  column-gap:6px!important;
  min-height:31px!important;
  padding:0 9px 0 calc(9px + var(--depth-space,0px))!important;
  margin:1px 0!important;
  border:0!important;
  outline:0!important;
  border-radius:10px!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  transform:none!important;
  isolation:isolate!important;
  transition:transform .2s cubic-bezier(.2,.8,.2,1),background .16s ease,box-shadow .16s ease,outline-color .16s ease!important;
  touch-action:none!important;
}
html body :where(.employee-org-panel,.org-manager-layout) .tree-row.org-indent-row.has-sort-handle .org-drag-handle{
  grid-column:1!important;
  grid-row:1!important;
  width:20px!important;
  min-width:20px!important;
  height:28px!important;
  border-radius:8px!important;
  color:rgba(244,244,241,.42)!important;
  cursor:grab!important;
  touch-action:none!important;
  align-self:center!important;
  justify-self:center!important;
}
html body :where(.employee-org-panel,.org-manager-layout) .tree-row.org-indent-row.has-sort-handle .org-drag-handle::before{
  width:14px!important;
  height:20px!important;
  background-size:7px 7px!important;
  background-position:0 1px!important;
}
html body :where(.employee-org-panel,.org-manager-layout) .tree-row.org-indent-row.has-sort-handle .org-tree-name{
  grid-column:2!important;
  max-width:none!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body :where(.employee-org-panel,.org-manager-layout) .tree-row.org-indent-row.has-sort-handle .org-tree-count{
  grid-column:3!important;
  width:46px!important;
  min-width:46px!important;
  margin-left:auto!important;
  justify-self:end!important;
  text-align:right!important;
}
html body :where(.employee-org-panel,.org-manager-layout) .tree-row.org-indent-row.has-sort-handle > :where(.org-drag-handle,.org-tree-name,.org-tree-count){
  position:relative!important;
  z-index:1!important;
}
html body :where(.employee-org-panel,.org-manager-layout) .tree-row.org-indent-row.has-sort-handle:is(:hover,:focus-visible,:focus-within){
  border:0!important;
  background:transparent!important;
  background-image:none!important;
}

/* <<< runtime/legacy/styles/blocks/organization/picker/compatibility-foundation/001-base-slice-21-organization-23-slice-21-part-03-seg-02-html-data-theme-dark-bod-unit-01.css */


/* >>> runtime/legacy/styles/blocks/organization/picker/compatibility-foundation/001-base-slice-21-organization-24-slice-21-part-03-seg-02-html-data-theme-dark-bod-unit-02.css */

html body .app.app.app .layout.layout > .main.main .employee-org-panel .tree-row.org-indent-row.has-sort-handle:is(:hover,:focus-visible,:focus-within)::before,
html[data-theme] body .app.app.app .layout.layout > .main.main .employee-org-panel .tree-row.org-indent-row.has-sort-handle:is(:hover,:focus-visible,:focus-within)::before,
html body #modal#modal .org-manager-layout.org-manager-layout .tree-row.org-indent-row.has-sort-handle:is(:hover,:focus-visible,:focus-within)::before,
html[data-theme] body #modal#modal .org-manager-layout.org-manager-layout .tree-row.org-indent-row.has-sort-handle:is(:hover,:focus-visible,:focus-within)::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  left:0!important;
  right:0!important;
  top:1px!important;
  bottom:1px!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  border-color:transparent!important;
  border-radius:var(--mc-unified-radius,8px)!important;
  background:var(--mc-model-button-fill-hover)!important;
  background-image:var(--mc-model-button-fill-hover)!important;
  transform:none!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
html body .app.app.app .layout.layout > .main.main .employee-org-panel .tree-row.org-indent-row.has-sort-handle.active,
html[data-theme] body .app.app.app .layout.layout > .main.main .employee-org-panel .tree-row.org-indent-row.has-sort-handle.active,
html body #modal#modal .org-manager-layout.org-manager-layout .tree-row.org-indent-row.has-sort-handle.active,
html[data-theme] body #modal#modal .org-manager-layout.org-manager-layout .tree-row.org-indent-row.has-sort-handle.active{
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  color:#f4f4f1!important;
  box-shadow:none!important;
  transform:none!important;
}
html body .app.app.app .layout.layout > .main.main .employee-org-panel .tree-row.org-indent-row.has-sort-handle.active::before,
html[data-theme] body .app.app.app .layout.layout > .main.main .employee-org-panel .tree-row.org-indent-row.has-sort-handle.active::before,
html body #modal#modal .org-manager-layout.org-manager-layout .tree-row.org-indent-row.has-sort-handle.active::before,
html[data-theme] body #modal#modal .org-manager-layout.org-manager-layout .tree-row.org-indent-row.has-sort-handle.active::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  left:0!important;
  right:0!important;
  top:1px!important;
  bottom:1px!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  border-color:transparent!important;
  border-radius:var(--mc-unified-radius,8px)!important;
  background:var(--mc-model-button-fill-active)!important;
  background-image:var(--mc-model-button-fill-active)!important;
  transform:none!important;
  box-shadow:none!important;
  pointer-events:none!important;
}

/* <<< runtime/legacy/styles/blocks/organization/picker/compatibility-foundation/001-base-slice-21-organization-24-slice-21-part-03-seg-02-html-data-theme-dark-bod-unit-02.css */


/* >>> runtime/legacy/styles/blocks/themes/dark/compatibility/001-base-slice-21-enterprise-entry.css */

/* Enterprise compatibility entry. Ordered owner files preserve the original slice-21 cascade and malformed legacy files. */

/* <<< runtime/legacy/styles/blocks/themes/dark/compatibility/001-base-slice-21-enterprise-entry.css */


/* >>> runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-01-seg-01-html-body-where-employee-fine-01-unit-01.css */

/* Legacy ordered base slice 22 part 01; split from 001-base-slice-22-html-body-where-employee.css. Keep import order stable. */
html body :where(.employee-org-panel,.org-manager-layout) .tree-row.org-indent-row.has-sort-handle.sort-shift-up{
  transform:translateY(calc(-1 * var(--org-sort-step,36px)))!important;
}
html body :where(.employee-org-panel,.org-manager-layout) .tree-row.org-indent-row.has-sort-handle.sort-shift-down{
  transform:translateY(var(--org-sort-step,36px))!important;
}
html body .app.app.app .layout.layout > .main.main .employee-org-panel .tree-row.org-indent-row.has-sort-handle.sort-shift-up,
html[data-theme] body .app.app.app .layout.layout > .main.main .employee-org-panel .tree-row.org-indent-row.has-sort-handle.sort-shift-up,
html body #modal#modal .org-manager-layout.org-manager-layout .tree-row.org-indent-row.has-sort-handle.sort-shift-up,
html[data-theme] body #modal#modal .org-manager-layout.org-manager-layout .tree-row.org-indent-row.has-sort-handle.sort-shift-up{
  transform:translateY(calc(-1 * var(--org-sort-step,36px)))!important;
}
html body .app.app.app .layout.layout > .main.main .employee-org-panel .tree-row.org-indent-row.has-sort-handle.sort-shift-down,
html[data-theme] body .app.app.app .layout.layout > .main.main .employee-org-panel .tree-row.org-indent-row.has-sort-handle.sort-shift-down,
html body #modal#modal .org-manager-layout.org-manager-layout .tree-row.org-indent-row.has-sort-handle.sort-shift-down,
html[data-theme] body #modal#modal .org-manager-layout.org-manager-layout .tree-row.org-indent-row.has-sort-handle.sort-shift-down{
  transform:translateY(var(--org-sort-step,36px))!important;
}
html body .app.app.app .layout.layout > .main.main .employee-org-panel .tree-row.org-indent-row.has-sort-handle.is-dragging,
html[data-theme] body .app.app.app .layout.layout > .main.main .employee-org-panel .tree-row.org-indent-row.has-sort-handle.is-dragging,
html body #modal#modal .org-manager-layout.org-manager-layout .tree-row.org-indent-row.has-sort-handle.is-dragging,
html[data-theme] body #modal#modal .org-manager-layout.org-manager-layout .tree-row.org-indent-row.has-sort-handle.is-dragging{
  position:relative!important;
  z-index:50!important;
  opacity:1!important;
  outline:1px solid rgba(255,255,255,.48)!important;
  background:linear-gradient(180deg,rgba(70,70,70,.98),rgba(42,42,42,.98))!important;
  background-image:linear-gradient(180deg,rgba(70,70,70,.98),rgba(42,42,42,.98))!important;
  box-shadow:0 18px 44px -26px rgba(255,255,255,.78),0 0 0 1px rgba(255,255,255,.13)!important;
  transform:translateY(var(--org-drag-y,0px)) scale(1.035)!important;
}
html body :where(.employee-org-panel,.org-manager-layout) .tree-row.org-indent-row.has-sort-handle.sort-over{
  outline:1px solid rgba(255,255,255,.26)!important;
  background:rgba(255,255,255,.07)!important;
}
html body .app.app.app .layout.layout > .main.main .employee-org-panel .tree-row.org-indent-row.has-sort-handle.sort-over,
html[data-theme] body .app.app.app .layout.layout > .main.main .employee-org-panel .tree-row.org-indent-row.has-sort-handle.sort-over,
html body #modal#modal .org-manager-layout.org-manager-layout .tree-row.org-indent-row.has-sort-handle.sort-over,
html[data-theme] body #modal#modal .org-manager-layout.org-manager-layout .tree-row.org-indent-row.has-sort-handle.sort-over{
  outline:1px solid rgba(255,255,255,.26)!important;
  background:rgba(255,255,255,.07)!important;
  background-image:none!important;
}
html body.org-pointer-sorting{
  cursor:grabbing!important;
  user-select:none!important;
}
html body.org-root-dragging :where(.employee-org-panel,.org-manager-layout) .tree-children{
  display:none!important;
}
/* Employee list containment. Scrollbar arrows live in style-models/components/scrollbars.css. */
html body,
html[data-theme] body{
  overflow-x:hidden!important;
}
html body :where(.app,.layout,.main.page-employees,.employee-admin-shell,.employee-list-shell,.employee-table-wrap-col,.employee-table-panel),
html[data-theme] body :where(.app,.layout,.main.page-employees,.employee-admin-shell,.employee-list-shell,.employee-table-wrap-col,.employee-table-panel){
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
html body .app .layout > .main.page-employees,
html[data-theme] body .app .layout > .main.page-employees{
  overflow-x:hidden!important;
}
html body .app .layout > .main.page-employees .employee-list-shell,
html[data-theme] body .app .layout > .main.page-employees .employee-list-shell{
  width:100%!important;
  max-width:100%!important;
}
html body .app .layout > .main.page-employees .employee-table-wrap-col,
html[data-theme] body .app .layout > .main.page-employees .employee-table-wrap-col,
html body .app .layout > .main.page-employees .employee-table-panel,
html[data-theme] body .app .layout > .main.page-employees .employee-table-panel{
  overflow:hidden!important;
}
html body .app .layout > .main.page-employees .employee-list-table-scroll,
html[data-theme] body .app .layout > .main.page-employees .employee-list-table-scroll{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
  scrollbar-gutter:stable!important;
  padding-bottom:4px!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-01-seg-01-html-body-where-employee-fine-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-22-shared-cross-surface-001-slice-22-part-01-seg-01-html-body-where-employee-fine-01-unit-02.css */

html body .app .layout > .main.page-employees .employee-list-table-scroll table,
html[data-theme] body .app .layout > .main.page-employees .employee-list-table-scroll table{
  width:max-content!important;
  min-width:100%!important;
  max-width:none!important;
  table-layout:auto!important;
}
html body .app .layout > .main.page-employees .employee-list-table-scroll :where(th,td),
html[data-theme] body .app .layout > .main.page-employees .employee-list-table-scroll :where(th,td){
  white-space:nowrap!important;
}
html body .app .layout > .main.page-employees .employee-list-row,
html[data-theme] body .app .layout > .main.page-employees .employee-list-row{
  cursor:pointer!important;
}
html body .app .layout > .main.page-employees .employee-list-row:hover,
html[data-theme] body .app .layout > .main.page-employees .employee-list-row:hover{
  background:rgba(255,255,255,.035)!important;
}
html body .app .layout > .main.page-employees .employee-list-actions,
html[data-theme] body .app .layout > .main.page-employees .employee-list-actions{
  cursor:default!important;
  white-space:nowrap!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-22-shared-cross-surface-001-slice-22-part-01-seg-01-html-body-where-employee-fine-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/employees/detail/compatibility-layout/001-base-slice-22-employee-002-slice-22-part-01-seg-01-html-body-where-employee-fine-02-unit-01.css */

/* Legacy scrollbar shard intentionally emptied.
   Shared scrollbar styling is in style-models/components/scrollbars.css. */

/* <<< runtime/legacy/styles/blocks/employees/detail/compatibility-layout/001-base-slice-22-employee-002-slice-22-part-01-seg-01-html-body-where-employee-fine-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/roles/page/compatibility-layout/001-base-slice-22-roles-003-slice-22-part-01-seg-02-html-body-where-employee-micro-01-unit-02.css */

.person-role-member b,
.person-role-member small{
  display:block!important;
  color:var(--text)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:150px!important;
}
.person-role-member small{
  color:var(--soft)!important;
  font-size:.7rem!important;
  margin-top:1px!important;
}
.people-picker-role-head .org-pick-main b{
  color:var(--brand-dark)!important;
}
.people-picker-role-node>.org-pick-row{
  background:color-mix(in srgb,var(--panel) 86%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--line) 54%,transparent)!important;
}

/* <<< runtime/legacy/styles/blocks/roles/page/compatibility-layout/001-base-slice-22-roles-003-slice-22-part-01-seg-02-html-body-where-employee-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-22-shared-cross-surface-004-slice-22-part-01-seg-02-html-body-where-employee-micro-02-unit-01.css */

@media(max-width:900px){
  html body .app .layout > .main.page-employees .employee-list-shell.org-editing,
  html[data-theme] body .app .layout > .main.page-employees .employee-list-shell.org-editing{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body .app .layout > .main.page-employees .employee-list-shell.org-editing .emp-org-inline-editor,
  html[data-theme] body .app .layout > .main.page-employees .employee-list-shell.org-editing .emp-org-inline-editor{
    max-width:none!important;
  }
  html body #modal .org-manager-layout>.panel:first-child,
  html body #modal .org-manager-layout>.panel:last-child{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
  }
}
html body .app .layout > .main.page-liveRooms .live-room-overlay,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-overlay{
  left:14px!important;
  right:14px!important;
  top:14px!important;
  display:grid!important;
  grid-template-columns:minmax(154px,190px) minmax(210px,300px)!important;
  justify-content:space-between!important;
  align-items:start!important;
  gap:14px!important;
  max-width:none!important;
  overflow:visible!important;
  pointer-events:none!important;
}
html body .app .layout > .main.page-liveRooms .live-room-overlay-left,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-overlay-left,
html body .app .layout > .main.page-liveRooms .live-room-overlay-right,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-overlay-right{
  pointer-events:auto!important;
  display:grid!important;
  gap:7px!important;
  min-width:0!important;
  max-width:none!important;
  transform:none!important;
}
html body .app .layout > .main.page-liveRooms .live-room-overlay-right,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-overlay-right{
  justify-self:end!important;
  width:clamp(210px,24vw,300px)!important;
}
html body .app .layout > .main.page-liveRooms .live-room-layer-panel,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-layer-panel{
  width:clamp(154px,16vw,190px)!important;
  padding:2px 0!important;
  border-radius:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app .layout > .main.page-liveRooms .live-room-layer-title,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-layer-title{
  color:rgba(244,244,241,.58)!important;
  font-size:.68rem!important;
  font-weight:820!important;
  line-height:1!important;
  padding:1px 2px 7px!important;
  border:0!important;
  text-shadow:0 1px 8px rgba(0,0,0,.42)!important;
}
html body .app .layout > .main.page-liveRooms .live-room-layer-list,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-layer-list{
  display:grid!important;
  gap:5px!important;
  padding-top:7px!important;
}
html body .app .layout > .main.page-liveRooms .live-room-layer-option,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-layer-option{
  width:100%!important;
  min-height:30px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:2px!important;
  padding:6px 2px!important;
  border-radius:var(--mc-button-radius,10px)!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  background-image:none!important;
  color:rgba(244,244,241,.72)!important;
  box-shadow:none!important;
  cursor:pointer!important;
  text-align:left!important;
  overflow:visible!important;
  transition:var(--mc-model-lift-transition)!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-22-shared-cross-surface-004-slice-22-part-01-seg-02-html-body-where-employee-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-22-shared-cross-surface-005-slice-22-part-01-seg-02-html-body-where-employee-micro-02-unit-02.css */

html body .app .layout > .main.page-liveRooms .live-room-layer-option.active,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-layer-option.active{
  color:#f7fff9!important;
  border:0!important;
  border-radius:var(--mc-button-radius,10px)!important;
  background:var(--mc-model-button-fill-active)!important;
  background-image:var(--mc-model-button-fill-active)!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-liveRooms .live-room-layer-option span,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-layer-option span{
  font-size:.75rem!important;
  font-weight:860!important;
  line-height:1.1!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}
html body .app .layout > .main.page-liveRooms .live-room-layer-option small,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-layer-option small{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:rgba(244,244,241,.48)!important;
  font-size:.56rem!important;
  font-weight:760!important;
  line-height:1.05!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-22-shared-cross-surface-005-slice-22-part-01-seg-02-html-body-where-employee-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-22-shared-cross-surface-006-slice-22-part-01-seg-02-html-body-where-employee-micro-03.css */

html body .app .layout > .main.page-liveRooms .live-room-layer-legend,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-layer-legend{
  display:grid!important;
  gap:5px!important;
  width:max-content!important;
  max-width:min(178px,40vw)!important;
  margin-top:8px!important;
  padding:0 2px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
html body .app .layout > .main.page-liveRooms .live-room-layer-legend-title,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-layer-legend-title{
  color:rgba(244,244,241,.50)!important;
  font-size:.56rem!important;
  font-weight:780!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-shadow:0 1px 8px rgba(0,0,0,.42)!important;
}
html body .app .layout > .main.page-liveRooms .live-room-layer-legend-list,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-layer-legend-list{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px 8px!important;
  align-items:center!important;
}
html body .app .layout > .main.page-liveRooms .live-room-layer-legend-row,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-layer-legend-row{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
  color:rgba(244,244,241,.72)!important;
  font-size:.62rem!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-shadow:0 1px 8px rgba(0,0,0,.38)!important;
}
html body .app .layout > .main.page-liveRooms .live-room-layer-legend-row i,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-layer-legend-row i{
  width:10px!important;
  height:10px!important;
  flex:0 0 10px!important;
  border-radius:var(--mc-button-radius,8px)!important;
  border:0!important;
  outline:0!important;
}
html body .app .layout > .main.page-liveRooms .live-room-layer-legend-row b,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-layer-legend-row b{
  font:inherit!important;
  color:inherit!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-22-shared-cross-surface-006-slice-22-part-01-seg-02-html-body-where-employee-micro-03.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-22-application-layout-007-slice-22-part-03-seg-01-html-body-where-employee-nano-01.css */

/* Legacy ordered base slice 22 part 03; split from 001-base-slice-22-html-body-where-employee.css. Keep import order stable. */
html body :is(#modal,.app) .live-device-variant-row,
html[data-theme] body :is(#modal,.app) .live-device-variant-row{
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) minmax(0,.9fr) minmax(88px,.55fr) auto!important;
  gap:7px!important;
  align-items:end!important;
  min-width:0!important;
  padding:8px 0!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}
html body :is(#modal,.app) .live-device-variant-field,
html[data-theme] body :is(#modal,.app) .live-device-variant-field{
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
}
html body :is(#modal,.app) .live-device-variant-field label,
html[data-theme] body :is(#modal,.app) .live-device-variant-field label{
  color:#85837d!important;
  font-size:.56rem!important;
  line-height:1!important;
  font-weight:760!important;
}
html body :is(#modal,.app) .live-device-variant-actions,
html[data-theme] body :is(#modal,.app) .live-device-variant-actions{
  display:flex!important;
  gap:5px!important;
  align-items:center!important;
  justify-content:flex-end!important;
  min-width:0!important;
}
html body :is(#modal,.app) .live-device-variant-pick,
html[data-theme] body :is(#modal,.app) .live-device-variant-pick{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#85837d!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
html body :is(#modal,.app) .live-device-variant-pick.active,
html[data-theme] body :is(#modal,.app) .live-device-variant-pick.active{
  color:#7ef0a4!important;
  background:rgba(126,240,164,.10)!important;
}
html body :is(#modal,.app) .live-device-param-actions,
html[data-theme] body :is(#modal,.app) .live-device-param-actions{
  display:flex!important;
  justify-content:flex-end!important;
  gap:8px!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .app .layout > .main.page-liveRooms .live-room-overlay,
  html[data-theme] body .app .layout > .main.page-liveRooms .live-room-overlay{
    left:8px!important;
    right:8px!important;
    top:8px!important;
    grid-template-columns:minmax(126px,150px) minmax(156px,1fr)!important;
    gap:8px!important;
  }
  html body .app .layout > .main.page-liveRooms .live-room-overlay-right,
  html[data-theme] body .app .layout > .main.page-liveRooms .live-room-overlay-right{
    width:100%!important;
  }
  html body .app .layout > .main.page-liveRooms .live-room-layer-panel,
  html[data-theme] body .app .layout > .main.page-liveRooms .live-room-layer-panel{
    width:100%!important;
    padding:2px 0!important;
  }
}
/* System settings final layout: three transparent content boxes, matching employee profile framing. */
html body .app.app .layout > .main.page-system .settings-modern-shell,
html[data-theme] body .app.app .layout > .main.page-system .settings-modern-shell{
  width:min(1120px,100%)!important;
  max-width:1120px!important;
  display:grid!important;
  gap:12px!important;
  padding:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-system .settings-title-time,
html[data-theme] body .app.app .layout > .main.page-system .settings-title-time{
  margin-top:7px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:baseline!important;
  gap:7px!important;
  color:var(--sys-muted,rgba(244,244,241,.58))!important;
  font-size:.76rem!important;
  line-height:1.25!important;
  font-weight:760!important;
}
html body .app.app .layout > .main.page-system .settings-title-time span,
html body .app.app .layout > .main.page-system .settings-title-time b,
html[data-theme] body .app.app .layout > .main.page-system .settings-title-time span,
html[data-theme] body .app.app .layout > .main.page-system .settings-title-time b{
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-22-application-layout-007-slice-22-part-03-seg-01-html-body-where-employee-nano-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-22-application-layout-008-slice-22-part-03-seg-02-html-body-where-employee-short-01.css */

/* Legacy ordered CSS segment; extracted from 001-base-slice-22-part-03-html-body-where-employee.css. Keep import order stable. */
html[data-theme] body .app.app .layout > .main.page-system .settings-invite-value b{
  flex:0 1 auto!important;
  min-width:max-content!important;
  max-width:calc(100% - 92px)!important;
  overflow:visible!important;
  text-overflow:clip!important;
  color:var(--sys-text,#f4f4f1)!important;
  font-size:.9rem!important;
  line-height:1.2!important;
  font-weight:820!important;
}
html body .app.app .layout > .main.page-system :where(.settings-inline-action,.settings-cache-action,.settings-password-action),
html[data-theme] body .app.app .layout > .main.page-system :where(.settings-inline-action,.settings-cache-action,.settings-password-action){
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  width:auto!important;
  min-inline-size:0!important;
  min-height:0!important;
  height:28px!important;
  padding:0 var(--mc-frameless-pad-x,8px)!important;
  border:0!important;
  outline:0!important;
  border-radius:var(--mc-button-radius,8px)!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--sys-muted,rgba(244,244,241,.72))!important;
  -webkit-text-fill-color:var(--sys-muted,rgba(244,244,241,.72))!important;
  font-size:.76rem!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap!important;
  position:relative!important;
  z-index:1!important;
  overflow:visible!important;
  transform:none!important;
  cursor:pointer!important;
}
html body .app.app .layout > .main.page-system :where(.settings-inline-action,.settings-cache-action,.settings-password-action)::before,
html body .app.app .layout > .main.page-system :where(.settings-inline-action,.settings-cache-action,.settings-password-action)::after,
html[data-theme] body .app.app .layout > .main.page-system :where(.settings-inline-action,.settings-cache-action,.settings-password-action)::before,
html[data-theme] body .app.app .layout > .main.page-system :where(.settings-inline-action,.settings-cache-action,.settings-password-action)::after{
  display:none!important;
  content:none!important;
}
html body .app.app .layout > .main.page-system :where(.settings-inline-action,.settings-cache-action,.settings-password-action):is(:hover,:focus-visible),
html[data-theme] body .app.app .layout > .main.page-system :where(.settings-inline-action,.settings-cache-action,.settings-password-action):is(:hover,:focus-visible){
  background:var(--mc-model-button-fill-hover,rgba(255,255,255,.06))!important;
  background-image:var(--mc-model-button-fill-hover,none)!important;
  color:var(--sys-text,#f4f4f1)!important;
  -webkit-text-fill-color:var(--sys-text,#f4f4f1)!important;
  z-index:var(--mc-model-lift-z,80)!important;
  transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important;
}
html body .app.app .layout > .main.page-system .settings-column-card .sys-kv,
html[data-theme] body .app.app .layout > .main.page-system .settings-column-card .sys-kv{
  display:grid!important;
  grid-template-columns:86px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:center!important;
  min-height:34px!important;
  padding:6px 0!important;
  border:0!important;
  border-bottom:.5px solid var(--mc-model-content-box-line-soft,rgba(244,244,241,.06))!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-system .settings-column-card .settings-sync-row,
html[data-theme] body .app.app .layout > .main.page-system .settings-column-card .settings-sync-row,
html body .app.app .layout > .main.page-system .settings-column-card .settings-cache-row,
html[data-theme] body .app.app .layout > .main.page-system .settings-column-card .settings-cache-row{
  grid-template-columns:86px max-content!important;
  justify-content:start!important;
}
html body .app.app .layout > .main.page-system .settings-column-card .sys-kv:last-of-type,
html[data-theme] body .app.app .layout > .main.page-system .settings-column-card .sys-kv:last-of-type{
  border-bottom:0!important;
}
html body .app.app .layout > .main.page-system .settings-column-card .sys-kv > span,
html[data-theme] body .app.app .layout > .main.page-system .settings-column-card .sys-kv > span{
  color:var(--sys-muted,rgba(244,244,241,.54))!important;
  font-size:.72rem!important;
  line-height:1.2!important;
  font-weight:760!important;
}
html body .app.app .layout > .main.page-system .settings-column-card .sys-kv > b,
html[data-theme] body .app.app .layout > .main.page-system .settings-column-card .sys-kv > b{
  min-width:0!important;
  color:var(--sys-text,#f4f4f1)!important;
  font-size:.78rem!important;
  line-height:1.25!important;
  font-weight:760!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .app.app .layout > .main.page-system .settings-column-card .sys-kv > b.settings-cache-cell,
html[data-theme] body .app.app .layout > .main.page-system .settings-column-card .sys-kv > b.settings-cache-cell{
  overflow:visible!important;
  text-overflow:clip!important;
}
html body .app.app .layout > .main.page-system .settings-password-actions,
html[data-theme] body .app.app .layout > .main.page-system .settings-password-actions{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  min-height:30px!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-22-application-layout-008-slice-22-part-03-seg-02-html-body-where-employee-short-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-22-application-layout-009-slice-22-part-03-seg-02-html-body-where-employee-short-02.css */

html body .app.app .layout > .main.page-system .settings-password-msg,
html[data-theme] body .app.app .layout > .main.page-system .settings-password-msg{
  min-height:18px!important;
  color:var(--sys-muted,rgba(244,244,241,.58))!important;
  font-size:.72rem!important;
  line-height:1.4!important;
}
html body .app.app .layout > .main.page-system .settings-password-msg.ok,
html[data-theme] body .app.app .layout > .main.page-system .settings-password-msg.ok{
  color:var(--ok,#4ade80)!important;
}
html body .app.app .layout > .main.page-system .settings-password-msg.warn,
html[data-theme] body .app.app .layout > .main.page-system .settings-password-msg.warn{
  color:var(--warn,#fbbf24)!important;
}
html body .app.app .layout > .main.page-system .settings-password-msg.danger,
html[data-theme] body .app.app .layout > .main.page-system .settings-password-msg.danger{
  color:var(--danger,#f87171)!important;
}
html body .app.app .layout > .main.page-system .settings-password-current-set > b,
html[data-theme] body .app.app .layout > .main.page-system .settings-password-current-set > b{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  width:max-content!important;
  max-width:100%!important;
  color:var(--ok,#4ade80)!important;
  -webkit-text-fill-color:var(--ok,#4ade80)!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-22-application-layout-009-slice-22-part-03-seg-02-html-body-where-employee-short-02.css */


/* >>> runtime/legacy/styles/blocks/employees/detail/compatibility/001-base-slice-22-enterprise-entry.css */

/* Enterprise compatibility entry. Ordered semantic owners preserve the original slice-22 cascade. */

/* <<< runtime/legacy/styles/blocks/employees/detail/compatibility/001-base-slice-22-enterprise-entry.css */


/* >>> runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-01-seg-01-html-body-where-employee-fine-02-unit-02.css */

/* Legacy overlay scrollbar arrow shard intentionally emptied.
   Shared scrollbar arrow styling is in style-models/components/scrollbars.css. */

/* <<< runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-01-seg-01-html-body-where-employee-fine-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-01-seg-01-html-body-where-employee-fine-03.css */

html body #modal .secondary-rail-shell.emp-org-rail,
html[data-theme] body #modal .secondary-rail-shell.emp-org-rail{
  background:var(--mc-model-rail-bg)!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body #modal .secondary-rail-shell.emp-org-rail .secondary-rail-body,
html[data-theme] body #modal .secondary-rail-shell.emp-org-rail .secondary-rail-body{
  padding:0 14px 18px!important;
  overflow:auto!important;
}
html body #modal .secondary-rail-shell.emp-org-rail .emp-org-inline-editor,
html[data-theme] body #modal .secondary-rail-shell.emp-org-rail .emp-org-inline-editor{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  max-width:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body #modal .secondary-rail-shell.emp-org-rail .emp-org-inline-editor :where(button,.btn,button.btn,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field),
html[data-theme] body #modal .secondary-rail-shell.emp-org-rail .emp-org-inline-editor :where(button,.btn,button.btn,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field){
  border:0!important;
  border-color:transparent!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  outline:0!important;
}
html body #modal .secondary-rail-shell.emp-org-rail .emp-org-inline-editor :where(button,.btn,button.btn,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field)::before,
html body #modal .secondary-rail-shell.emp-org-rail .emp-org-inline-editor :where(button,.btn,button.btn,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field)::after,
html[data-theme] body #modal .secondary-rail-shell.emp-org-rail .emp-org-inline-editor :where(button,.btn,button.btn,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field)::before,

/* <<< runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-01-seg-01-html-body-where-employee-fine-03.css */


/* >>> runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-01-seg-02-html-body-where-employee-micro-01-unit-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-22-part-01-html-body-where-employee.css. Keep import order stable. */
html[data-theme] body #modal .secondary-rail-shell.emp-org-rail .emp-org-inline-editor :where(button,.btn,button.btn,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field)::after{
  display:none!important;
  content:none!important;
}
html body #modal .secondary-rail-shell.emp-org-rail .emp-org-inline-editor :where(button,.btn,button.btn,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field):is(:hover,:focus-visible,:focus-within),
html[data-theme] body #modal .secondary-rail-shell.emp-org-rail .emp-org-inline-editor :where(button,.btn,button.btn,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field):is(:hover,:focus-visible,:focus-within){
  background:var(--mc-model-button-fill-hover)!important;
  background-image:var(--mc-model-button-fill-hover)!important;
  box-shadow:none!important;
}
html body #modal .secondary-rail-shell.emp-org-rail .emp-org-inline-editor :where(button,.btn,button.btn,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field):is(:active,.active,[aria-expanded="true"]),
html[data-theme] body #modal .secondary-rail-shell.emp-org-rail .emp-org-inline-editor :where(button,.btn,button.btn,.emp-org-manager-btn,.emp-org-add-btn,.mc-combo-field):is(:active,.active,[aria-expanded="true"]){
  background:var(--mc-model-button-fill-active)!important;
  background-image:var(--mc-model-button-fill-active)!important;
  box-shadow:none!important;
}
html body #modal .secondary-rail-shell.emp-org-rail .emp-org-inline-editor :where(.emp-org-manager-btn,.emp-org-add-btn),
html[data-theme] body #modal .secondary-rail-shell.emp-org-rail .emp-org-inline-editor :where(.emp-org-manager-btn,.emp-org-add-btn){
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
html body #modal .secondary-rail-shell.emp-org-rail .emp-org-inline-actions,
html[data-theme] body #modal .secondary-rail-shell.emp-org-rail .emp-org-inline-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:6px!important;
  align-items:stretch!important;
}
html body #modal .secondary-rail-shell.emp-org-rail .emp-org-inline-actions > :where(button,.btn,button.btn),
html[data-theme] body #modal .secondary-rail-shell.emp-org-rail .emp-org-inline-actions > :where(button,.btn,button.btn){
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
html body #modal .secondary-rail-shell.emp-org-rail .emp-org-save-line,
html[data-theme] body #modal .secondary-rail-shell.emp-org-rail .emp-org-save-line{
  grid-template-columns:minmax(0,1fr)!important;
}
.role-mode-tabs,
.people-picker-tabs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  margin:0 0 10px!important;
}
.role-mode-tabs button,
.people-picker-tabs button{
  border:0!important;
  border-radius:9px!important;
  background:color-mix(in srgb,var(--bg-subtle) 88%,transparent)!important;
  color:var(--soft)!important;
  min-height:34px!important;
  padding:7px 10px!important;
  font-size:var(--mc-type-body-control,.82rem)!important;
  font-weight:700!important;
}
.role-mode-tabs button.active,
.people-picker-tabs button.active{
  background:var(--brand-soft)!important;
  color:var(--brand-dark)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 24%,transparent)!important;
}
.person-role-page .role-detail-panel,
.person-role-page .role-assign-panel{
  margin-bottom:12px!important;
}
.person-role-member-list{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;
  gap:8px!important;
}
.person-role-member{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--panel) 92%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--line) 62%,transparent)!important;
  color:var(--text)!important;
  padding:9px 10px!important;
}
.person-role-member>div{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
.person-role-member .avatar{
  width:30px!important;
  height:30px!important;
  border-radius:9px!important;
  flex:0 0 auto!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-01-seg-02-html-body-where-employee-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-02-seg-01-html-body-where-employee-fine-01-unit-01.css */

/* Legacy ordered base slice 22 part 02; split from 001-base-slice-22-html-body-where-employee.css. Keep import order stable. */
html body .app .layout > .main.page-liveRooms .live-room-overlay-right .live-room-crumbs,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-overlay-right .live-room-crumbs{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
  align-items:stretch!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body .app .layout > .main.page-liveRooms .live-room-overlay-right .live-room-crumbs button,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-overlay-right .live-room-crumbs button{
  width:100%!important;
  max-width:none!important;
  min-height:35px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:7px 0!important;
  border-radius:var(--mc-button-radius,10px)!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:rgba(244,244,241,.78)!important;
  font-size:var(--mc-type-body-control,.82rem)!important;
  font-weight:760!important;
  line-height:1.1!important;
  text-align:left!important;
  text-shadow:0 1px 8px rgba(0,0,0,.38)!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:ellipsis!important;
  cursor:pointer!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  transition:var(--mc-model-lift-transition)!important;
}
html body .app .layout > .main.page-liveRooms .live-room-overlay-right .live-room-crumbs button.active,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-overlay-right .live-room-crumbs button.active{
  color:#f7fff9!important;
  font-weight:900!important;
  border:0!important;
  border-radius:var(--mc-button-radius,10px)!important;
  background:var(--mc-model-button-fill-active)!important;
  background-image:var(--mc-model-button-fill-active)!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-liveRooms .live-room-overlay-right .live-room-stage-summary,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-overlay-right .live-room-stage-summary{
  width:100%!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  padding:0 2px!important;
  color:rgba(244,244,241,.62)!important;
  font-size:var(--mc-type-secondary-body,.76rem)!important;
  font-weight:760!important;
  text-align:right!important;
}
html body .app .layout > .main.page-liveRooms .live-room-stage-wrap :where(.live-room-layer-panel,.live-room-layer-list,.live-room-crumbs,.live-floor-float-nav,.live-room-stage-summary,.live-building-switch),
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-stage-wrap :where(.live-room-layer-panel,.live-room-layer-list,.live-room-crumbs,.live-floor-float-nav,.live-room-stage-summary,.live-building-switch),
html body .app .layout > .main.page-liveRooms .live-room-stage-wrap :where(.live-room-layer-panel,.live-room-layer-list,.live-room-crumbs,.live-floor-float-nav,.live-room-stage-summary,.live-building-switch):hover,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-stage-wrap :where(.live-room-layer-panel,.live-room-layer-list,.live-room-crumbs,.live-floor-float-nav,.live-room-stage-summary,.live-building-switch):hover{
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app .layout > .main.page-liveRooms .live-room-stage-wrap :where(.live-room-layer-panel,.live-room-layer-list,.live-room-crumbs,.live-floor-float-nav,.live-room-stage-summary,.live-building-switch)::before,
html body .app .layout > .main.page-liveRooms .live-room-stage-wrap :where(.live-room-layer-panel,.live-room-layer-list,.live-room-crumbs,.live-floor-float-nav,.live-room-stage-summary,.live-building-switch)::after,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-stage-wrap :where(.live-room-layer-panel,.live-room-layer-list,.live-room-crumbs,.live-floor-float-nav,.live-room-stage-summary,.live-building-switch)::before,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-stage-wrap :where(.live-room-layer-panel,.live-room-layer-list,.live-room-crumbs,.live-floor-float-nav,.live-room-stage-summary,.live-building-switch)::after{
  content:none!important;
  display:none!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-overview,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-overview{
  display:grid!important;
  gap:10px!important;
  min-width:0!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-02-seg-01-html-body-where-employee-fine-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-02-seg-01-html-body-where-employee-fine-01-unit-02.css */

html body :is(#modal,.app) .live-room-device-panel .live-device-total-strip,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-total-strip{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-total-strip span,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-total-strip span{
  min-width:0!important;
  border:0!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.040)!important;
  padding:8px 7px!important;
  display:grid!important;
  gap:2px!important;
  color:#aaa9a3!important;
  font-size:.58rem!important;
  font-weight:760!important;
  line-height:1.1!important;
  text-align:center!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-total-strip b,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-total-strip b{
  color:#f6f6f3!important;
  font-family:var(--mono)!important;
  font-size:.82rem!important;
  line-height:1!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-list,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-list{
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-02-seg-01-html-body-where-employee-fine-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-02-seg-01-html-body-where-employee-fine-02-unit-01.css */

html body :is(#modal,.app) .live-room-device-panel .live-device-summary-row,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-row{
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  border:0!important;
  outline:0!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.036)!important;
  background-image:none!important;
  box-shadow:none!important;
  padding:8px!important;
  color:#f3f3f0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  cursor:pointer!important;
  text-align:left!important;
  transition:background .16s ease,transform .16s ease!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-row::before,
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-row::after,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-row::before,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-row::after{
  content:none!important;
  display:none!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-row:hover,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-row:hover,
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-row.active,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-row.active{
  background:rgba(255,255,255,.070)!important;
  transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-main,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-main{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:26px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:center!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-main i,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-main i{
  display:grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.074)!important;
  font-style:normal!important;
  font-size:.64rem!important;
  font-weight:860!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-main b,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-main b,
html body :is(#modal,.app) .live-room-device-panel .live-device-selected-title b,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-selected-title b{
  display:block!important;
  min-width:0!important;
  color:#f7f7f4!important;
  font-size:.72rem!important;
  line-height:1.14!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-main small,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-main small,
html body :is(#modal,.app) .live-room-device-panel .live-device-selected-title small,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-selected-title small{
  display:block!important;
  min-width:0!important;
  color:#8f8d88!important;
  font-size:.58rem!important;
  line-height:1.12!important;
  margin-top:2px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-count,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-count{
  display:inline-flex!important;
  align-items:baseline!important;
  gap:3px!important;
  color:#aaa9a3!important;
  font-size:.58rem!important;
  line-height:1!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-count b,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-count b{
  color:#f6f6f3!important;
  font-family:var(--mono)!important;
  font-size:.86rem!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-02-seg-01-html-body-where-employee-fine-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-02-seg-01-html-body-where-employee-fine-02-unit-02.css */

html body :is(#modal,.app) .live-room-device-panel .live-device-summary-count em,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-count em{
  font-style:normal!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-selected-title,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-selected-title{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:8px!important;
  min-width:0!important;
  padding-top:2px!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-detail-row,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-detail-row{
  cursor:pointer!important;
}
html body :is(#modal,.app) .live-device-info-card,
html[data-theme] body :is(#modal,.app) .live-device-info-card{
  display:grid!important;
  gap:12px!important;
}
html body :is(#modal,.app) .live-device-info-head,
html[data-theme] body :is(#modal,.app) .live-device-info-head{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
}
html body :is(#modal,.app) .live-device-info-head i,
html[data-theme] body :is(#modal,.app) .live-device-info-head i{
  display:grid!important;
  place-items:center!important;
  width:32px!important;
  height:32px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.070)!important;
  color:#f8f8f5!important;
  font-style:normal!important;
  font-weight:880!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-02-seg-01-html-body-where-employee-fine-02-unit-02.css */


/* >>> runtime/legacy/styles/index-parts/index-part-06.css */

/* Legacy CSS entry part 6/7. Keep import order stable. */

/* <<< runtime/legacy/styles/index-parts/index-part-06.css */


/* >>> runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-02-seg-01-html-body-where-employee-fine-03.css */

html body :is(#modal,.app) .live-device-info-head b,
html[data-theme] body :is(#modal,.app) .live-device-info-head b{
  display:block!important;
  color:#f8f8f5!important;
  font-size:.9rem!important;
  line-height:1.16!important;
}
html body :is(#modal,.app) .live-device-info-head small,
html[data-theme] body :is(#modal,.app) .live-device-info-head small{
  display:block!important;
  margin-top:3px!important;
  color:#999791!important;
  font-size:.66rem!important;
}
html body :is(#modal,.app) .live-device-info-grid,
html[data-theme] body :is(#modal,.app) .live-device-info-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px 12px!important;
}
html body :is(#modal,.app) .live-device-info-grid span,
html[data-theme] body :is(#modal,.app) .live-device-info-grid span{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
  padding:7px 0!important;
  border-bottom:1px solid rgba(255,255,255,.060)!important;
}
html body :is(#modal,.app) .live-device-info-grid em,
html[data-theme] body :is(#modal,.app) .live-device-info-grid em{
  font-style:normal!important;
  color:#85837d!important;
  font-size:.58rem!important;
}
html body :is(#modal,.app) .live-device-info-grid b,
html[data-theme] body :is(#modal,.app) .live-device-info-grid b{
  min-width:0!important;
  color:#f1f0eb!important;
  font-size:.7rem!important;
  line-height:1.18!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body :is(#modal,.app) .live-device-rail-redesign,
html[data-theme] body :is(#modal,.app) .live-device-rail-redesign{
  gap:14px!important;
}
html body :is(#modal,.app) .live-device-section,
html[data-theme] body :is(#modal,.app) .live-device-section{
  display:grid!important;
  gap:8px!important;
  min-width:0!important;
}
html body :is(#modal,.app) .live-device-section-head,
html[data-theme] body :is(#modal,.app) .live-device-section-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-end!important;
  gap:10px!important;
  padding:0 0 2px!important;
  border:0!important;
  background:transparent!important;
}
html body :is(#modal,.app) .live-device-section-head span,
html[data-theme] body :is(#modal,.app) .live-device-section-head span{
  color:#f5f5f2!important;
  font-size:.76rem!important;
  font-weight:820!important;
  line-height:1.1!important;
}
html body :is(#modal,.app) .live-device-section-head small,

/* <<< runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-02-seg-01-html-body-where-employee-fine-03.css */


/* >>> runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-02-seg-02-html-body-where-employee-micro-01-unit-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-22-part-02-html-body-where-employee.css. Keep import order stable. */
html[data-theme] body :is(#modal,.app) .live-device-section-head small{
  min-width:0!important;
  color:#86847e!important;
  font-size:.58rem!important;
  line-height:1.1!important;
  text-align:right!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body :is(#modal,.app) .live-device-catalog-list,
html[data-theme] body :is(#modal,.app) .live-device-catalog-list,
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-list,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-list{
  display:grid!important;
  gap:7px!important;
  min-width:0!important;
}
html body :is(#modal,.app) .live-device-list-group,
html[data-theme] body :is(#modal,.app) .live-device-list-group{
  display:grid!important;
  gap:0!important;
  min-width:0!important;
}
html body :is(#modal,.app) .live-device-list-title,
html[data-theme] body :is(#modal,.app) .live-device-list-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  padding:3px 0 5px!important;
  color:#8d8b85!important;
  font-size:.58rem!important;
  line-height:1!important;
  border:0!important;
  background:transparent!important;
}
html body :is(#modal,.app) .live-device-list-title span,
html[data-theme] body :is(#modal,.app) .live-device-list-title span{
  color:#a7a59f!important;
  font-weight:820!important;
}
html body :is(#modal,.app) .live-device-list-title small,
html[data-theme] body :is(#modal,.app) .live-device-list-title small{
  color:#74726d!important;
  font-size:.54rem!important;
  font-weight:720!important;
}
html body :is(#modal,.app) .live-device-catalog-row,
html[data-theme] body :is(#modal,.app) .live-device-catalog-row,
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-row,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-row{
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  padding:7px 0!important;
  color:#deddd8!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  gap:9px!important;
  align-items:center!important;
  text-align:left!important;
  cursor:pointer!important;
  transform:none!important;
}
html body :is(#modal,.app) .live-device-catalog-row::before,
html body :is(#modal,.app) .live-device-catalog-row::after,
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-row::before,
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-row::after,
html[data-theme] body :is(#modal,.app) .live-device-catalog-row::before,
html[data-theme] body :is(#modal,.app) .live-device-catalog-row::after,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-row::before,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-row::after{
  content:none!important;
  display:none!important;
}
html body :is(#modal,.app) .live-device-catalog-row:hover,
html[data-theme] body :is(#modal,.app) .live-device-catalog-row:hover,
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-row:hover,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-row:hover,
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-row.active,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-row.active{
  background:transparent!important;
  box-shadow:inset 2px 0 0 rgba(244,244,241,.72)!important;
  color:#fff!important;
  transform:none!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-row.active,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-row.active{
  padding-left:8px!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-02-seg-02-html-body-where-employee-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-02-seg-02-html-body-where-employee-micro-01-unit-02.css */

html body :is(#modal,.app) .live-device-avatar,
html[data-theme] body :is(#modal,.app) .live-device-avatar{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.070)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.075)!important;
  position:relative!important;
}
html body :is(#modal,.app) .live-device-avatar img,
html[data-theme] body :is(#modal,.app) .live-device-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
html body :is(#modal,.app) .live-device-avatar em,
html[data-theme] body :is(#modal,.app) .live-device-avatar em{
  display:none!important;
  font-style:normal!important;
  color:#f8f8f5!important;
  font-size:.62rem!important;
  font-weight:880!important;
}
html body :is(#modal,.app) .live-device-avatar.fallback em,
html[data-theme] body :is(#modal,.app) .live-device-avatar.fallback em{
  display:block!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-02-seg-02-html-body-where-employee-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-02-seg-02-html-body-where-employee-micro-02-unit-01.css */

html body :is(#modal,.app) .live-device-list-name,
html[data-theme] body :is(#modal,.app) .live-device-list-name{
  min-width:0!important;
  color:inherit!important;
  font-size:.7rem!important;
  font-weight:760!important;
  line-height:1.12!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-main,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-main{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:center!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-main b,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-main b{
  font-size:.7rem!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-main small,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-main small{
  font-size:.56rem!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-count,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-count{
  justify-self:end!important;
}
html body :is(#modal,.app) .live-device-catalog-list,
html[data-theme] body :is(#modal,.app) .live-device-catalog-list{
  gap:4px!important;
}
html body :is(#modal,.app) .live-device-list-title,
html[data-theme] body :is(#modal,.app) .live-device-list-title{
  padding:2px 0 3px!important;
}
html body :is(#modal,.app) .live-device-catalog-row,
html[data-theme] body :is(#modal,.app) .live-device-catalog-row,
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-row,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-row{
  min-height:34px!important;
  padding:5px 0!important;
  grid-template-columns:30px minmax(0,1fr) auto!important;
  gap:7px!important;
}
html body :is(#modal,.app) .live-device-avatar,
html[data-theme] body :is(#modal,.app) .live-device-avatar{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  filter:drop-shadow(0 6px 12px rgba(0,0,0,.32))!important;
}
html body :is(#modal,.app) .live-device-avatar img,
html[data-theme] body :is(#modal,.app) .live-device-avatar img{
  display:none!important;
}
html body :is(#modal,.app) .live-device-icon-svg,
html[data-theme] body :is(#modal,.app) .live-device-icon-svg{
  width:26px!important;
  height:26px!important;
  display:block!important;
  color:#f8f8f5!important;
}
html body :is(#modal,.app) .live-device-icon-svg :is(path,rect,circle,line,polyline,polygon,ellipse),
html[data-theme] body :is(#modal,.app) .live-device-icon-svg :is(path,rect,circle,line,polyline,polygon,ellipse){
  vector-effect:non-scaling-stroke!important;
}
html body :is(#modal,.app) .live-device-info-head .live-device-avatar,
html[data-theme] body :is(#modal,.app) .live-device-info-head .live-device-avatar{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
}
html body :is(#modal,.app) .live-device-info-head .live-device-icon-svg,
html[data-theme] body :is(#modal,.app) .live-device-info-head .live-device-icon-svg{
  width:34px!important;
  height:34px!important;
}
html body :is(#modal,.app) .live-device-detail-main,
html[data-theme] body :is(#modal,.app) .live-device-detail-main{
  grid-template-columns:30px minmax(0,1fr)!important;
  gap:7px!important;
  align-items:center!important;
}
html body :is(#modal,.app) .live-device-detail-main > .live-device-avatar,
html[data-theme] body :is(#modal,.app) .live-device-detail-main > .live-device-avatar{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-02-seg-02-html-body-where-employee-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-02-seg-02-html-body-where-employee-micro-02-unit-02.css */

html body :is(#modal,.app) .live-device-param-shell,
html[data-theme] body :is(#modal,.app) .live-device-param-shell{
  display:grid!important;
  gap:12px!important;
  min-width:0!important;
}
html body :is(#modal,.app) .live-device-param-head,
html[data-theme] body :is(#modal,.app) .live-device-param-head{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  padding:0 0 4px!important;
}
html body :is(#modal,.app) .live-device-param-head b,
html[data-theme] body :is(#modal,.app) .live-device-param-head b{
  display:block!important;
  color:#f5f5f2!important;
  font-size:.88rem!important;
  line-height:1.16!important;
}
html body :is(#modal,.app) .live-device-param-head small,
html[data-theme] body :is(#modal,.app) .live-device-param-head small{
  display:block!important;
  margin-top:2px!important;
  color:#85837d!important;
  font-size:.62rem!important;
  line-height:1.18!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-02-seg-02-html-body-where-employee-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-02-seg-02-html-body-where-employee-micro-03.css */

html body :is(#modal,.app) .live-device-param-tabs,
html[data-theme] body :is(#modal,.app) .live-device-param-tabs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  min-width:0!important;
}
html body :is(#modal,.app) .live-device-param-tab,
html[data-theme] body :is(#modal,.app) .live-device-param-tab{
  min-height:34px!important;
  border:0!important;
  border-radius:var(--mc-radius-model,8px)!important;
  background:transparent!important;
  color:#9d9a93!important;
  box-shadow:none!important;
  padding:7px 10px!important;
  text-align:left!important;
  cursor:pointer!important;
}
html body :is(#modal,.app) .live-device-param-tab b,
html[data-theme] body :is(#modal,.app) .live-device-param-tab b{
  display:block!important;
  font-size:.72rem!important;
  line-height:1.1!important;
  font-weight:820!important;
}
html body :is(#modal,.app) .live-device-param-tab small,
html[data-theme] body :is(#modal,.app) .live-device-param-tab small{
  display:block!important;
  margin-top:2px!important;
  font-size:.56rem!important;
  line-height:1.1!important;
  color:inherit!important;
  opacity:.68!important;
}
html body :is(#modal,.app) .live-device-param-tab.active,
html[data-theme] body :is(#modal,.app) .live-device-param-tab.active{
  color:#f8f8f5!important;
  background:rgba(255,255,255,.075)!important;
}
html body :is(#modal,.app) .live-device-param-box,
html[data-theme] body :is(#modal,.app) .live-device-param-box{
  display:grid!important;
  gap:9px!important;
  min-width:0!important;
}
html body :is(#modal,.app) .live-device-model-variants,
html[data-theme] body :is(#modal,.app) .live-device-model-variants{
  display:grid!important;
  gap:8px!important;
  min-width:0!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-02-seg-02-html-body-where-employee-micro-03.css */


/* >>> runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-03-seg-01-html-body-where-employee-nano-02.css */

html body .app.app .layout > .main.page-system .settings-title-time b,
html[data-theme] body .app.app .layout > .main.page-system .settings-title-time b{
  color:var(--sys-text,#f4f4f1)!important;
  -webkit-text-fill-color:var(--sys-text,#f4f4f1)!important;
  font-size:.84rem!important;
  font-weight:820!important;
}
html body .app.app .layout > .main.page-system .settings-layout-grid,
html[data-theme] body .app.app .layout > .main.page-system .settings-layout-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:start!important;
}
html body .app.app .layout > .main.page-system .settings-left-column,
html[data-theme] body .app.app .layout > .main.page-system .settings-left-column{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  align-items:start!important;
  min-width:0!important;
}
html body .app.app .layout > .main.page-system .settings-left-column > .settings-column-card,
html[data-theme] body .app.app .layout > .main.page-system .settings-left-column > .settings-column-card{
  min-height:0!important;
}
html body .app.app .layout > .main.page-system .settings-right-empty,
html[data-theme] body .app.app .layout > .main.page-system .settings-right-empty{
  min-width:0!important;
  min-height:1px!important;
  pointer-events:none!important;
}
html body .app.app .layout > .main.page-system .settings-column-card,
html[data-theme] body .app.app .layout > .main.page-system .settings-column-card{
  grid-column:auto!important;
  min-height:100%!important;
}
html body .app.app .layout > .main.page-system .settings-location-card,
html[data-theme] body .app.app .layout > .main.page-system .settings-location-card{
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:none!important;
  justify-self:stretch!important;
}
html body .app.app .layout > .main.page-system .settings-frame,
html[data-theme] body .app.app .layout > .main.page-system .settings-frame{
  padding:14px!important;
}
html body .app.app .layout > .main.page-system .settings-frame::before,
html body .app.app .layout > .main.page-system .settings-frame::after,
html[data-theme] body .app.app .layout > .main.page-system .settings-frame::before,
html[data-theme] body .app.app .layout > .main.page-system .settings-frame::after{
  display:none!important;
  content:none!important;
}
html body .app.app .layout > .main.page-system .settings-card-title,
html[data-theme] body .app.app .layout > .main.page-system .settings-card-title{
  min-height:0!important;
  margin:0 0 10px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-system .settings-card-title span,
html[data-theme] body .app.app .layout > .main.page-system .settings-card-title span{
  color:var(--sys-text,#f4f4f1)!important;
  font-size:.86rem!important;
  line-height:1.2!important;
  font-weight:820!important;
}
html body .app.app .layout > .main.page-system .settings-card-stack,
html[data-theme] body .app.app .layout > .main.page-system .settings-card-stack{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  align-content:start!important;
}
html body .app.app .layout > .main.page-system :where(.settings-sub-block,.settings-invite-block,.settings-cloud-block,.settings-time-block),
html[data-theme] body .app.app .layout > .main.page-system :where(.settings-sub-block,.settings-invite-block,.settings-cloud-block,.settings-time-block){
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-03-seg-01-html-body-where-employee-nano-02.css */


/* >>> runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-03-seg-01-html-body-where-employee-nano-03.css */

html body .app.app .layout > .main.page-system .settings-frame :where(.field,.mc-combo-field-wrap),
html[data-theme] body .app.app .layout > .main.page-system .settings-frame :where(.field,.mc-combo-field-wrap){
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-system .settings-frame .field label,
html[data-theme] body .app.app .layout > .main.page-system .settings-frame .field label{
  margin:0 0 5px!important;
  color:var(--sys-muted,rgba(244,244,241,.54))!important;
  font-size:.72rem!important;
  line-height:1.2!important;
  font-weight:760!important;
  -webkit-text-fill-color:var(--sys-muted,rgba(244,244,241,.54))!important;
}
html body .app.app .layout > .main.page-system .settings-frame :where(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box),
html[data-theme] body .app.app .layout > .main.page-system .settings-frame :where(.mc-combo-field,.mc-form-input-box,.mc-form-select-combo,.mc-form-textarea-box){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-system .settings-invite-line,
html[data-theme] body .app.app .layout > .main.page-system .settings-invite-line{
  display:grid!important;
  gap:5px!important;
  padding:2px 0 0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-system .settings-invite-line > span,
html[data-theme] body .app.app .layout > .main.page-system .settings-invite-line > span{
  color:var(--sys-muted,rgba(244,244,241,.54))!important;
  font-size:.72rem!important;
  line-height:1.2!important;
  font-weight:760!important;
}
html body .app.app .layout > .main.page-system .settings-invite-value,
html[data-theme] body .app.app .layout > .main.page-system .settings-invite-value{
  display:flex!important;
  justify-content:flex-start!important;
  gap:8px!important;
  align-items:center!important;
  min-width:0!important;
}
html body .app.app .layout > .main.page-system .settings-invite-value b,
html[data-theme] body .app.app .layout > .main.page-system .settings-invite-value b{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body .app.app .layout > .main.page-system .settings-public-qr-card-clean,
html[data-theme] body .app.app .layout > .main.page-system .settings-public-qr-card-clean{
  padding:14px 16px!important;
}
html body .app.app .layout > .main.page-system .settings-public-qr-card-clean .settings-card-title,
html[data-theme] body .app.app .layout > .main.page-system .settings-public-qr-card-clean .settings-card-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 10px!important;
}
html body .app.app .layout > .main.page-system .settings-public-qr-card-clean .settings-card-title .settings-inline-action,
html[data-theme] body .app.app .layout > .main.page-system .settings-public-qr-card-clean .settings-card-title .settings-inline-action{
  flex:0 0 auto!important;
  height:28px!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:var(--mc-radius-control,8px)!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--mc-save-button-text,#67d7ff)!important;
  -webkit-text-fill-color:var(--mc-save-button-text,#67d7ff)!important;
  font-size:var(--mc-type-body-control,.82rem)!important;
  font-weight:850!important;
}
html body .app.app .layout > .main.page-system .settings-public-qr-card-clean .settings-card-title .settings-inline-action:is(:hover,:focus-visible),
html[data-theme] body .app.app .layout > .main.page-system .settings-public-qr-card-clean .settings-card-title .settings-inline-action:is(:hover,:focus-visible){
  background:var(--mc-model-button-fill-hover,rgba(255,255,255,.06))!important;
  background-image:var(--mc-model-button-fill-hover,rgba(255,255,255,.06))!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  transform:none!important;
}
html body .app.app .layout > .main.page-system .settings-public-qr-summary,
html[data-theme] body .app.app .layout > .main.page-system .settings-public-qr-summary{
  display:grid!important;
  gap:4px!important;
  padding:0!important;
}
html body .app.app .layout > .main.page-system .settings-public-qr-summary b,
html[data-theme] body .app.app .layout > .main.page-system .settings-public-qr-summary b{
  color:var(--sys-text,#f4f4f1)!important;
  font-size:.86rem!important;
  line-height:1.25!important;
  font-weight:860!important;
}
html body .app.app .layout > .main.page-system .settings-public-qr-summary span,
html[data-theme] body .app.app .layout > .main.page-system .settings-public-qr-summary span{
  color:var(--sys-muted,rgba(244,244,241,.56))!important;
  font-size:.74rem!important;
  line-height:1.35!important;
  font-weight:650!important;
}
.settings-qr-modal .m-body{
  padding:16px!important;
}
.modal.settings-qr-modal{
  width:min(520px,calc(100vw - 32px))!important;
  max-width:520px!important;
}
.modal.settings-qr-modal .m-head{
  border-bottom:0!important;
}
.settings-qr-panel{
  display:grid!important;
  gap:12px!important;
  justify-items:center!important;
}
.settings-qr-box{
  width:min(330px,100%)!important;
  height:auto!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border-radius:var(--mc-radius-control,8px)!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.settings-qr-img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  border-radius:var(--mc-radius-control,8px)!important;
  object-fit:contain!important;
  box-shadow:none!important;
}
.settings-qr-svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
}
.settings-qr-svg rect{
  shape-rendering:crispEdges!important;
}
.settings-qr-copy{
  width:100%!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  padding:8px 0!important;
  border-top:.5px solid rgba(244,244,241,.10)!important;
  border-bottom:.5px solid rgba(244,244,241,.10)!important;
}
.settings-qr-copy span{
  color:var(--sys-muted,rgba(244,244,241,.54))!important;
  font-size:var(--mc-type-caption-meta,.68rem)!important;
  font-weight:760!important;
}
.settings-qr-copy b{
  color:var(--sys-text,#f4f4f1)!important;
  font-size:.75rem!important;
  line-height:1.25!important;
  font-weight:720!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.settings-qr-modal-public .m-head{
  padding:14px 16px 0!important;
}
.settings-qr-modal-public .m-body{
  padding:14px 16px 16px!important;
}
.settings-qr-modal-public .settings-qr-panel{
  gap:10px!important;
}
.settings-qr-modal-public .settings-qr-box{
  width:min(350px,100%)!important;
  height:auto!important;
  padding:0!important;
}
.settings-qr-meta{
  width:100%!important;
  display:grid!important;
  gap:3px!important;
  justify-items:center!important;
  text-align:center!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.settings-qr-meta b{
  color:var(--sys-text,#f4f4f1)!important;
  font-size:var(--mc-type-emphasized-body,.82rem)!important;
  line-height:1.25!important;
  font-weight:860!important;
}
.settings-qr-meta span{
  color:var(--sys-muted,rgba(244,244,241,.56))!important;
  font-size:.73rem!important;
  line-height:1.35!important;
  font-weight:650!important;
}
.settings-qr-actions{
  width:100%!important;
  display:flex!important;
  justify-content:flex-start!important;
}
.settings-qr-modal-public .settings-qr-actions{
  justify-content:center!important;
  gap:8px!important;
}
.settings-qr-actions .settings-inline-action{
  height:28px!important;
  padding:0 var(--mc-frameless-pad-x,8px)!important;
  border:0!important;
  border-radius:var(--mc-button-radius,8px)!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(244,244,241,.78)!important;
  -webkit-text-fill-color:rgba(244,244,241,.78)!important;
  font-size:var(--mc-type-body-control,.82rem)!important;
  font-weight:800!important;
}
.settings-qr-actions .settings-inline-action:is(:hover,:focus-visible){
  background:var(--mc-model-button-fill-hover,rgba(255,255,255,.06))!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  transform:translateY(var(--mc-model-lift-y,-2px))!important;
}
.settings-qr-fallback{
  color:#111!important;
  font-size:var(--mc-type-emphasized-body,.82rem)!important;
  font-weight:760!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/employee-detail/effects/001-base-slice-22-part-03-seg-01-html-body-where-employee-nano-03.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-23-shared-cross-surface-001-slice-23-part-01-seg-01-html-body-app-app-layout-fine-01-unit-01.css */

/* Legacy ordered base slice 23 part 01; split from 001-base-slice-23-html-body-app-app-layout.css. Keep import order stable. */
html body .app.app .layout > .main.page-system .settings-password-current-set > b > i,
html[data-theme] body .app.app .layout > .main.page-system .settings-password-current-set > b > i{
  display:inline-block!important;
  flex:0 0 var(--mc-dot-size,8px)!important;
  width:var(--mc-dot-size,8px)!important;
  height:var(--mc-dot-size,8px)!important;
  border-radius:50%!important;
  background:var(--ok,#4ade80)!important;
  box-shadow:0 0 10px rgba(74,222,128,.52)!important;
}
html body .app.app .layout > .main.page-system .settings-column-card .sys-status-dot,
html[data-theme] body .app.app .layout > .main.page-system .settings-column-card .sys-status-dot{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:24px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
html body .app.app .layout > .main.page-system .settings-column-card .sys-status-dot::before,
html[data-theme] body .app.app .layout > .main.page-system .settings-column-card .sys-status-dot::before{
  flex:0 0 var(--mc-dot-size,8px)!important;
  margin:0!important;
  position:static!important;
  transform:none!important;
}
.employee-password-reset-body{
  display:grid;
  gap:12px;
}
.employee-password-reset-card{
  display:grid;
  gap:10px;
}
.employee-generated-password{
  display:grid;
  grid-template-columns:88px minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  min-height:42px;
  padding:8px 0;
  border-bottom:.5px solid rgba(244,244,241,.08);
}
.employee-generated-password > span{
  color:var(--soft,#9ca3af);
  font-size:var(--mc-type-caption-meta,.68rem);
  font-weight:760;
}
.employee-generated-password-value,
.mc-copy-line{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
.employee-generated-password-value > b,
.employee-generated-password > b{
  min-width:0;
  color:var(--ok,#4ade80);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:1rem;
  line-height:1.1;
  letter-spacing:.04em;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mc-copy-button{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  width:auto!important;
  min-width:0!important;
  height:24px!important;
  min-height:24px!important;
  padding:0 7px!important;
  border:0!important;
  border-radius:var(--mc-button-radius,8px)!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--soft,#9ca3af)!important;
  font-size:.7rem!important;
  font-weight:780!important;
  line-height:1!important;
  white-space:nowrap!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-23-shared-cross-surface-001-slice-23-part-01-seg-01-html-body-app-app-layout-fine-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/employees/detail/compatibility-layout/001-base-slice-23-employee-002-slice-23-part-01-seg-01-html-body-app-app-layout-fine-01-unit-02.css */

.mc-copy-button:hover,
.mc-copy-button:focus-visible{
  background:var(--mc-model-button-fill-hover,rgba(255,255,255,.06))!important;
  color:var(--text,#f4f4f1)!important;
  transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important;
}
.mc-copy-button .top-ico{
  width:14px!important;
  height:14px!important;
}
.employee-generated-password-actions{
  display:inline-flex;
  gap:6px;
  align-items:center;
  justify-content:flex-end;
}
.employee-password-reset-msg{
  min-height:18px;
  color:var(--muted,#9ca3af);
  font-size:.75rem;
  line-height:1.4;
}
.employee-password-reset-msg.ok{color:var(--ok,#4ade80)}
.employee-password-reset-msg.warn{color:var(--warn,#fbbf24)}
.employee-password-reset-msg.danger{color:var(--danger,#f87171)}
.account-access-list{
  display:grid!important;
  gap:0!important;
  margin:2px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/employees/detail/compatibility-layout/001-base-slice-23-employee-002-slice-23-part-01-seg-01-html-body-app-app-layout-fine-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-23-application-layout-003-slice-23-part-01-seg-01-html-body-app-app-layout-fine-02-unit-01.css */

.account-access-row{
  --account-row-color:var(--brand,#60a5fa);
  display:grid!important;
  grid-template-columns:88px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  min-height:42px!important;
  padding:8px 0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  background-image:none!important;
  transition:background .16s ease,color .16s ease,transform .16s ease!important;
}
.account-access-row:nth-child(2n){
  background:transparent!important;
  background-image:none!important;
}
.account-access-row .k{
  color:color-mix(in srgb,var(--account-row-color) 72%,var(--soft,#9ca3af))!important;
  font-size:var(--mc-type-caption-meta,.68rem)!important;
  font-weight:820!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.account-access-row .v{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:0!important;
  color:var(--text,#f4f4f1)!important;
  font-size:var(--mc-type-emphasized-body,.82rem)!important;
  font-weight:720!important;
  line-height:1.25!important;
  text-align:right!important;
  overflow:hidden!important;
}
.account-access-row .v > span,
.account-access-row .v > b{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.account-access-row.tone-blue{--account-row-color:#60a5fa}
.account-access-row.tone-green{--account-row-color:#4ade80}
.account-access-row.tone-cyan{--account-row-color:#22d3ee}
.account-access-row.tone-amber{--account-row-color:#fbbf24}
.account-access-row.tone-rose{--account-row-color:#fb7185}
.account-access-row.tone-violet{--account-row-color:#a78bfa}
html body .app.app .layout > .main.page-system .settings-column-card .sys-kv .mc-form-select-combo,
html[data-theme] body .app.app .layout > .main.page-system .settings-column-card .sys-kv .mc-form-select-combo{
  width:100%!important;
}
html body .app.app .layout > .main.page-system .office-form,
html[data-theme] body .app.app .layout > .main.page-system .office-form{
  max-width:none!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
html body .app.app .layout > .main.page-system .office-form > input[type=hidden],
html[data-theme] body .app.app .layout > .main.page-system .office-form > input[type=hidden]{
  display:none!important;
}
html body .app.app .layout > .main.page-system :where(.office-coordinate-summary,.radius-tools,.office-actions),
html[data-theme] body .app.app .layout > .main.page-system :where(.office-coordinate-summary,.radius-tools,.office-actions){
  grid-column:1 / -1!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-system .office-form > div:last-child,
html[data-theme] body .app.app .layout > .main.page-system .office-form > div:last-child{
  grid-column:1 / -1!important;
  min-width:0!important;
}
html body .app.app .layout > .main.page-system .office-coordinate-summary,
html[data-theme] body .app.app .layout > .main.page-system .office-coordinate-summary{
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr)!important;
  gap:4px 8px!important;
  align-items:start!important;
}
html body .app.app .layout > .main.page-system .office-coordinate-summary span,
html[data-theme] body .app.app .layout > .main.page-system .office-coordinate-summary span{
  color:var(--sys-muted,rgba(244,244,241,.54))!important;
  font-size:.72rem!important;
  line-height:1.25!important;
  font-weight:760!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-23-application-layout-003-slice-23-part-01-seg-01-html-body-app-app-layout-fine-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-23-application-layout-004-slice-23-part-01-seg-01-html-body-app-app-layout-fine-02-unit-02.css */

html body .app.app .layout > .main.page-system .office-coordinate-summary b,
html[data-theme] body .app.app .layout > .main.page-system .office-coordinate-summary b{
  min-width:0!important;
  color:var(--sys-text,#f4f4f1)!important;
  font-size:.78rem!important;
  line-height:1.25!important;
  font-weight:760!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .app.app .layout > .main.page-system .office-coordinate-summary small,
html[data-theme] body .app.app .layout > .main.page-system .office-coordinate-summary small{
  grid-column:2!important;
  color:var(--sys-muted,rgba(244,244,241,.54))!important;
  font-size:.7rem!important;
  line-height:1.25!important;
}
html body .app.app .layout > .main.page-system .radius-tools,
html[data-theme] body .app.app .layout > .main.page-system .radius-tools{
  display:grid!important;
  grid-template-columns:130px minmax(0,1fr) 70px!important;
  gap:8px!important;
  align-items:center!important;
}
html body .app.app .layout > .main.page-system .office-radius-head,
html[data-theme] body .app.app .layout > .main.page-system .office-radius-head{
  display:grid!important;
  gap:2px!important;
}
html body .app.app .layout > .main.page-system .office-radius-head span,
html[data-theme] body .app.app .layout > .main.page-system .office-radius-head span{
  color:var(--sys-muted,rgba(244,244,241,.54))!important;
  font-size:.72rem!important;
  line-height:1.2!important;
  font-weight:760!important;
}

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-23-application-layout-004-slice-23-part-01-seg-01-html-body-app-app-layout-fine-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-23-application-layout-005-slice-23-part-01-seg-01-html-body-app-app-layout-fine-03-malformed-retained.css */

html body .app.app .layout > .main.page-system .office-radius-head b,
html[data-theme] body .app.app .layout > .main.page-system .office-radius-head b{
  color:var(--sys-text,#f4f4f1)!important;
  font-size:.78rem!important;
  line-height:1.2!important;
  font-weight:820!important;
}
html body .app.app .layout > .main.page-system .radius-tools input[type=range],
html[data-theme] body .app.app .layout > .main.page-system .radius-tools input[type=range]{
  width:100%!important;
  min-width:0!important;
  accent-color:var(--mc-spectrum-1,#7ef0a4)!important;
}
html body .app.app .layout > .main.page-system .office-radius-scale,
html[data-theme] body .app.app .layout > .main.page-system .office-radius-scale{
  display:flex!important;
  justify-content:space-between!important;
  gap:8px!important;
  color:var(--sys-muted,rgba(244,244,241,.54))!important;
  font-size:.68rem!important;
}
html body .app.app .layout > .main.page-system .office-actions,
html[data-theme] body .app.app .layout > .main.page-system .office-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  align-items:center!important;
}
html body .app.app .layout > .main.page-system .office-actions .btn,
html[data-theme] body .app.app .layout > .main.page-system .office-actions .btn{
  min-height:30px!important;
  padding:6px 9px!important;
}
html body .app.app .layout > .main.page-system .office-note,
html[data-theme] body .app.app .layout > .main.page-system .office-note{
  min-width:0!important;
  color:var(--sys-muted,rgba(244,244,241,.54))!important;
  font-size:.72rem!important;
  line-height:1.3!important;
}
html body .app.app .layout > .main.page-system .geo-preview,
html[data-theme] body .app.app .layout > .main.page-system .geo-preview{
  max-width:none!important;
  margin:0!important;
  border:.5px solid var(--mc-model-content-box-line-soft,rgba(244,244,241,.06))!important;
  border-radius:8px!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html body .app.app .layout > .main.page-system .geo-preview iframe,
html[data-theme] body .app.app .layout > .main.page-system .geo-preview iframe{
  height:190px!important;
  border:0!important;
}
html body .app.app .layout > .main.page-system .geo-preview a,
html[data-theme] body .app.app .layout > .main.page-system .geo-preview a{
  padding:7px 8px!important;
  border-top:.5px solid var(--mc-model-content-box-line-soft,rgba(244,244,241,.06))!important;
  background:transparent!important;
  color:var(--sys-text,#f4f4f1)!important;
  font-size:.72rem!important;
  line-height:1.2!important;
  text-decoration:none!important;
}
html body .app.app .layout > .main.page-system .settings-empty,

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility-layout/001-base-slice-23-application-layout-005-slice-23-part-01-seg-01-html-body-app-app-layout-fine-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-23-shared-cross-surface-006-slice-23-part-01-seg-02-html-body-app-app-layout-micro-01-unit-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-23-part-01-html-body-app-app-layout.css. Keep import order stable. */
html[data-theme] body .app.app .layout > .main.page-system .settings-empty{
  min-height:42px!important;
  display:grid!important;
  place-items:center!important;
  padding:9px 10px!important;
  border:.5px solid var(--mc-model-content-box-line-soft,rgba(244,244,241,.06))!important;
  border-radius:8px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--sys-muted,rgba(244,244,241,.54))!important;
  font-size:.72rem!important;
}
@media(max-width:900px){
  html body .app.app .layout > .main.page-system .settings-layout-grid,
  html[data-theme] body .app.app .layout > .main.page-system .settings-layout-grid,
  html body .app.app .layout > .main.page-system .office-form,
  html[data-theme] body .app.app .layout > .main.page-system .office-form{
    grid-template-columns:1fr!important;
  }
  html body .app.app .layout > .main.page-system .settings-location-card,
  html[data-theme] body .app.app .layout > .main.page-system .settings-location-card{
    grid-column:auto!important;
  }
  html body .app.app .layout > .main.page-system .settings-right-empty,
  html[data-theme] body .app.app .layout > .main.page-system .settings-right-empty{
    display:none!important;
  }
  html body .app.app .layout > .main.page-system .radius-tools,
  html[data-theme] body .app.app .layout > .main.page-system .radius-tools{
    grid-template-columns:1fr!important;
  }
}
html body #modal .people-picker-v2-modal,
html[data-theme] body #modal .people-picker-v2-modal{
  width:min(440px,calc(100vw - 28px))!important;
  max-width:min(440px,calc(100vw - 28px))!important;
}
html body #modal .people-picker-v2,
html[data-theme] body #modal .people-picker-v2{
  display:grid!important;
  gap:10px!important;
  min-width:0!important;
  color:var(--text)!important;
}
html body #modal .people-picker-v2 :where(button,.btn,.org-pick-row,.people-picker-selected-person,.people-picker-selected-dept,.org-pick-fold),
html[data-theme] body #modal .people-picker-v2 :where(button,.btn,.org-pick-row,.people-picker-selected-person,.people-picker-selected-dept,.org-pick-fold){
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}
html body #modal .people-picker-v2 :where(button,.btn,.org-pick-row,.people-picker-selected-person,.people-picker-selected-dept,.org-pick-fold)::before,
html body #modal .people-picker-v2 :where(button,.btn,.org-pick-row,.people-picker-selected-person,.people-picker-selected-dept,.org-pick-fold)::after,
html[data-theme] body #modal .people-picker-v2 :where(button,.btn,.org-pick-row,.people-picker-selected-person,.people-picker-selected-dept,.org-pick-fold)::before,
html[data-theme] body #modal .people-picker-v2 :where(button,.btn,.org-pick-row,.people-picker-selected-person,.people-picker-selected-dept,.org-pick-fold)::after{
  display:none!important;
  content:none!important;
}
html body #modal .people-picker-v2 .people-picker-tabs,
html[data-theme] body #modal .people-picker-v2 .people-picker-tabs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
}
html body #modal .people-picker-v2 .people-picker-tabs button,
html[data-theme] body #modal .people-picker-v2 .people-picker-tabs button{
  min-height:30px!important;
  padding:4px 2px!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--soft)!important;
  text-align:left!important;
  font-size:var(--mc-type-body-control,.82rem)!important;
  font-weight:760!important;
  transform:none!important;
}
html body #modal .people-picker-v2 .people-picker-tabs button.active,
html[data-theme] body #modal .people-picker-v2 .people-picker-tabs button.active{
  background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 12%,transparent),transparent 72%)!important;
  color:var(--brand-dark)!important;
}
html body #modal .people-picker-v2 .org-pick-searchbar,
html[data-theme] body #modal .people-picker-v2 .org-pick-searchbar{
  margin:0!important;
}
html body #modal .people-picker-selected,
html[data-theme] body #modal .people-picker-selected{
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-23-shared-cross-surface-006-slice-23-part-01-seg-02-html-body-app-app-layout-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/overlays/secondary-modal/compatibility-layout/001-base-slice-23-secondary-modal-007-slice-23-part-01-seg-02-html-body-app-app-layout-micro-01-unit-02.css */

html body #modal .people-picker-selected-head,
html[data-theme] body #modal .people-picker-selected-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
}
html body #modal .people-picker-selected-head span,
html[data-theme] body #modal .people-picker-selected-head span{
  color:var(--text)!important;
  font-size:var(--mc-type-secondary-body,.76rem)!important;
  font-weight:820!important;
  white-space:nowrap!important;
}
html body #modal .people-picker-selected-head small,
html[data-theme] body #modal .people-picker-selected-head small{
  color:var(--soft)!important;
  font-size:var(--mc-type-caption-meta,.68rem)!important;
  white-space:nowrap!important;
}
html body #modal .people-picker-selected-list,
html[data-theme] body #modal .people-picker-selected-list{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:30px!important;
  min-width:0!important;
  overflow:hidden!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/secondary-modal/compatibility-layout/001-base-slice-23-secondary-modal-007-slice-23-part-01-seg-02-html-body-app-app-layout-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/overlays/secondary-modal/compatibility-layout/001-base-slice-23-secondary-modal-008-slice-23-part-01-seg-02-html-body-app-app-layout-micro-02-unit-01.css */

html body #modal .people-picker-selected-person,
html[data-theme] body #modal .people-picker-selected-person{
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  align-items:center!important;
  gap:6px!important;
  max-width:128px!important;
  min-width:0!important;
  padding:2px 0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--text)!important;
  cursor:pointer!important;
}
html body #modal .people-picker-selected-person:hover,
html[data-theme] body #modal .people-picker-selected-person:hover,
html body #modal .people-picker-selected-dept:hover,
html[data-theme] body #modal .people-picker-selected-dept:hover{
  background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 10%,transparent),transparent 82%)!important;
  transform:none!important;
}
html body #modal .people-picker-selected-person .avatar,
html[data-theme] body #modal .people-picker-selected-person .avatar{
  display:grid!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  border-radius:50%!important;
}
html body #modal .people-picker-selected-person span:last-child,
html[data-theme] body #modal .people-picker-selected-person span:last-child{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--text)!important;
  font-size:var(--mc-type-body-control,.82rem)!important;
  font-weight:760!important;
}
html body #modal .people-picker-selected-dept,
html[data-theme] body #modal .people-picker-selected-dept{
  display:grid!important;
  gap:0!important;
  max-width:118px!important;
  min-width:0!important;
  padding:1px 0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--text)!important;
  text-align:left!important;
}
html body #modal .people-picker-selected-dept span,
html[data-theme] body #modal .people-picker-selected-dept span,
html body #modal .people-picker-selected-dept small,
html[data-theme] body #modal .people-picker-selected-dept small{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body #modal .people-picker-selected-dept span,
html[data-theme] body #modal .people-picker-selected-dept span{
  color:var(--text)!important;
  font-size:.74rem!important;
  font-weight:760!important;
}
html body #modal .people-picker-selected-dept small,
html[data-theme] body #modal .people-picker-selected-dept small{
  color:var(--soft)!important;
  font-size:.62rem!important;
}
html body #modal .people-picker-selected-list>em,
html[data-theme] body #modal .people-picker-selected-list>em{
  color:var(--soft)!important;
  font-size:var(--mc-type-caption-meta,.68rem)!important;
  font-style:normal!important;
  font-weight:820!important;
  white-space:nowrap!important;
}
html body #modal .people-picker-path,
html[data-theme] body #modal .people-picker-path{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  max-width:100%!important;
  height:24px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/secondary-modal/compatibility-layout/001-base-slice-23-secondary-modal-008-slice-23-part-01-seg-02-html-body-app-app-layout-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/overlays/secondary-modal/compatibility-layout/001-base-slice-23-secondary-modal-009-slice-23-part-01-seg-02-html-body-app-app-layout-micro-02-unit-02.css */

html body #modal .people-picker-path button,
html[data-theme] body #modal .people-picker-path button,
html body #modal .people-picker-path em,
html[data-theme] body #modal .people-picker-path em{
  min-width:0!important;
  max-width:124px!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--text)!important;
  font-size:.74rem!important;
  font-style:normal!important;
  font-weight:760!important;
  line-height:1.2!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  transform:none!important;
}
html body #modal .people-picker-path button:hover,
html[data-theme] body #modal .people-picker-path button:hover{
  color:var(--brand-dark)!important;
  background:transparent!important;
}
html body #modal .people-picker-path span,
html[data-theme] body #modal .people-picker-path span{
  color:var(--soft)!important;
  font-size:var(--mc-type-caption-meta,.68rem)!important;
  flex:0 0 auto!important;
}
html body #modal .people-picker-nav-list.org-simple-pick,
html[data-theme] body #modal .people-picker-nav-list.org-simple-pick{
  display:grid!important;
  gap:2px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  max-height:min(52vh,440px)!important;
  overflow:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/overlays/secondary-modal/compatibility-layout/001-base-slice-23-secondary-modal-009-slice-23-part-01-seg-02-html-body-app-app-layout-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-23-organization-010-slice-23-part-01-seg-02-html-body-app-app-layout-micro-03.css */

html body #modal .people-picker-v2 .org-pick-row,
html[data-theme] body #modal .people-picker-v2 .org-pick-row{
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:34px!important;
  margin:0!important;
  padding:5px 0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--text)!important;
  cursor:pointer!important;
  transform:none!important;
}
html body #modal .people-picker-v2 .org-pick-row:hover,
html[data-theme] body #modal .people-picker-v2 .org-pick-row:hover,
html body #modal .people-picker-v2 .org-pick-row.active,
html[data-theme] body #modal .people-picker-v2 .org-pick-row.active{
  background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 10%,transparent),transparent 84%)!important;
  color:var(--text)!important;
}
html body #modal .people-picker-v2 .org-pick-person,
html[data-theme] body #modal .people-picker-v2 .org-pick-person{
  grid-template-columns:18px 30px minmax(0,1fr) 12px!important;
}
html body #modal .people-picker-v2 .org-pick-person .avatar,
html[data-theme] body #modal .people-picker-v2 .org-pick-person .avatar,
html body #modal .people-picker-v2 .org-person-avatar,
html[data-theme] body #modal .people-picker-v2 .org-person-avatar{
  display:grid!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:50%!important;
  font-size:var(--mc-type-caption-meta,.68rem)!important;
}
html body #modal .people-picker-v2 .org-pick-main,
html[data-theme] body #modal .people-picker-v2 .org-pick-main{
  display:block!important;
  min-width:0!important;
  max-width:none!important;
  cursor:inherit!important;
}
html body #modal .people-picker-v2 .org-pick-main b,
html[data-theme] body #modal .people-picker-v2 .org-pick-main b{
  display:block!important;
  max-width:100%!important;
  color:var(--text)!important;
  font-size:var(--mc-type-emphasized-body,.82rem)!important;
  line-height:1.16!important;
  font-weight:800!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* <<< runtime/legacy/styles/blocks/organization/picker/compatibility-layout/001-base-slice-23-organization-010-slice-23-part-01-seg-02-html-body-app-app-layout-micro-03.css */


/* >>> runtime/legacy/styles/blocks/overlays/secondary-modal/compatibility-layout/001-base-slice-23-secondary-modal-011-slice-23-part-02-seg-01-html-body-app-app-layout-fine-01-unit-01.css */

/* Legacy ordered base slice 23 part 02; split from 001-base-slice-23-html-body-app-app-layout.css. Keep import order stable. */
html body #modal .people-picker-v2 .org-pick-main span,
html[data-theme] body #modal .people-picker-v2 .org-pick-main span{
  display:block!important;
  max-width:100%!important;
  margin-top:2px!important;
  color:var(--soft)!important;
  font-size:.66rem!important;
  line-height:1.1!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body #modal .people-picker-v2 .org-pick-fold:not(button),
html[data-theme] body #modal .people-picker-v2 .org-pick-fold:not(button){
  display:grid!important;
  place-items:center!important;
  width:18px!important;
  height:22px!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--soft)!important;
  pointer-events:none!important;
}
html body #modal .people-picker-v2 .org-pick-fold.empty,
html[data-theme] body #modal .people-picker-v2 .org-pick-fold.empty{
  opacity:.2!important;
  visibility:visible!important;
}
html body #modal .people-picker-v2 input[type=checkbox],
html[data-theme] body #modal .people-picker-v2 input[type=checkbox]{
  width:var(--mc-check-size,16px)!important;
  height:var(--mc-check-size,16px)!important;
  min-width:var(--mc-check-size,16px)!important;
  min-height:var(--mc-check-size,16px)!important;
  margin:0!important;
  accent-color:var(--mc-check-green,#2ee879)!important;
  justify-self:center!important;
}
html body #modal .people-picker-v2 .people-picker-dot,
html[data-theme] body #modal .people-picker-v2 .people-picker-dot{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:color-mix(in srgb,var(--brand) 64%,var(--soft))!important;
  justify-self:center!important;
}
html body #modal .people-picker-v2 .empty,
html[data-theme] body #modal .people-picker-v2 .empty,
html body #modal .people-picker-v2 .org-pick-empty-member,
html[data-theme] body #modal .people-picker-v2 .org-pick-empty-member{
  min-height:30px!important;
  padding:7px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--soft)!important;
  box-shadow:none!important;
  font-size:var(--mc-type-secondary-body,.76rem)!important;
}
html body #modal .people-picker-v2-modal .m-foot,
html[data-theme] body #modal .people-picker-v2-modal .m-foot{
  border-top:0!important;
}
html body #modal .people-picker-v2-modal .m-foot .btn.primary,
html[data-theme] body #modal .people-picker-v2-modal .m-foot .btn.primary{
  width:100%!important;
  min-height:34px!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 82%,transparent),color-mix(in srgb,var(--accent) 50%,transparent))!important;
  color:var(--on-brand,#fff)!important;
  box-shadow:none!important;
}
html body #modal .people-picker-v2-modal .m-foot .btn.primary:disabled,
html[data-theme] body #modal .people-picker-v2-modal .m-foot .btn.primary:disabled{
  background:transparent!important;
  color:var(--soft)!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body #modal .people-picker-v2-modal,
  html[data-theme] body #modal .people-picker-v2-modal{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
  }
  html body #modal .people-picker-path button,
  html[data-theme] body #modal .people-picker-path button,
  html body #modal .people-picker-path em,
  html[data-theme] body #modal .people-picker-path em{
    max-width:92px!important;
  }
  html body #modal .people-picker-selected-head small,
  html[data-theme] body #modal .people-picker-selected-head small{
    display:none!important;
  }
}

/* <<< runtime/legacy/styles/blocks/overlays/secondary-modal/compatibility-layout/001-base-slice-23-secondary-modal-011-slice-23-part-02-seg-01-html-body-app-app-layout-fine-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/live-room/canvas/compatibility-layout/001-base-slice-23-live-room-012-slice-23-part-02-seg-01-html-body-app-app-layout-fine-01-unit-02.css */

html body .app .layout > .main.page-liveRooms .live-room-stage-wrap :where(.live-room-overlay,.live-room-overlay-left,.live-room-overlay-right,.live-room-layer-panel,.live-room-layer-list,.live-room-crumbs,.live-room-stage-summary,.live-room-stage-summary span),
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-stage-wrap :where(.live-room-overlay,.live-room-overlay-left,.live-room-overlay-right,.live-room-layer-panel,.live-room-layer-list,.live-room-crumbs,.live-room-stage-summary,.live-room-stage-summary span){
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  background-image:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
}
html body .app .layout > .main.page-liveRooms .live-room-stage-wrap :where(.live-room-layer-panel,.live-room-layer-list,.live-room-crumbs,.live-room-stage-summary,.live-room-stage-summary span),
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-stage-wrap :where(.live-room-layer-panel,.live-room-layer-list,.live-room-crumbs,.live-room-stage-summary,.live-room-stage-summary span){
  border-radius:0!important;
}
html body .app .layout > .main.page-liveRooms .live-room-stage-wrap :where(.live-room-layer-panel,.live-room-crumbs,.live-room-stage-summary,.live-room-stage-summary span)::before,
html body .app .layout > .main.page-liveRooms .live-room-stage-wrap :where(.live-room-layer-panel,.live-room-crumbs,.live-room-stage-summary,.live-room-stage-summary span)::after,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-stage-wrap :where(.live-room-layer-panel,.live-room-crumbs,.live-room-stage-summary,.live-room-stage-summary span)::before,
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-stage-wrap :where(.live-room-layer-panel,.live-room-crumbs,.live-room-stage-summary,.live-room-stage-summary span)::after{
  display:none!important;
  content:none!important;
  border:0!important;
  box-shadow:none!important;
  background:none!important;
}
html body .app .layout > .main.page-liveRooms .live-room-stage-wrap :where(.live-room-layer-option,.live-room-crumbs button),
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-stage-wrap :where(.live-room-layer-option,.live-room-crumbs button){
  padding-left:0!important;
  padding-right:0!important;
  color:rgba(244,244,241,.72)!important;
}
html body .app .layout > .main.page-liveRooms .live-room-stage-wrap :where(.live-room-layer-option.active,.live-room-crumbs button.active),
html[data-theme] body .app .layout > .main.page-liveRooms .live-room-stage-wrap :where(.live-room-layer-option.active,.live-room-crumbs button.active){
  color:#f8f8f5!important;
  font-weight:900!important;
}

/* <<< runtime/legacy/styles/blocks/live-room/canvas/compatibility-layout/001-base-slice-23-live-room-012-slice-23-part-02-seg-01-html-body-app-app-layout-fine-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/live-room/canvas/compatibility-layout/001-base-slice-23-live-room-013-slice-23-part-02-seg-01-html-body-app-app-layout-fine-02-short-01.css */

/* Live room canvas chrome: keep containers frameless; interactive buttons use mc-borderless-control. */
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap :where(
  .live-room-overlay,
  .live-room-overlay-left,
  .live-room-overlay-right,
  .live-room-layer-panel,
  .live-room-layer-title,
  .live-room-layer-list,
  .live-room-layer-option,
  .live-room-crumbs,
  .live-room-crumbs button,
  .live-room-stage-summary,
  .live-room-stage-summary span,
  .live-floor-float-nav,
  .live-floor-float-btn,
  .live-building-switch,
  .live-building-switch span,
  .live-building-switch b,
  .live-building-switch small,
  .live-building-switch em,
  .live-building-switch i
),
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap :where(
  .live-room-overlay,
  .live-room-overlay-left,
  .live-room-overlay-right,
  .live-room-layer-panel,
  .live-room-layer-title,
  .live-room-layer-list,
  .live-room-layer-option,
  .live-room-crumbs,
  .live-room-crumbs button,
  .live-room-stage-summary,
  .live-room-stage-summary span,
  .live-floor-float-nav,
  .live-floor-float-btn,
  .live-building-switch,
  .live-building-switch span,
  .live-building-switch b,
  .live-building-switch small,
  .live-building-switch em,
  .live-building-switch i
){
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap :where(
  .live-room-layer-panel,
  .live-room-layer-list,
  .live-room-crumbs,
  .live-room-stage-summary,
  .live-floor-float-nav,
  .live-building-switch
),
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap :where(
  .live-room-layer-panel,
  .live-room-layer-list,
  .live-room-crumbs,
  .live-room-stage-summary,
  .live-floor-float-nav,
  .live-building-switch
){
  border-radius:0!important;
}

/* <<< runtime/legacy/styles/blocks/live-room/canvas/compatibility-layout/001-base-slice-23-live-room-013-slice-23-part-02-seg-01-html-body-app-app-layout-fine-02-short-01.css */


/* >>> runtime/legacy/styles/blocks/live-room/canvas/compatibility-layout/001-base-slice-23-live-room-014-slice-23-part-02-seg-01-html-body-app-app-layout-fine-02-short-02.css */

html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap :where(
  .live-room-layer-panel,
  .live-room-layer-title,
  .live-room-layer-list,
  .live-room-layer-option,
  .live-room-crumbs,
  .live-room-crumbs button,
  .live-room-stage-summary,
  .live-room-stage-summary span,
  .live-floor-float-nav,
  .live-floor-float-btn,
  .live-building-switch,
  .live-building-switch span,
  .live-building-switch b,
  .live-building-switch small,
  .live-building-switch em,
  .live-building-switch i,
  button
)::before,
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap :where(
  .live-room-layer-panel,
  .live-room-layer-title,
  .live-room-layer-list,
  .live-room-layer-option,
  .live-room-crumbs,
  .live-room-crumbs button,
  .live-room-stage-summary,
  .live-room-stage-summary span,
  .live-floor-float-nav,
  .live-floor-float-btn,
  .live-building-switch,
  .live-building-switch span,
  .live-building-switch b,
  .live-building-switch small,
  .live-building-switch em,
  .live-building-switch i,
  button
)::after,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap :where(
  .live-room-layer-panel,
  .live-room-layer-title,
  .live-room-layer-list,
  .live-room-layer-option,
  .live-room-crumbs,
  .live-room-crumbs button,
  .live-room-stage-summary,
  .live-room-stage-summary span,
  .live-floor-float-nav,
  .live-floor-float-btn,
  .live-building-switch,
  .live-building-switch span,
  .live-building-switch b,
  .live-building-switch small,
  .live-building-switch em,
  .live-building-switch i,
  button
)::before,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap :where(
  .live-room-layer-panel,
  .live-room-layer-title,
  .live-room-layer-list,
  .live-room-layer-option,
  .live-room-crumbs,
  .live-room-crumbs button,
  .live-room-stage-summary,
  .live-room-stage-summary span,
  .live-floor-float-nav,
  .live-floor-float-btn,
  .live-building-switch,
  .live-building-switch span,
  .live-building-switch b,
  .live-building-switch small,
  .live-building-switch em,
  .live-building-switch i,
  button
)::after{
  display:none!important;
  content:none!important;
  border:0!important;
  box-shadow:none!important;
  background:none!important;
}

/* <<< runtime/legacy/styles/blocks/live-room/canvas/compatibility-layout/001-base-slice-23-live-room-014-slice-23-part-02-seg-01-html-body-app-app-layout-fine-02-short-02.css */


/* >>> runtime/legacy/styles/blocks/live-room/canvas/compatibility-layout/001-base-slice-23-live-room-015-slice-23-part-02-seg-01-html-body-app-app-layout-fine-03-malformed-retained.css */

html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap :where(.live-room-layer-option,.live-room-crumbs button,.live-floor-float-btn,.live-building-switch),
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap :where(.live-room-layer-option,.live-room-crumbs button,.live-floor-float-btn,.live-building-switch){
  color:rgba(244,244,241,.72)!important;
  -webkit-text-fill-color:currentColor!important;
}
html body :is(.mc-borderless-control,.mc-selected-constant),
html[data-theme] body :is(.mc-borderless-control,.mc-selected-constant){
  border:0!important;
  outline:0!important;
  border-radius:var(--mc-button-radius,10px)!important;
  box-shadow:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  position:relative!important;
  z-index:1!important;
  overflow:visible!important;
  transform:translateY(0) scale(1)!important;
  transition:var(--mc-model-lift-transition)!important;
}
html body :is(.mc-borderless-control,.mc-selected-constant)::before,
html body :is(.mc-borderless-control,.mc-selected-constant)::after,
html[data-theme] body :is(.mc-borderless-control,.mc-selected-constant)::before,
html[data-theme] body :is(.mc-borderless-control,.mc-selected-constant)::after{
  display:none!important;
  content:none!important;
  border:0!important;
  box-shadow:none!important;
  background:none!important;
}
html body :is(.mc-borderless-control:not(.live-room-layer-option),.mc-selected-constant:not(.live-room-layer-option)):is(:hover,:focus-visible),
html[data-theme] body :is(.mc-borderless-control:not(.live-room-layer-option),.mc-selected-constant:not(.live-room-layer-option)):is(:hover,:focus-visible),
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap :where(.live-room-crumbs button,.live-floor-float-btn,.live-building-switch):is(:hover,:focus-visible),
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap :where(.live-room-crumbs button,.live-floor-float-btn,.live-building-switch):is(:hover,:focus-visible){
  border:0!important;
  outline:0!important;
  border-radius:var(--mc-button-radius,10px)!important;
  background:var(--mc-model-button-fill-hover)!important;
  background-image:var(--mc-model-button-fill-hover)!important;
  box-shadow:none!important;
  color:#f8f8f5!important;
  -webkit-text-fill-color:#f8f8f5!important;
  position:relative!important;
  z-index:var(--mc-model-lift-z,80)!important;
  overflow:visible!important;
  transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important;
  filter:brightness(1.04)!important;
}
html body :is(.mc-borderless-control,.mc-selected-constant):is(.active,[aria-current="page"],[aria-selected="true"]),
html[data-theme] body :is(.mc-borderless-control,.mc-selected-constant):is(.active,[aria-current="page"],[aria-selected="true"]),
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap :where(.live-room-layer-option.active,.live-room-crumbs button.active,.live-floor-float-btn.active),

/* <<< runtime/legacy/styles/blocks/live-room/canvas/compatibility-layout/001-base-slice-23-live-room-015-slice-23-part-02-seg-01-html-body-app-app-layout-fine-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-23-shared-cross-surface-016-slice-23-part-02-seg-02-html-body-app-app-layout-micro-01-unit-01.css */

/* Legacy ordered base subpart; extracted from 001-base-slice-23-part-02-html-body-app-app-layout.css. Keep import order stable. */
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap :where(.live-room-layer-option.active,.live-room-crumbs button.active,.live-floor-float-btn.active){
  border:0!important;
  outline:0!important;
  border-radius:var(--mc-button-radius,10px)!important;
  background:var(--mc-model-button-fill-active)!important;
  background-image:var(--mc-model-button-fill-active)!important;
  box-shadow:none!important;
  color:#f8f8f5!important;
  -webkit-text-fill-color:#f8f8f5!important;
  font-weight:900!important;
  position:relative!important;
  z-index:calc(var(--mc-model-lift-z,80) - 1)!important;
  overflow:visible!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap :where(.mc-selected-constant,.mc-selected-constant span,.mc-selected-constant small,.mc-selected-constant b),
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap :where(.mc-selected-constant,.mc-selected-constant span,.mc-selected-constant small,.mc-selected-constant b){
  color:#f8f8f5!important;
  -webkit-text-fill-color:#f8f8f5!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap button.mc-borderless-control,
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .mc-borderless-control,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap button.mc-borderless-control,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .mc-borderless-control{
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  outline:0!important;
  border-radius:var(--mc-button-radius,10px)!important;
  box-shadow:none!important;
  background-color:transparent!important;
  overflow:visible!important;
  transition:var(--mc-model-lift-transition)!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap button.mc-selected-constant:is(.active,[aria-current="page"],[aria-selected="true"]),
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .mc-selected-constant:is(.active,[aria-current="page"],[aria-selected="true"]),
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap button.mc-selected-constant:is(.active,[aria-current="page"],[aria-selected="true"]),
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .mc-selected-constant:is(.active,[aria-current="page"],[aria-selected="true"]){
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  border-radius:var(--mc-button-radius,10px)!important;
  background:var(--mc-model-button-fill-active)!important;
  background-image:var(--mc-model-button-fill-active)!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap button.mc-borderless-control:not(#mc-live-canvas-control-lock),
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .mc-borderless-control:not(#mc-live-canvas-control-lock),
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap button.mc-borderless-control:not(#mc-live-canvas-control-lock),
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .mc-borderless-control:not(#mc-live-canvas-control-lock){
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap button.mc-selected-constant:not(#mc-live-canvas-control-lock):is(.active,[aria-current="page"],[aria-selected="true"]),
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .mc-selected-constant:not(#mc-live-canvas-control-lock):is(.active,[aria-current="page"],[aria-selected="true"]),
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap button.mc-selected-constant:not(#mc-live-canvas-control-lock):is(.active,[aria-current="page"],[aria-selected="true"]),
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .mc-selected-constant:not(#mc-live-canvas-control-lock):is(.active,[aria-current="page"],[aria-selected="true"]){
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  border-radius:var(--mc-button-radius,10px)!important;
  background:var(--mc-model-button-fill-active)!important;
  background-image:var(--mc-model-button-fill-active)!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-contacts .contact-search-row,
html[data-theme] body .app .layout > .main.page-contacts .contact-search-row{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 42px!important;
  gap:8px!important;
  align-items:center!important;
  padding:10px 10px 8px!important;
  z-index:6!important;
}
html body .app .layout > .main.page-contacts .contact-search-row .contact-search,
html[data-theme] body .app .layout > .main.page-contacts .contact-search-row .contact-search{
  margin:0!important;
  min-width:0!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-23-shared-cross-surface-016-slice-23-part-02-seg-02-html-body-app-app-layout-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-23-shared-cross-surface-017-slice-23-part-02-seg-02-html-body-app-app-layout-micro-01-unit-02.css */

html body .app .layout > .main.page-contacts .contact-search-trigger,
html[data-theme] body .app .layout > .main.page-contacts .contact-search-trigger{
  width:100%!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.048)!important;
  color:rgba(244,244,241,.62)!important;
  font-size:.86rem!important;
  font-weight:760!important;
  text-align:left!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
html body .app .layout > .main.page-contacts .contact-search-trigger:hover,
html[data-theme] body .app .layout > .main.page-contacts .contact-search-trigger:hover{
  color:#f4f4f1!important;
  background:rgba(255,255,255,.072)!important;
}
html body .app .layout > .main.page-contacts .chat-plus-btn,
html body .app .layout > .main.page-contacts .chat-tool-btn,
html body .app .layout > .main.page-contacts .chat-head-icon,
html[data-theme] body .app .layout > .main.page-contacts .chat-plus-btn,
html[data-theme] body .app .layout > .main.page-contacts .chat-tool-btn,
html[data-theme] body .app .layout > .main.page-contacts .chat-head-icon{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border:0!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.048)!important;
  color:rgba(244,244,241,.86)!important;
  box-shadow:none!important;
  cursor:pointer!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-23-shared-cross-surface-017-slice-23-part-02-seg-02-html-body-app-app-layout-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-23-shared-cross-surface-018-slice-23-part-02-seg-02-html-body-app-app-layout-micro-02-unit-01.css */

html body .app .layout > .main.page-contacts .chat-plus-btn:hover,
html body .app .layout > .main.page-contacts .chat-plus-btn.active,
html body .app .layout > .main.page-contacts .chat-tool-btn:hover,
html body .app .layout > .main.page-contacts .chat-tool-btn.active,
html body .app .layout > .main.page-contacts .chat-head-icon:hover,
html[data-theme] body .app .layout > .main.page-contacts .chat-plus-btn:hover,
html[data-theme] body .app .layout > .main.page-contacts .chat-plus-btn.active,
html[data-theme] body .app .layout > .main.page-contacts .chat-tool-btn:hover,
html[data-theme] body .app .layout > .main.page-contacts .chat-tool-btn.active,
html[data-theme] body .app .layout > .main.page-contacts .chat-head-icon:hover{
  background:linear-gradient(135deg,rgba(24,185,120,.18),rgba(96,165,250,.12))!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
}
html body .app .layout > .main.page-contacts .chat-plus-btn .top-ico,
html body .app .layout > .main.page-contacts .chat-tool-btn .top-ico,
html body .app .layout > .main.page-contacts .chat-head-icon .top-ico,
html body .app .layout > .main.page-contacts .chat-action-row .top-ico,
html[data-theme] body .app .layout > .main.page-contacts .chat-plus-btn .top-ico,
html[data-theme] body .app .layout > .main.page-contacts .chat-tool-btn .top-ico,
html[data-theme] body .app .layout > .main.page-contacts .chat-head-icon .top-ico,
html[data-theme] body .app .layout > .main.page-contacts .chat-action-row .top-ico{
  width:18px!important;
  height:18px!important;
  stroke:currentColor!important;
}
html body .app .layout > .main.page-contacts .chat-action-menu,
html[data-theme] body .app .layout > .main.page-contacts .chat-action-menu{
  position:absolute!important;
  right:10px!important;
  top:56px!important;
  width:194px!important;
  display:grid!important;
  gap:4px!important;
  padding:8px!important;
  border:0!important;
  border-radius:16px!important;
  background:rgba(12,14,18,.9)!important;
  box-shadow:0 22px 54px -34px rgba(0,0,0,.9)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
  z-index:var(--mc-z-notif,900)!important;
}
html body .app .layout > .main.page-contacts .chat-system-avatar,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-avatar{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  color:#effff8!important;
  background:linear-gradient(145deg,rgba(18,185,129,.92),rgba(56,189,248,.82) 58%,rgba(99,102,241,.76))!important;
  box-shadow:0 12px 28px -18px rgba(34,211,238,.95),inset 0 1px 0 rgba(255,255,255,.34),inset 0 -10px 18px rgba(0,0,0,.18)!important;
}
html body .app .layout > .main.page-contacts .chat-system-avatar .chat-system-avatar-glow,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-avatar .chat-system-avatar-glow{
  position:absolute!important;
  left:6px!important;
  top:5px!important;
  width:18px!important;
  height:10px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.42)!important;
  filter:blur(2px)!important;
}
html body .app .layout > .main.page-contacts .chat-system-avatar .chat-system-avatar-icon,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-avatar .chat-system-avatar-icon{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2)!important;
}
html body .app .layout > .main.page-contacts .chat-system-avatar .chat-system-avatar-dot,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-avatar .chat-system-avatar-dot{
  position:absolute!important;
  right:7px!important;
  top:7px!important;
  z-index:2!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#d9ffe7!important;
  box-shadow:0 0 0 2px rgba(14,165,129,.32),0 0 14px rgba(217,255,231,.86)!important;
}
html body .app .layout > .main.page-contacts .chat-system-avatar .top-ico,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-avatar .top-ico{
  width:18px!important;
  height:18px!important;
  stroke-width:2.25!important;
  stroke:currentColor!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-23-shared-cross-surface-018-slice-23-part-02-seg-02-html-body-app-app-layout-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-23-shared-cross-surface-019-slice-23-part-02-seg-02-html-body-app-app-layout-micro-02-unit-02.css */

html body .app .layout > .main.page-contacts .chat-system-thread,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-thread,
html body .app .layout > .main.page-contacts .chat-system-thread .contact-main,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-thread .contact-main{
  text-align:left!important;
}
html body .app .layout > .main.page-contacts .chat-system-stream,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-stream{
  padding:14px!important;
}
html body .app .layout > .main.page-contacts .chat-system-inbox,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-inbox{
  display:grid!important;
  gap:8px!important;
  width:100%!important;
  justify-items:start!important;
}
html body .app .layout > .main.page-contacts .chat-action-row,
html[data-theme] body .app .layout > .main.page-contacts .chat-action-row{
  height:38px!important;
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:rgba(244,244,241,.84)!important;
  text-align:left!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
html body .app .layout > .main.page-contacts .chat-action-row:hover,
html[data-theme] body .app .layout > .main.page-contacts .chat-action-row:hover{
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-23-shared-cross-surface-019-slice-23-part-02-seg-02-html-body-app-app-layout-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-23-shared-cross-surface-020-slice-23-part-02-seg-02-html-body-app-app-layout-micro-03.css */

html body .app .layout > .main.page-contacts .chat-head-actions,
html[data-theme] body .app .layout > .main.page-contacts .chat-head-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-left:auto!important;
}
html body .app .layout > .main.page-contacts .chat-composer,
html[data-theme] body .app .layout > .main.page-contacts .chat-composer{
  grid-template-columns:42px minmax(0,1fr) 58px!important;
}
html body .app .layout > .main.page-contacts .chat-composer-input,
html[data-theme] body .app .layout > .main.page-contacts .chat-composer-input{
  position:relative!important;
  min-width:0!important;
}
html body .app .layout > .main.page-contacts .chat-composer-input textarea,
html[data-theme] body .app .layout > .main.page-contacts .chat-composer-input textarea{
  width:100%!important;
}
html body .app .layout > .main.page-contacts .chat-attach-menu,
html[data-theme] body .app .layout > .main.page-contacts .chat-attach-menu{
  position:absolute!important;
  left:0!important;
  bottom:50px!important;
  width:176px!important;
  display:grid!important;
  gap:4px!important;
  padding:8px!important;
  border:0!important;
  border-radius:16px!important;
  background:rgba(12,14,18,.92)!important;
  box-shadow:0 22px 54px -34px rgba(0,0,0,.9)!important;
  z-index:24!important;
}
html body .app .layout > .main.page-contacts .chat-group-avatar,
html[data-theme] body .app .layout > .main.page-contacts .chat-group-avatar,
html body #modal .chat-group-avatar,
html[data-theme] body #modal .chat-group-avatar{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  grid-template-rows:1fr 1fr!important;
  gap:1px!important;
  overflow:hidden!important;
  font-size:.74rem!important;
}

/* <<< runtime/legacy/styles/blocks/shared/cross-surface/compatibility-layout/001-base-slice-23-shared-cross-surface-020-slice-23-part-02-seg-02-html-body-app-app-layout-micro-03.css */


/* >>> runtime/legacy/styles/blocks/contacts/preview/compatibility-layout/001-base-slice-23-contacts-021-slice-23-part-03-seg-01-html-body-app-app-layout-nano-01.css */

/* Legacy ordered base slice 23 part 03; split from 001-base-slice-23-html-body-app-app-layout.css. Keep import order stable. */
html body .app .layout > .main.page-contacts .chat-group-avatar i,
html[data-theme] body .app .layout > .main.page-contacts .chat-group-avatar i,
html body #modal .chat-group-avatar i,
html[data-theme] body #modal .chat-group-avatar i{
  display:grid!important;
  place-items:center!important;
  min-width:0!important;
  min-height:0!important;
  font-style:normal!important;
  background:rgba(255,255,255,.08)!important;
  overflow:hidden!important;
}
html body .app .layout > .main.page-contacts .chat-group-avatar img,
html[data-theme] body .app .layout > .main.page-contacts .chat-group-avatar img,
html body #modal .chat-group-avatar img,
html[data-theme] body #modal .chat-group-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
html body .app .layout > .main.page-contacts .chat-msg-sender,
html[data-theme] body .app .layout > .main.page-contacts .chat-msg-sender{
  display:block!important;
  margin-bottom:3px!important;
  color:rgba(24,185,120,.92)!important;
  font-size:.72rem!important;
  font-weight:820!important;
}
html body #modal .chat-group-info,
html[data-theme] body #modal .chat-group-info{
  display:grid!important;
  gap:12px!important;
}
html body #modal .chat-group-info-head,
html[data-theme] body #modal .chat-group-info-head{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
html body #modal .chat-group-info-head .chat-group-avatar,
html[data-theme] body #modal .chat-group-info-head .chat-group-avatar{
  width:52px!important;
  height:52px!important;
}
html body #modal .chat-group-info-head span,
html[data-theme] body #modal .chat-group-info-head span{
  display:block!important;
  color:var(--soft)!important;
  font-size:.8rem!important;
  margin-top:3px!important;
}
html body #modal .chat-group-members,
html[data-theme] body #modal .chat-group-members{
  display:grid!important;
  gap:6px!important;
}
html body #modal .chat-group-member,
html[data-theme] body #modal .chat-group-member{
  min-height:46px!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:5px 0!important;
  border:0!important;
  background:transparent!important;
}
html body #modal .chat-group-member small,
html[data-theme] body #modal .chat-group-member small{
  display:block!important;
  color:var(--soft)!important;
  margin-top:2px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .app .layout > .main.page-contacts .contact-search-row,
  html[data-theme] body .app .layout > .main.page-contacts .contact-search-row{
    padding:8px!important;
  }
  html body .app .layout > .main.page-contacts .chat-action-menu,
  html[data-theme] body .app .layout > .main.page-contacts .chat-action-menu{
    right:8px!important;
    top:52px!important;
  }
  html body .app .layout > .main.page-contacts .chat-composer,
  html[data-theme] body .app .layout > .main.page-contacts .chat-composer{
    grid-template-columns:40px minmax(0,1fr) 54px!important;
  }
}
html body .app.app.app .layout.layout > .side.side .side-profile-wrap > .uchip,
html[data-theme] body .app.app.app .layout.layout > .side.side .side-profile-wrap > .uchip{
  width:100%!important;
  min-height:48px!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:6px 7px!important;
  border:0!important;
  border-radius:10px!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app.app.app .layout.layout > .side.side .side-profile-wrap > .uchip:is(:hover,:focus-visible,:focus-within),
html[data-theme] body .app.app.app .layout.layout > .side.side .side-profile-wrap > .uchip:is(:hover,:focus-visible,:focus-within){
  border:0!important;
  background:var(--mc-model-button-fill-hover,rgba(255,255,255,.06))!important;
  background-image:var(--mc-model-button-fill-hover,rgba(255,255,255,.06))!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/contacts/preview/compatibility-layout/001-base-slice-23-contacts-021-slice-23-part-03-seg-01-html-body-app-app-layout-nano-01.css */


/* >>> runtime/legacy/styles/blocks/auth/surface/compatibility-layout/001-base-slice-23-auth-022-slice-23-part-03-seg-01-html-body-app-app-layout-nano-02.css */

html body .app.app.app .layout.layout > .side.side .side-profile-wrap > .uchip .avatar,
html[data-theme] body .app.app.app .layout.layout > .side.side .side-profile-wrap > .uchip .avatar,
html body #modal .profile-org-rail .org-switch-menu .pm-avatar,
html[data-theme] body #modal .profile-org-rail .org-switch-menu .pm-avatar{
  border-radius:10px!important;
  overflow:hidden!important;
  aspect-ratio:1/1!important;
}
html body .app.app.app .layout.layout > .side.side .side-profile-wrap > .uchip .avatar,
html[data-theme] body .app.app.app .layout.layout > .side.side .side-profile-wrap > .uchip .avatar{
  width:36px!important;
  height:36px!important;
}
html body #modal .profile-org-rail .org-switch-menu .pm-avatar,
html[data-theme] body #modal .profile-org-rail .org-switch-menu .pm-avatar{
  width:42px!important;
  height:42px!important;
}
html body .app.app.app .layout.layout > .side.side .side-profile-wrap > .uchip .avatar img,
html[data-theme] body .app.app.app .layout.layout > .side.side .side-profile-wrap > .uchip .avatar img,
html body #modal .profile-org-rail .org-switch-menu .pm-avatar img,
html[data-theme] body #modal .profile-org-rail .org-switch-menu .pm-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:inherit!important;
}
html body #modal .profile-org-rail .org-switch-menu .pm-device-row,
html[data-theme] body #modal .profile-org-rail .org-switch-menu .pm-device-row{
  grid-template-columns:42px minmax(0,1fr) auto!important;
}
html body #modal .profile-org-rail .org-switch-menu .pm-device-actions,
html[data-theme] body #modal .profile-org-rail .org-switch-menu .pm-device-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  min-width:max-content!important;
}
html body #modal .profile-org-rail .org-switch-menu .pm-device-row .pm-device-action,
html[data-theme] body #modal .profile-org-rail .org-switch-menu .pm-device-row .pm-device-action{
  min-width:34px!important;
  height:28px!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:0 7px!important;
  border:0!important;
  border-radius:8px!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:rgba(244,244,241,.68)!important;
  font-size:.68rem!important;
  font-weight:820!important;
  line-height:1!important;
}
html body #modal .profile-org-rail .org-switch-menu .pm-device-row .pm-device-action:is(:hover,:focus-visible),
html[data-theme] body #modal .profile-org-rail .org-switch-menu .pm-device-row .pm-device-action:is(:hover,:focus-visible){
  background:var(--mc-model-button-fill-hover,rgba(255,255,255,.07))!important;
  background-image:var(--mc-model-button-fill-hover,rgba(255,255,255,.07))!important;
  color:#f4f4f1!important;
  box-shadow:none!important;
}
html body #modal .profile-org-rail .org-switch-menu .pm-device-row .pm-device-action.danger,
html[data-theme] body #modal .profile-org-rail .org-switch-menu .pm-device-row .pm-device-action.danger{
  color:rgba(255,154,173,.88)!important;
}
html body #modal .profile-org-rail .org-switch-menu .pm-device-row .pm-device-action.muted,
html[data-theme] body #modal .profile-org-rail .org-switch-menu .pm-device-row .pm-device-action.muted{
  color:rgba(244,244,241,.38)!important;
  cursor:default!important;
}
.auth.auth-v2 .auth-panel.auth-panel-v2::before,
html[data-theme] body .auth.auth-v2 .auth-panel.auth-panel-v2::before{
  content:none!important;
  display:none!important;
}
.auth.auth-v2 .auth-panel.auth-panel-v2 input,
html[data-theme] body .auth.auth-v2 .auth-panel.auth-panel-v2 input{
  background:transparent!important;
  border-width:0 0 1px!important;
  border-style:solid!important;
  border-color:rgba(255,255,255,.42)!important;
  border-radius:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.auth.auth-v2 .auth-panel.auth-panel-v2 input:focus,
html[data-theme] body .auth.auth-v2 .auth-panel.auth-panel-v2 input:focus{
  border-color:rgba(255,255,255,.78)!important;
  box-shadow:none!important;
}
.auth.auth-v2 .auth-google-inline,
html[data-theme] body .auth.auth-v2 .auth-google-inline{
  display:flex!important;
  width:100%!important;
  border:0!important;
  background:rgba(255,255,255,.075)!important;
  box-shadow:none!important;
}
html body .auth.auth-v2 .auth-panel.auth-panel-v2 .auth-code-form .mc-combo-field.mc-form-input-box,
html[data-theme] body .auth.auth-v2 .auth-panel.auth-panel-v2 .auth-code-form .mc-combo-field.mc-form-input-box{
  border:0!important;
  border-width:0!important;
  border-color:transparent!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* <<< runtime/legacy/styles/blocks/auth/surface/compatibility-layout/001-base-slice-23-auth-022-slice-23-part-03-seg-01-html-body-app-app-layout-nano-02.css */


/* >>> runtime/legacy/styles/blocks/auth/surface/compatibility-layout/001-base-slice-23-auth-023-slice-23-part-03-seg-01-html-body-app-app-layout-nano-03-malformed-retained.css */

html body .auth.auth-v2 .auth-panel.auth-panel-v2 button#googleLoginBtn.btn-google.auth-primary.auth-google-inline,
html[data-theme] body .auth.auth-v2 .auth-panel.auth-panel-v2 button#googleLoginBtn.btn-google.auth-primary.auth-google-inline,
html body .auth.auth-v2 .auth-panel.auth-panel-v2 button.auth-code-submit,
html[data-theme] body .auth.auth-v2 .auth-panel.auth-panel-v2 button.auth-code-submit,
html body .auth.auth-v2 .auth-panel.auth-panel-v2 button.auth-code-send,
html[data-theme] body .auth.auth-v2 .auth-panel.auth-panel-v2 button.auth-code-send{
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Login panel cleanup: keep the existing page background, brand area and auth effects intact. */
html body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2,
html[data-theme] body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2,
html[data-theme=light] body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2,
html:not([data-theme=dark]) body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2,
html[data-theme=dark] body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2{
  width:min(376px,calc(100vw - 32px))!important;
  min-width:0!important;
  max-width:376px!important;
  min-height:0!important;
  padding:24px!important;
  display:block!important;
  background:rgba(7,12,22,.62)!important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:18px!important;
  box-shadow:0 28px 90px rgba(0,0,0,.34)!important;
  color:#f5f5f5!important;
  -webkit-backdrop-filter:blur(22px)!important;
  backdrop-filter:blur(22px)!important;
}
html body .auth.auth-v2.auth-final .auth-card,
html[data-theme] body .auth.auth-v2.auth-final .auth-card{
  width:100%!important;
  min-height:0!important;
  display:grid!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  color:#f5f5f5!important;
}
html body .auth.auth-v2.auth-final .auth-topline,

/* <<< runtime/legacy/styles/blocks/auth/surface/compatibility-layout/001-base-slice-23-auth-023-slice-23-part-03-seg-01-html-body-app-app-layout-nano-03-malformed-retained.css */


/* >>> runtime/legacy/styles/blocks/auth/surface/compatibility-layout/001-base-slice-23-auth-024-slice-23-part-03-seg-02-html-body-app-app-layout-unit-01.css */

/* Legacy ordered CSS segment; extracted from 001-base-slice-23-part-03-html-body-app-app-layout.css. Keep import order stable. */
html[data-theme] body .auth.auth-v2.auth-final .auth-topline{
  display:block!important;
  margin:0 0 16px!important;
  padding:0!important;
  text-align:left!important;
  color:#f5f5f5!important;
}
html body .auth.auth-v2.auth-final .auth-topline h2,
html[data-theme] body .auth.auth-v2.auth-final .auth-topline h2{
  margin:0!important;
  font-size:1.18rem!important;
  line-height:1.25!important;
  font-weight:720!important;
  letter-spacing:0!important;
  color:#f5f5f5!important;
}
html body .auth.auth-v2.auth-final .auth-topline p,
html[data-theme] body .auth.auth-v2.auth-final .auth-topline p{
  margin:6px 0 0!important;
  font-size:.78rem!important;
  line-height:1.45!important;
  color:rgba(245,245,245,.54)!important;
}
html body .auth.auth-v2.auth-final .auth-mode-tabs,
html[data-theme] body .auth.auth-v2.auth-final .auth-mode-tabs{
  width:100%!important;
  height:38px!important;
  display:grid!important;
  grid-template-columns:repeat(2,1fr)!important;
  gap:4px!important;
  margin:0 0 14px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .auth.auth-v2.auth-final .auth-mode-tabs button,
html[data-theme] body .auth.auth-v2.auth-final .auth-mode-tabs button{
  min-width:0!important;
  height:34px!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  background-image:none!important;
  color:rgba(245,245,245,.58)!important;
  box-shadow:none!important;
  font-size:.78rem!important;
  font-weight:560!important;
  line-height:34px!important;
  text-align:center!important;
  white-space:nowrap!important;
}
html body .auth.auth-v2.auth-final .auth-mode-tabs button.active,
html body .auth.auth-v2.auth-final .auth-mode-tabs button:hover,
html[data-theme] body .auth.auth-v2.auth-final .auth-mode-tabs button.active,
html[data-theme] body .auth.auth-v2.auth-final .auth-mode-tabs button:hover{
  background:var(--mc-model-button-fill-active)!important;
  background-image:var(--mc-model-button-fill-active)!important;
  color:#f5f5f5!important;
  box-shadow:none!important;
}
html body .auth.auth-v2.auth-final .auth-code-form,
html[data-theme] body .auth.auth-v2.auth-final .auth-code-form{
  display:grid!important;
  gap:10px!important;
}
html body .auth.auth-v2.auth-final :where(.field,.mc-combo-field-wrap),
html[data-theme] body .auth.auth-v2.auth-final :where(.field,.mc-combo-field-wrap){
  margin:0!important;
}
html body .auth.auth-v2.auth-final .field label,
html[data-theme] body .auth.auth-v2.auth-final .field label{
  margin:0 0 8px!important;
  color:rgba(245,245,245,.62)!important;
  font-size:.74rem!important;
  font-weight:520!important;
}
html body .auth.auth-v2.auth-final :where(input,.auth-code-form input,.auth-panel.auth-panel-v2 input,.mc-combo-input),
html[data-theme] body .auth.auth-v2.auth-final :where(input,.auth-code-form input,.auth-panel.auth-panel-v2 input,.mc-combo-input){
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  padding:0 14px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:12px!important;
  background:rgba(4,8,15,.72)!important;
  color:#f5f5f5!important;
  box-shadow:none!important;
  outline:0!important;
  font-size:.9rem!important;
  line-height:48px!important;
  letter-spacing:0!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* <<< runtime/legacy/styles/blocks/auth/surface/compatibility-layout/001-base-slice-23-auth-024-slice-23-part-03-seg-02-html-body-app-app-layout-unit-01.css */


/* >>> runtime/legacy/styles/blocks/auth/surface/compatibility-layout/001-base-slice-23-auth-025-slice-23-part-03-seg-02-html-body-app-app-layout-unit-02.css */

html body .auth.auth-v2.auth-final :where(input,.auth-code-form input,.auth-panel.auth-panel-v2 input,.mc-combo-input)::placeholder,
html[data-theme] body .auth.auth-v2.auth-final :where(input,.auth-code-form input,.auth-panel.auth-panel-v2 input,.mc-combo-input)::placeholder{
  color:rgba(245,245,245,.38)!important;
}
html body .auth.auth-v2.auth-final :where(input,.auth-code-form input,.auth-panel.auth-panel-v2 input,.mc-combo-input):is(:focus,:focus-visible),
html[data-theme] body .auth.auth-v2.auth-final :where(input,.auth-code-form input,.auth-panel.auth-panel-v2 input,.mc-combo-input):is(:focus,:focus-visible){
  border-color:rgba(255,255,255,.38)!important;
  background:rgba(7,13,24,.88)!important;
  box-shadow:0 0 0 3px rgba(255,255,255,.055)!important;
}
html body .auth.auth-v2.auth-final .auth-code-row,
html[data-theme] body .auth.auth-v2.auth-final .auth-code-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 92px!important;
  gap:8px!important;
}
html body .auth.auth-v2.auth-final :where(.auth-code-submit,.auth-code-send,.btn-google.auth-primary),
html[data-theme] body .auth.auth-v2.auth-final :where(.auth-code-submit,.auth-code-send,.btn-google.auth-primary){
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:12px!important;
  box-shadow:none!important;
  outline:0!important;
  font-size:.88rem!important;
  font-weight:620!important;
  line-height:1!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  transition:background .14s ease,color .14s ease,transform .14s ease,box-shadow .14s ease!important;
}

/* <<< runtime/legacy/styles/blocks/auth/surface/compatibility-layout/001-base-slice-23-auth-025-slice-23-part-03-seg-02-html-body-app-app-layout-unit-02.css */


/* >>> runtime/legacy/styles/blocks/shell/application-layout/compatibility/001-base-slice-23-enterprise-entry.css */

/* Enterprise compatibility entry. Ordered semantic owners preserve the original slice-23 cascade. */

/* <<< runtime/legacy/styles/blocks/shell/application-layout/compatibility/001-base-slice-23-enterprise-entry.css */


/* >>> runtime/legacy/styles/blocks/auth/surface/compatibility-layout/001-base-slice-24-auth-001-slice-24-html-body-auth-auth-v2-a-micro-01.css */

/* Legacy ordered base slice 24; extracted from 001-base.css lines 40000-40303. Keep import order stable. */
html body .auth.auth-v2.auth-final .auth-code-submit,
html[data-theme] body .auth.auth-v2.auth-final .auth-code-submit{
  background:var(--mc-model-button-fill-active)!important;
  background-image:var(--mc-model-button-fill-active)!important;
  color:#f5f5f5!important;
}
html body .auth.auth-v2.auth-final .auth-email-link-submit,
html[data-theme] body .auth.auth-v2.auth-final .auth-email-link-submit{
  background:rgba(255,255,255,.075)!important;
  background-image:none!important;
  color:rgba(245,245,245,.78)!important;
  height:48px!important;
  min-height:48px!important;
}
html body .auth.auth-v2.auth-final .auth-code-send,
html[data-theme] body .auth.auth-v2.auth-final .auth-code-send{
  background:var(--mc-model-button-fill-hover)!important;
  background-image:var(--mc-model-button-fill-hover)!important;
  color:#f5f5f5!important;
}
html body .auth.auth-v2.auth-final .btn-google.auth-primary,
html[data-theme] body .auth.auth-v2.auth-final .btn-google.auth-primary{
  background:rgba(255,255,255,.075)!important;
  background-image:none!important;
  color:rgba(245,245,245,.78)!important;
  border:0!important;
}
html body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 button#googleLoginBtn.btn-google.auth-primary.auth-google-inline,
html[data-theme] body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 button#googleLoginBtn.btn-google.auth-primary.auth-google-inline{
  background:rgba(255,255,255,.075)!important;
  background-image:none!important;
  color:rgba(245,245,245,.78)!important;
  border:0!important;
  box-shadow:none!important;
  height:48px!important;
  min-height:48px!important;
  padding:0 14px!important;
}
html body .auth.auth-v2.auth-final .btn-google.auth-primary svg,
html[data-theme] body .auth.auth-v2.auth-final .btn-google.auth-primary svg{
  width:17px!important;
  height:17px!important;
  flex:0 0 auto!important;
}
html body .auth.auth-v2.auth-final :where(.auth-code-submit,.auth-code-send,.btn-google.auth-primary):hover,
html[data-theme] body .auth.auth-v2.auth-final :where(.auth-code-submit,.auth-code-send,.btn-google.auth-primary):hover{
  transform:translateY(-1px)!important;
  background:var(--mc-model-button-fill-active)!important;
  background-image:var(--mc-model-button-fill-active)!important;
  box-shadow:none!important;
  filter:brightness(1.06)!important;
}
html body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 button#googleLoginBtn.btn-google.auth-primary.auth-google-inline:hover,
html[data-theme] body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 button#googleLoginBtn.btn-google.auth-primary.auth-google-inline:hover{
  background:var(--mc-model-button-fill-active)!important;
  background-image:var(--mc-model-button-fill-active)!important;
  box-shadow:none!important;
  filter:brightness(1.06)!important;
}
html body .auth.auth-v2.auth-final :where(.auth-code-submit,.auth-code-send,.btn-google.auth-primary):active,
html[data-theme] body .auth.auth-v2.auth-final :where(.auth-code-submit,.auth-code-send,.btn-google.auth-primary):active{
  transform:translateY(0) scale(.99)!important;
}
html body .auth.auth-v2.auth-final .err,
html[data-theme] body .auth.auth-v2.auth-final .err{
  min-height:18px!important;
  margin:0 0 8px!important;
  text-align:center!important;
  color:#ff9aad!important;
  font-size:.76rem!important;
  line-height:1.35!important;
}
html body .auth.auth-v2.auth-final .auth-code-hint,
html[data-theme] body .auth.auth-v2.auth-final .auth-code-hint{
  min-height:0!important;
  margin:0!important;
  text-align:center!important;
  color:rgba(245,245,245,.44)!important;
  font-size:.72rem!important;
  line-height:1.35!important;
}
html body .auth.auth-v2.auth-final .auth-footnote,
html[data-theme] body .auth.auth-v2.auth-final .auth-footnote{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  margin:16px 0 0!important;
  text-align:center!important;
  color:rgba(245,245,245,.50)!important;
  font-size:.76rem!important;
  line-height:1.35!important;
}
html body .auth.auth-v2.auth-final .auth-footnote-divider,
html[data-theme] body .auth.auth-v2.auth-final .auth-footnote-divider{
  color:rgba(245,245,245,.28)!important;
}
html body .auth.auth-v2.auth-final .auth-footnote a,
html[data-theme] body .auth.auth-v2.auth-final .auth-footnote a{
  color:rgba(245,245,245,.62)!important;
  text-decoration:none!important;
  border:0!important;
}
html body .auth.auth-v2.auth-final .auth-footnote a:hover,
html[data-theme] body .auth.auth-v2.auth-final .auth-footnote a:hover{
  color:#f5f5f5!important;
}
html body .auth.auth-v2.auth-final .auth-password-inline,
html[data-theme] body .auth.auth-v2.auth-final .auth-password-inline{
  animation:authPasswordReveal .16s ease both!important;
}
html body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2,
html[data-theme] body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2{
  border-radius:12px!important;
  background:rgba(18,20,24,.62)!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:blur(26px) saturate(1.12)!important;
  backdrop-filter:blur(26px) saturate(1.12)!important;
  transition:max-width .24s ease,width .24s ease,padding .24s ease,background .24s ease!important;
}
html body .auth.auth-v2.auth-final .auth-card,
html[data-theme] body .auth.auth-v2.auth-final .auth-card{
  min-height:0!important;
  justify-content:center!important;
}
html body .auth.auth-v2.auth-final .auth-topline,
html[data-theme] body .auth.auth-v2.auth-final .auth-topline{
  display:none!important;
  margin:0!important;
}
html body .auth.auth-v2.auth-final .auth-login-tabs-wrap,
html[data-theme] body .auth.auth-v2.auth-final .auth-login-tabs-wrap{
  margin:0 0 14px!important;
}
html body .auth.auth-v2.auth-final .field.auth-placeholder-field,
html[data-theme] body .auth.auth-v2.auth-final .field.auth-placeholder-field{
  margin:0!important;
}
html body .auth.auth-v2.auth-final .field.auth-placeholder-field>label,
html[data-theme] body .auth.auth-v2.auth-final .field.auth-placeholder-field>label{
  display:none!important;
  margin:0!important;
}
html body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .field.auth-placeholder-field+.auth-password-inline,
html[data-theme] body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .field.auth-placeholder-field+.auth-password-inline{
  margin-top:10px!important;
}
html body .auth.auth-v2.auth-final.auth-signup-expanded .auth-panel.auth-panel-v2,
html[data-theme] body .auth.auth-v2.auth-final.auth-signup-expanded .auth-panel.auth-panel-v2{
  width:min(420px,calc(100vw - 32px))!important;
  max-width:420px!important;
  padding:24px!important;
}
html body .auth.auth-v2.auth-final .auth-code-form,
html[data-theme] body .auth.auth-v2.auth-final .auth-code-form{
  transition:grid-template-rows .24s ease,gap .18s ease!important;
  gap:12px!important;
}
html body .auth.auth-v2.auth-final .auth-inline-signup,
html[data-theme] body .auth.auth-v2.auth-final .auth-inline-signup{
  display:grid!important;
  gap:10px!important;
  animation:authSignupExpand .24s ease both!important;
}
html body .auth.auth-v2.auth-final .auth-inline-signup .auth-reg-main-desc,
html[data-theme] body .auth.auth-v2.auth-final .auth-inline-signup .auth-reg-main-desc{
  margin:0!important;
  color:rgba(245,245,245,.58)!important;
  font-size:var(--mc-type-secondary-body,.76rem)!important;
  line-height:1.45!important;
}
html body .auth.auth-v2.auth-final .auth-inline-back,
html[data-theme] body .auth.auth-v2.auth-final .auth-inline-back{
  height:34px!important;
  min-height:34px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  background-image:none!important;
  color:rgba(245,245,245,.58)!important;
  box-shadow:none!important;
}
html body .auth.auth-v2.auth-final .auth-inline-back:is(:hover,:focus-visible),
html[data-theme] body .auth.auth-v2.auth-final .auth-inline-back:is(:hover,:focus-visible){
  background:rgba(255,255,255,.08)!important;
  color:#f5f5f5!important;
}
html body .auth.auth-v2.auth-final .auth-signup-submit,
html[data-theme] body .auth.auth-v2.auth-final .auth-signup-submit{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  font-size:.88rem!important;
  font-weight:620!important;
  line-height:1!important;
}
html body .auth.auth-v2.auth-final :where(.mc-form-input-box,.mc-form-select-combo),
html[data-theme] body .auth.auth-v2.auth-final :where(.mc-form-input-box,.mc-form-select-combo),
html body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .mc-combo-field.mc-form-input-box,
html[data-theme] body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .mc-combo-field.mc-form-input-box{
  position:relative!important;
  width:100%!important;
  min-height:40px!important;
  height:40px!important;
  padding:0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  background-clip:border-box!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body .auth.auth-v2.auth-final :where(.mc-form-input-box,.mc-form-select-combo):focus-within,
html[data-theme] body .auth.auth-v2.auth-final :where(.mc-form-input-box,.mc-form-select-combo):focus-within,
html body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .mc-combo-field.mc-form-input-box:focus-within,
html[data-theme] body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .mc-combo-field.mc-form-input-box:focus-within{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .auth.auth-v2.auth-final :where(.mc-form-input-box,.mc-form-select-combo)::before,
html[data-theme] body .auth.auth-v2.auth-final :where(.mc-form-input-box,.mc-form-select-combo)::before,
html body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .mc-combo-field.mc-form-input-box::before,
html[data-theme] body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .mc-combo-field.mc-form-input-box::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:1px!important;
  border-radius:999px!important;
  background:rgba(245,245,245,.18)!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
html body .auth.auth-v2.auth-final :where(.mc-form-input-box,.mc-form-select-combo)::after,
html[data-theme] body .auth.auth-v2.auth-final :where(.mc-form-input-box,.mc-form-select-combo)::after,
html body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .mc-combo-field.mc-form-input-box::after,
html[data-theme] body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .mc-combo-field.mc-form-input-box::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:1px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,rgba(104,216,255,.95),rgba(126,240,164,.88) 38%,rgba(177,156,255,.82) 72%,rgba(243,198,111,.72))!important;
  opacity:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
  transition:opacity .16s ease!important;
}
html body .auth.auth-v2.auth-final :where(.mc-form-input-box,.mc-form-select-combo):is(:hover,:focus-within)::after,
html[data-theme] body .auth.auth-v2.auth-final :where(.mc-form-input-box,.mc-form-select-combo):is(:hover,:focus-within)::after,
html body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .mc-combo-field.mc-form-input-box:is(:hover,:focus-within)::after,
html[data-theme] body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .mc-combo-field.mc-form-input-box:is(:hover,:focus-within)::after{
  opacity:1!important;
}
html body .auth.auth-v2.auth-final :where(input,.auth-code-form input,.auth-panel.auth-panel-v2 input,.mc-combo-input),
html[data-theme] body .auth.auth-v2.auth-final :where(input,.auth-code-form input,.auth-panel.auth-panel-v2 input,.mc-combo-input),
html body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .mc-combo-field.mc-form-input-box input.mc-combo-input,
html[data-theme] body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .mc-combo-field.mc-form-input-box input.mc-combo-input{
  border-radius:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  min-height:38px!important;
  height:38px!important;
  padding:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body .auth.auth-v2.auth-final :where(input,.auth-code-form input,.auth-panel.auth-panel-v2 input,.mc-combo-input):is(:focus,:focus-visible),
html[data-theme] body .auth.auth-v2.auth-final :where(input,.auth-code-form input,.auth-panel.auth-panel-v2 input,.mc-combo-input):is(:focus,:focus-visible),
html body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .mc-combo-field.mc-form-input-box input.mc-combo-input:is(:focus,:focus-visible),
html[data-theme] body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .mc-combo-field.mc-form-input-box input.mc-combo-input:is(:focus,:focus-visible){
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .auth.auth-v2.auth-final.auth-signup-expanded input#code_acc,
html[data-theme] body .auth.auth-v2.auth-final.auth-signup-expanded input#code_acc{
  font-size:.8rem!important;
}
html body .auth.auth-v2.auth-final :where(.auth-code-submit,.auth-code-send,.btn-google.auth-primary),
html[data-theme] body .auth.auth-v2.auth-final :where(.auth-code-submit,.auth-code-send,.btn-google.auth-primary){
  border-radius:8px!important;
}
@keyframes authPasswordReveal{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes authSignupExpand{
  from{opacity:0;transform:translateY(-8px);clip-path:inset(0 0 18% 0)}
  to{opacity:1;transform:translateY(0);clip-path:inset(0)}
}

/* <<< runtime/legacy/styles/blocks/auth/surface/compatibility-layout/001-base-slice-24-auth-001-slice-24-html-body-auth-auth-v2-a-micro-01.css */


/* >>> runtime/legacy/styles/blocks/auth/surface/compatibility-layout/001-base-slice-24-auth-002-slice-24-html-body-auth-auth-v2-a-micro-02.css */

html body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .auth-phone-model.phone-model.mc-combo-field.mc-form-input-box,
html[data-theme] body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .auth-phone-model.phone-model.mc-combo-field.mc-form-input-box{
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr)!important;
  align-items:center!important;
  gap:0!important;
  padding:0!important;
  border:0!important;
  border-radius:var(--mc-radius-control,8px)!important;
  background:rgba(255,255,255,.065)!important;
  background-image:linear-gradient(135deg,rgba(63,151,255,.10),rgba(47,226,176,.055))!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .auth-phone-model .phone-dial-toggle,
html[data-theme] body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .auth-phone-model .phone-dial-toggle{
  width:62px!important;
  min-width:62px!important;
  height:100%!important;
  padding:0!important;
  border:0!important;
  border-radius:var(--mc-radius-control,8px)!important;
  background:transparent!important;
  background-image:none!important;
  color:rgba(245,245,245,.72)!important;
  box-shadow:none!important;
  justify-content:center!important;
}
html body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .auth-phone-model .phone-dial-toggle:hover,
html[data-theme] body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .auth-phone-model .phone-dial-toggle:hover{
  background:var(--mc-model-button-fill-hover,rgba(255,255,255,.10))!important;
  background-image:var(--mc-model-button-fill-hover,none)!important;
  color:#f5f5f5!important;
}
html body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .auth-phone-model .phone-model-local.mc-combo-input,
html[data-theme] body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .auth-phone-model .phone-model-local.mc-combo-input{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:0 14px 0 12px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#f5f5f5!important;
  box-shadow:none!important;
  line-height:48px!important;
}
html body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .auth-phone-model .phone-model-local.mc-combo-input:is(:focus,:focus-visible),
html[data-theme] body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .auth-phone-model .phone-model-local.mc-combo-input:is(:focus,:focus-visible){
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .auth-phone-model:focus-within,
html[data-theme] body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .auth-phone-model:focus-within{
  border:0!important;
  background:rgba(255,255,255,.09)!important;
  background-image:linear-gradient(135deg,rgba(63,151,255,.14),rgba(47,226,176,.075))!important;
  box-shadow:none!important;
}
html body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .auth-phone-model .phone-dial-menu,
html[data-theme] body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .auth-phone-model .phone-dial-menu{
  top:calc(100% + 8px)!important;
  left:0!important;
  right:auto!important;
  width:min(276px,calc(100vw - 32px))!important;
  max-width:min(276px,calc(100vw - 32px))!important;
  border:0!important;
  border-radius:var(--mc-radius-control,8px)!important;
}
html body .auth.auth-v2.auth-final.auth-loading,
html[data-theme] body .auth.auth-v2.auth-final.auth-loading{
  gap:22px!important;
}
html body .auth.auth-v2.auth-final.auth-loading .auth-loading-center,
html[data-theme] body .auth.auth-v2.auth-final.auth-loading .auth-loading-center{
  width:min(360px,100%)!important;
  display:grid!important;
  place-items:center!important;
  color:#f5f5f5!important;
}
html body .auth.auth-v2.auth-final.auth-loading .auth-loading-card,
html[data-theme] body .auth.auth-v2.auth-final.auth-loading .auth-loading-card{
  width:min(260px,100%)!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  text-align:center!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .auth.auth-v2.auth-final .auth-spinner,
html[data-theme] body .auth.auth-v2.auth-final .auth-spinner{
  width:26px!important;
  height:26px!important;
  margin:0 auto 16px!important;
  border:2px solid rgba(255,255,255,.18)!important;
  border-top-color:#f5f5f5!important;
}
html body .auth.auth-v2.auth-final.auth-loading .auth-loading-card h2,
html[data-theme] body .auth.auth-v2.auth-final.auth-loading .auth-loading-card h2{
  margin:0!important;
  color:#f5f5f5!important;
  font-size:1rem!important;
  line-height:1.25!important;
  font-weight:560!important;
}
html body .auth.auth-v2.auth-final.auth-loading .auth-loading-card p,
html[data-theme] body .auth.auth-v2.auth-final.auth-loading .auth-loading-card p{
  margin:8px 0 0!important;
  color:rgba(245,245,245,.50)!important;
  font-size:.78rem!important;
  line-height:1.45!important;
}

/* <<< runtime/legacy/styles/blocks/auth/surface/compatibility-layout/001-base-slice-24-auth-002-slice-24-html-body-auth-auth-v2-a-micro-02.css */


/* >>> runtime/legacy/styles/blocks/auth/surface/compatibility-layout/001-base-slice-24-auth-003-slice-24-html-body-auth-auth-v2-a-micro-03.css */

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2,
  html[data-theme] body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2{
    width:min(340px,calc(100vw - 24px))!important;
    max-width:340px!important;
    padding:20px!important;
  }
  html body .auth.auth-v2.auth-final .auth-topline{
    margin-bottom:16px!important;
    text-align:center!important;
  }
  html body .auth.auth-v2.auth-final .auth-topline p{
    display:none!important;
  }
  html body .auth.auth-v2.auth-final .auth-mode-tabs{
    height:36px!important;
    margin-bottom:14px!important;
  }
  html body .auth.auth-v2.auth-final .auth-mode-tabs button{
    height:30px!important;
    line-height:30px!important;
    font-size:.75rem!important;
  }
  html body .auth.auth-v2.auth-final :where(input,.auth-code-form input,.auth-panel.auth-panel-v2 input,.mc-combo-input),
  html body .auth.auth-v2.auth-final :where(.auth-code-submit,.auth-code-send,.btn-google.auth-primary){
    height:44px!important;
    min-height:44px!important;
  }
  html body .auth.auth-v2.auth-final .auth-email-link-submit,
  html body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 button#googleLoginBtn.btn-google.auth-primary.auth-google-inline,
  html body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .auth-phone-model.phone-model.mc-combo-field.mc-form-input-box{
    height:44px!important;
    min-height:44px!important;
  }
  html body .auth.auth-v2.auth-final .auth-panel.auth-panel-v2 .auth-code-form .auth-phone-model .phone-model-local.mc-combo-input{
    line-height:44px!important;
  }
  html body .auth.auth-v2.auth-final .auth-code-row{
    grid-template-columns:minmax(0,1fr) 78px!important;
  }
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html.auth-keyboard-open body:has(.auth.auth-v2),
  html.auth-keyboard-open #root:has(.auth.auth-v2){
    height:var(--auth-viewport-h,100dvh)!important;
    min-height:var(--auth-viewport-h,100dvh)!important;
    overflow:hidden!important;
  }
  html.auth-keyboard-open body .auth.auth-v2,
  html.auth-keyboard-open[data-theme] body .auth.auth-v2{
    min-height:var(--auth-viewport-h,100dvh)!important;
    height:var(--auth-viewport-h,100dvh)!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:0!important;
    padding:4px 10px max(env(safe-area-inset-bottom),0px)!important;
    overflow:hidden!important;
  }
  html.auth-keyboard-open body .auth.auth-v2 .auth-brand,
  html.auth-keyboard-open[data-theme] body .auth.auth-v2 .auth-brand{
    display:none!important;
  }
  html.auth-keyboard-open body .auth.auth-v2 .auth-panel.auth-panel-v2,
  html.auth-keyboard-open[data-theme] body .auth.auth-v2 .auth-panel.auth-panel-v2{
    width:min(330px,calc(100vw - 20px))!important;
    max-height:calc(var(--auth-viewport-h,100dvh) - 6px)!important;
    margin:0 auto!important;
    align-self:center!important;
    overflow:visible!important;
  }
}

/* <<< runtime/legacy/styles/blocks/auth/surface/compatibility-layout/001-base-slice-24-auth-003-slice-24-html-body-auth-auth-v2-a-micro-03.css */


/* >>> runtime/legacy/styles/blocks/auth/surface/compatibility/001-base-slice-24-enterprise-entry.css */

/* Enterprise compatibility entry. Ordered semantic owners preserve the original slice-24 cascade. */

/* <<< runtime/legacy/styles/blocks/auth/surface/compatibility/001-base-slice-24-enterprise-entry.css */


/* >>> runtime/legacy/styles/blocks/contacts/search/controls/055-contacts-search-seg-01-nano-01.css */

/* Legacy ordered CSS segment; extracted from 055-contacts-search.css. Keep import order stable. */
/* style block 55; original index.html line 51997 */
html body .app .layout > .main.page-contacts .contact-search-row,
html[data-theme] body .app .layout > .main.page-contacts .contact-search-row{
  grid-template-columns:minmax(0,1fr) 42px!important;
  gap:8px!important;
  padding:10px 10px 8px!important;
}
html body .app .layout > .main.page-contacts .contact-search-shell,
html[data-theme] body .app .layout > .main.page-contacts .contact-search-shell{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-contacts .contact-search-live-input,
html[data-theme] body .app .layout > .main.page-contacts .contact-search-live-input{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
}
html body .app .layout > .main.page-contacts .contact-search-live-input .mc-combo-input,
html[data-theme] body .app .layout > .main.page-contacts .contact-search-live-input .mc-combo-input{
  height:42px!important;
  padding-right:50px!important;
}
html body .app .layout > .main.page-contacts .contact-search-picker-btn,
html[data-theme] body .app .layout > .main.page-contacts .contact-search-picker-btn{
  position:absolute!important;
  right:4px!important;
  top:4px!important;
  z-index:2!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  padding:0!important;
  border:0!important;
  border-radius:var(--mc-unified-radius,8px)!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--soft)!important;
}
html body .app .layout > .main.page-contacts .contact-search-picker-btn:hover,
html[data-theme] body .app .layout > .main.page-contacts .contact-search-picker-btn:hover{
  background:var(--mc-model-button-fill-hover,rgba(255,255,255,.06))!important;
  color:var(--text)!important;
}
html body .app .layout > .main.page-contacts .contact-search-picker-btn .top-ico,
html[data-theme] body .app .layout > .main.page-contacts .contact-search-picker-btn .top-ico{
  width:17px!important;
  height:17px!important;
}
html body .app .layout > .main.page-contacts .contact-search-trigger,
html[data-theme] body .app .layout > .main.page-contacts .contact-search-trigger{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  min-height:42px!important;
  height:42px!important;
  padding:0 14px!important;
  border:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important;
  border-radius:var(--mc-unified-radius,8px)!important;
  background:color-mix(in srgb,var(--panel) 68%,transparent)!important;
  background-image:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  color:var(--soft)!important;
}
html body .app .layout > .main.page-contacts .contact-search-row .contact-search.contact-search-trigger.stable,
html[data-theme] body .app .layout > .main.page-contacts .contact-search-row .contact-search.contact-search-trigger.stable{
  display:flex!important;
  width:100%!important;
  min-height:42px!important;
  height:42px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important;
  background:color-mix(in srgb,var(--panel) 68%,transparent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
html body .app .layout > .main.page-contacts .contact-search-trigger::before,
html[data-theme] body .app .layout > .main.page-contacts .contact-search-trigger::before{
  content:"";
  width:13px!important;
  height:13px!important;
  margin-right:9px!important;
  border:1.6px solid currentColor!important;
  border-radius:50%!important;
  box-sizing:border-box!important;
  opacity:.82;
}
html body .app .layout > .main.page-contacts .contact-search-trigger::after,
html[data-theme] body .app .layout > .main.page-contacts .contact-search-trigger::after{
  content:"";
  width:6px!important;
  height:1.6px!important;
  margin-left:-12px!important;
  margin-right:8px!important;
  margin-top:12px!important;
  background:currentColor!important;
  border-radius:999px!important;
  transform:rotate(45deg)!important;
  opacity:.82;
}

/* <<< runtime/legacy/styles/blocks/contacts/search/controls/055-contacts-search-seg-01-nano-01.css */


/* >>> runtime/legacy/styles/blocks/contacts/search/controls/055-contacts-search-seg-01-nano-02.css */

html body .app .layout > .main.page-contacts .contact-search-trigger:hover,
html[data-theme] body .app .layout > .main.page-contacts .contact-search-trigger:hover{
  border-color:color-mix(in srgb,var(--brand) 30%,var(--line))!important;
  background:color-mix(in srgb,var(--panel) 76%,var(--brand) 5%)!important;
  color:var(--text)!important;
}
html body .app .layout > .main.page-contacts .chat-system-shell,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-shell{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  min-height:0!important;
}
html body .app .layout > .main.page-contacts .chat-system-avatar.chat-system-avatar,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-avatar.chat-system-avatar{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  color:#effff8!important;
  background:linear-gradient(145deg,rgba(18,185,129,.92),rgba(56,189,248,.82) 58%,rgba(99,102,241,.76))!important;
  box-shadow:0 12px 28px -18px rgba(34,211,238,.95),inset 0 1px 0 rgba(255,255,255,.34),inset 0 -10px 18px rgba(0,0,0,.18)!important;
}
html body .app .layout > .main.page-contacts .chat-system-avatar.chat-system-avatar .top-ico,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-avatar.chat-system-avatar .top-ico{
  color:inherit!important;
  stroke:currentColor!important;
}
html body .app .layout > .main.page-contacts .chat-system-shell .chat-head,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-shell .chat-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-width:0!important;
  padding:10px 12px 12px!important;
  margin:0!important;
  border-bottom:1px solid color-mix(in srgb,var(--line) 42%,transparent)!important;
}
html body .app .layout > .main.page-contacts .chat-system-stream,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-stream{
  min-height:0!important;
  padding:12px!important;
  background:color-mix(in srgb,var(--bg) 30%,transparent)!important;
}
html body .app .layout > .main.page-contacts .chat-system-item,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-item{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) auto!important;
  align-items:center!important;
  justify-items:start!important;
  justify-self:start!important;
  gap:10px!important;
  width:min(86%,760px)!important;
  max-width:min(86%,760px)!important;
  min-width:0!important;
  padding:10px 10px 10px 12px!important;
  border:0!important;
  border-radius:8px 8px 8px 2px!important;
  background:linear-gradient(135deg,var(--msg-soft,rgba(255,255,255,.06)),rgba(255,255,255,.035))!important;
  box-shadow:none!important;
  text-align:left!important;
  cursor:pointer!important;
}
html body .app .layout > .main.page-contacts .chat-system-item.unread,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-item.unread{
  background:linear-gradient(135deg,color-mix(in srgb,var(--msg,var(--brand)) 18%,transparent),rgba(255,255,255,.05))!important;
}
html body .app .layout > .main.page-contacts .chat-system-item:is(:hover,:focus-visible),
html[data-theme] body .app .layout > .main.page-contacts .chat-system-item:is(:hover,:focus-visible){
  background:var(--mc-model-button-fill-hover,linear-gradient(135deg,var(--msg-soft,rgba(255,255,255,.08)),rgba(255,255,255,.06)))!important;
  outline:0!important;
}
html body .app .layout > .main.page-contacts .chat-system-item .sys-item-avatar,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-item .sys-item-avatar{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  display:grid!important;
  place-items:center!important;
}
html body .app .layout > .main.page-contacts .chat-system-item .sys-item-avatar .avatar,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-item .sys-item-avatar .avatar{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  font-size:.78rem!important;
}
html body .app .layout > .main.page-contacts .chat-system-item .chat-system-actor-avatar,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-item .chat-system-actor-avatar{
  border-radius:var(--mc-radius-control,8px)!important;
  color:color-mix(in srgb,var(--msg,var(--brand)) 78%,#fff)!important;
  background:var(--msg-soft,rgba(255,255,255,.08))!important;
}
html body .app .layout > .main.page-contacts .chat-system-item .chat-system-actor-avatar .top-ico,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-item .chat-system-actor-avatar .top-ico{
  width:17px!important;
  height:17px!important;
  color:currentColor!important;
  stroke:currentColor!important;
}
html body .app .layout > .main.page-contacts .chat-system-item .sys-item-main,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-item .sys-item-main{
  display:grid!important;
  justify-items:start!important;
  min-width:0!important;
  width:100%!important;
  text-align:left!important;
}
html body .app .layout > .main.page-contacts .chat-system-item .sys-item-title,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-item .sys-item-title{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  min-width:0!important;
  margin:0 0 5px!important;
  max-width:100%!important;
  flex-wrap:wrap!important;
  text-align:left!important;
}
html body .app .layout > .main.page-contacts .chat-system-item .sys-item-actor,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-item .sys-item-actor{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:.86rem!important;
  color:color-mix(in srgb,var(--msg,var(--brand)) 82%,#fff)!important;
  text-align:left!important;
}
html body .app .layout > .main.page-contacts .chat-system-item .tag,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-item .tag{
  flex:0 0 auto!important;
}
html body .app .layout > .main.page-contacts .chat-system-item .sys-item-focus,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-item .sys-item-focus{
  max-width:100%!important;
  color:var(--text)!important;
  font-size:.94rem!important;
  font-weight:760!important;
  line-height:1.28!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body .app .layout > .main.page-contacts .chat-system-item .sys-item-text,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-item .sys-item-text{
  max-width:100%!important;
  color:var(--soft)!important;
  line-height:1.42!important;
  text-align:left!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:1!important;
  -webkit-box-orient:vertical!important;
}
html body .app .layout > .main.page-contacts .chat-system-item .sys-item-meta,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-item .sys-item-meta{
  width:100%!important;
  margin-top:2px!important;
  color:var(--soft)!important;
  text-align:left!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  font-size:.72rem!important;
}
html body .app .layout > .main.page-contacts .chat-system-item .sys-item-meta time,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-item .sys-item-meta time{
  color:color-mix(in srgb,var(--msg,var(--brand)) 58%,var(--soft))!important;
}
html body #root .app.app .layout > .main.page-contacts .chat-system-item,
html[data-theme] body #root .app.app .layout > .main.page-contacts .chat-system-item{
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr) max-content!important;
  align-items:center!important;
  gap:10px!important;
  width:min(94%,820px)!important;
  max-width:min(94%,820px)!important;
  min-height:50px!important;
  box-sizing:border-box!important;
  padding:8px 10px!important;
  border:0!important;
  border-radius:var(--mc-radius-control,8px)!important;
  background:linear-gradient(135deg,var(--msg-soft,rgba(255,255,255,.06)),rgba(255,255,255,.028))!important;
  background-color:transparent!important;
  background-image:linear-gradient(135deg,var(--msg-soft,rgba(255,255,255,.06)),rgba(255,255,255,.028))!important;
  box-shadow:none!important;
  text-align:left!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
html body #root .app.app .layout > .main.page-contacts .chat-system-item.unread,
html[data-theme] body #root .app.app .layout > .main.page-contacts .chat-system-item.unread{
  background:linear-gradient(135deg,color-mix(in srgb,var(--msg,var(--brand)) 17%,transparent),rgba(255,255,255,.04))!important;
  background-image:linear-gradient(135deg,color-mix(in srgb,var(--msg,var(--brand)) 17%,transparent),rgba(255,255,255,.04))!important;
}
html body #root .app.app .layout > .main.page-contacts .chat-system-item:is(:hover,:focus-visible),
html[data-theme] body #root .app.app .layout > .main.page-contacts .chat-system-item:is(:hover,:focus-visible){
  background:linear-gradient(135deg,color-mix(in srgb,var(--msg,var(--brand)) 22%,transparent),rgba(255,255,255,.055))!important;
  background-image:linear-gradient(135deg,color-mix(in srgb,var(--msg,var(--brand)) 22%,transparent),rgba(255,255,255,.055))!important;
  outline:0!important;
}
html body #root .app.app .layout > .main.page-contacts .chat-system-item .sys-item-avatar,
html[data-theme] body #root .app.app .layout > .main.page-contacts .chat-system-item .sys-item-avatar{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  display:grid!important;
  place-items:center!important;
}
html body #root .app.app .layout > .main.page-contacts .chat-system-item .sys-item-avatar .avatar,
html[data-theme] body #root .app.app .layout > .main.page-contacts .chat-system-item .sys-item-avatar .avatar{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  font-size:.76rem!important;
}
html body #root .app.app .layout > .main.page-contacts .chat-system-item .chat-system-actor-avatar,
html[data-theme] body #root .app.app .layout > .main.page-contacts .chat-system-item .chat-system-actor-avatar{
  border-radius:var(--mc-radius-control,8px)!important;
  color:color-mix(in srgb,var(--msg,var(--brand)) 78%,#fff)!important;
  background:var(--msg-soft,rgba(255,255,255,.08))!important;
}
html body #root .app.app .layout > .main.page-contacts .chat-system-item .sys-item-main,
html[data-theme] body #root .app.app .layout > .main.page-contacts .chat-system-item .sys-item-main{
  display:block!important;
  min-width:0!important;
  width:100%!important;
  overflow:hidden!important;
}
html body #root .app.app .layout > .main.page-contacts .chat-system-item .sys-item-line,
html[data-theme] body #root .app.app .layout > .main.page-contacts .chat-system-item .sys-item-line{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  line-height:1.2!important;
}
html body #root .app.app .layout > .main.page-contacts .chat-system-item .sys-item-actor,
html[data-theme] body #root .app.app .layout > .main.page-contacts .chat-system-item .sys-item-actor{
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:116px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:.88rem!important;
  font-weight:820!important;
  color:color-mix(in srgb,var(--msg,var(--brand)) 78%,var(--text))!important;
}
html body #root .app.app .layout > .main.page-contacts .chat-system-item .sys-item-dot,
html[data-theme] body #root .app.app .layout > .main.page-contacts .chat-system-item .sys-item-dot{
  flex:0 0 4px!important;
  width:4px!important;
  height:4px!important;
  border-radius:50%!important;
  background:var(--msg,var(--brand))!important;
  opacity:.72!important;
}
html body #root .app.app .layout > .main.page-contacts .chat-system-item .sys-item-type,
html[data-theme] body #root .app.app .layout > .main.page-contacts .chat-system-item .sys-item-type,
html body #root .app.app .layout > .main.page-contacts .chat-system-item .sys-item-pin,
html[data-theme] body #root .app.app .layout > .main.page-contacts .chat-system-item .sys-item-pin,
html body #root .app.app .layout > .main.page-contacts .chat-system-item .sys-item-unread,
html[data-theme] body #root .app.app .layout > .main.page-contacts .chat-system-item .sys-item-unread{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:19px!important;
  padding:0 7px!important;
  border:0!important;
  border-radius:var(--mc-radius-control,8px)!important;
  background:var(--msg-soft,rgba(255,255,255,.08))!important;
  color:var(--msg,var(--brand))!important;
  font-size:.68rem!important;
  font-weight:820!important;
  line-height:1!important;
}
html body #root .app.app .layout > .main.page-contacts .chat-system-item .sys-item-unread,
html[data-theme] body #root .app.app .layout > .main.page-contacts .chat-system-item .sys-item-unread{
  color:#f59e0b!important;
  background:rgba(245,158,11,.12)!important;
}
html body #root .app.app .layout > .main.page-contacts .chat-system-item .sys-item-focus,
html[data-theme] body #root .app.app .layout > .main.page-contacts .chat-system-item .sys-item-focus{
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:34%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--text)!important;
  font-size:.9rem!important;
  font-weight:760!important;
  line-height:1.2!important;
}
html body #root .app.app .layout > .main.page-contacts .chat-system-item .sys-item-sep,
html[data-theme] body #root .app.app .layout > .main.page-contacts .chat-system-item .sys-item-sep{
  flex:0 0 auto!important;
  color:color-mix(in srgb,var(--soft) 78%,transparent)!important;
}
html body #root .app.app .layout > .main.page-contacts .chat-system-item .sys-item-text,
html[data-theme] body #root .app.app .layout > .main.page-contacts .chat-system-item .sys-item-text{
  flex:1 1 auto!important;
  min-width:72px!important;
  max-width:100%!important;
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--soft)!important;
  font-size:.84rem!important;
  line-height:1.2!important;
}
html body #root .app.app .layout > .main.page-contacts .chat-system-item .sys-item-time,
html[data-theme] body #root .app.app .layout > .main.page-contacts .chat-system-item .sys-item-time{
  justify-self:end!important;
  min-width:max-content!important;
  color:color-mix(in srgb,var(--msg,var(--brand)) 52%,var(--soft))!important;
  font-size:.74rem!important;
  font-weight:720!important;
  white-space:nowrap!important;
}

/* <<< runtime/legacy/styles/blocks/contacts/search/controls/055-contacts-search-seg-01-nano-02.css */


/* >>> runtime/legacy/styles/blocks/contacts/search/controls/055-contacts-search-seg-01-nano-03.css */

html body .app .layout > .main.page-contacts .chat-system-view-btn,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-view-btn{
  justify-self:end!important;
  align-self:center!important;
  display:inline-flex!important;
  justify-content:center!important;
  align-items:center!important;
  min-width:46px!important;
  min-height:30px!important;
  margin-top:0!important;
  padding:0 10px!important;
  text-align:center!important;
  border:0!important;
  border-radius:var(--mc-unified-radius,8px)!important;
  background:transparent!important;
  color:var(--soft)!important;
  box-shadow:none!important;
}
html[data-theme=dark] body .app .layout > .main.page-contacts .chat-system-item{
  background:linear-gradient(135deg,var(--msg-soft,rgba(255,255,255,.06)),rgba(255,255,255,.035))!important;
  color:#f8fafc!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-contacts .chat-system-view-btn:is(:hover,:focus-visible),
html[data-theme] body .app .layout > .main.page-contacts .chat-system-view-btn:is(:hover,:focus-visible){
  background:var(--mc-model-button-fill-hover,rgba(255,255,255,.06))!important;
  color:var(--text)!important;
  outline:0!important;
}
html body #modal .people-picker-v2,
html[data-theme] body #modal .people-picker-v2{
  gap:9px!important;
}
html body #modal .people-picker-breadcrumb,
html[data-theme] body #modal .people-picker-breadcrumb{
  min-height:30px!important;
  height:auto!important;
  padding:0 2px!important;
  border:0!important;
  background:transparent!important;
}
html body #modal .people-picker-path button,
html[data-theme] body #modal .people-picker-path button,
html body #modal .people-picker-path em,
html[data-theme] body #modal .people-picker-path em{
  max-width:138px!important;
  color:var(--text)!important;
}
html body #modal .people-picker-path button:first-child,
html[data-theme] body #modal .people-picker-path button:first-child{
  font-weight:880!important;
  color:var(--brand-dark)!important;
}
html body #modal .people-picker-selected,
html[data-theme] body #modal .people-picker-selected{
  padding:2px 0 4px!important;
}
html body #modal .people-picker-selected-list,

/* <<< runtime/legacy/styles/blocks/contacts/search/controls/055-contacts-search-seg-01-nano-03.css */


/* >>> runtime/legacy/styles/blocks/contacts/search/controls/055-contacts-search-seg-02-short-01.css */

/* Legacy ordered CSS segment; extracted from 055-contacts-search.css. Keep import order stable. */
html[data-theme] body #modal .people-picker-selected-list{
  gap:7px!important;
  min-height:34px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:1px 0 2px!important;
}
html body #modal .people-picker-selected-person,
html[data-theme] body #modal .people-picker-selected-person{
  display:grid!important;
  grid-template-columns:30px!important;
  place-items:center!important;
  width:32px!important;
  min-width:32px!important;
  max-width:32px!important;
  height:32px!important;
  padding:1px!important;
  border:0!important;
  border-radius:var(--mc-unified-radius,8px)!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #modal .people-picker-selected-person .org-person-avatar,
html[data-theme] body #modal .people-picker-selected-person .org-person-avatar,
html body #modal .people-picker-selected-person .avatar,
html[data-theme] body #modal .people-picker-selected-person .avatar,
html body #modal .people-picker-v2 .org-pick-person .avatar,
html[data-theme] body #modal .people-picker-v2 .org-pick-person .avatar,
html body #modal .people-picker-v2 .org-person-avatar,
html[data-theme] body #modal .people-picker-v2 .org-person-avatar{
  border-radius:var(--mc-unified-radius,8px)!important;
  overflow:hidden!important;
  font-size:.64rem!important;
  font-weight:850!important;
  line-height:1!important;
}
html body #modal .people-picker-selected-person:hover,
html[data-theme] body #modal .people-picker-selected-person:hover{
  background:var(--mc-model-button-fill-hover,rgba(255,255,255,.06))!important;
}
html body #modal .people-picker-company-block,
html[data-theme] body #modal .people-picker-company-block{
  display:grid!important;
  gap:6px!important;
  margin:2px 0 5px!important;
}
html body #modal .people-picker-section-line,
html[data-theme] body #modal .people-picker-section-line{
  display:block!important;
  width:100%!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--brand) 34%,var(--line)),transparent)!important;
  opacity:.8!important;
}
html body #modal .people-picker-company-row,
html[data-theme] body #modal .people-picker-company-row{
  min-height:40px!important;
  padding:6px 8px!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 15%,transparent),transparent 88%)!important;
}
html body #modal .people-picker-company-row .org-pick-main b,
html[data-theme] body #modal .people-picker-company-row .org-pick-main b{
  font-size:.94rem!important;
  font-weight:900!important;
  color:var(--brand-dark)!important;
}
html body #modal .people-picker-main-dept,
html[data-theme] body #modal .people-picker-main-dept{
  width:calc(100% - 20px)!important;
  margin-left:20px!important;
  padding-left:7px!important;
}
html body #modal .people-picker-v2 .people-picker-nav-list .org-pick-row.people-picker-main-dept,
html[data-theme] body #modal .people-picker-v2 .people-picker-nav-list .org-pick-row.people-picker-main-dept{
  width:calc(100% - 20px)!important;
  margin-left:20px!important;
  padding-left:7px!important;
}
html body #modal .people-picker-main-dept .org-pick-main b,
html[data-theme] body #modal .people-picker-main-dept .org-pick-main b{
  font-size:.84rem!important;
  font-weight:850!important;
}
html body #modal .people-picker-current-dept,
html[data-theme] body #modal .people-picker-current-dept{
  display:grid!important;
  gap:5px!important;
  width:calc(100% - 20px)!important;
  margin:4px 0 3px 20px!important;
  padding:8px 9px 7px!important;
  border:0!important;
  border-radius:var(--mc-unified-radius,8px)!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 10%,transparent),transparent 92%)!important;
  box-shadow:none!important;
  color:var(--text)!important;
  cursor:default!important;
  pointer-events:none!important;
  user-select:none!important;
}
html body #modal .people-picker-current-dept .people-picker-current-line,
html[data-theme] body #modal .people-picker-current-dept .people-picker-current-line{
  display:block!important;
  width:100%!important;
  height:1px!important;
  margin-bottom:2px!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 42%,var(--line)),transparent)!important;
  opacity:.75!important;
}

/* <<< runtime/legacy/styles/blocks/contacts/search/controls/055-contacts-search-seg-02-short-01.css */


/* >>> runtime/legacy/styles/blocks/contacts/search/controls/055-contacts-search-seg-02-short-02.css */

html body #modal .people-picker-current-dept .org-pick-main,
html[data-theme] body #modal .people-picker-current-dept .org-pick-main{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
}
html body #modal .people-picker-current-dept .org-pick-main b,
html[data-theme] body #modal .people-picker-current-dept .org-pick-main b{
  color:var(--brand-dark)!important;
  font-size:.88rem!important;
  font-weight:900!important;
}
html body #modal .people-picker-current-dept .org-pick-main span,
html[data-theme] body #modal .people-picker-current-dept .org-pick-main span{
  color:var(--soft)!important;
  font-size:.68rem!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body #modal .people-picker-sub-dept,
html[data-theme] body #modal .people-picker-sub-dept{
  width:calc(100% - 34px)!important;
  margin-left:34px!important;
  padding-left:10px!important;
}
html body #modal .people-picker-v2 .people-picker-nav-list .org-pick-row.people-picker-sub-dept,
html[data-theme] body #modal .people-picker-v2 .people-picker-nav-list .org-pick-row.people-picker-sub-dept{
  width:calc(100% - 34px)!important;
  margin-left:34px!important;
  padding-left:10px!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .app .layout > .main.page-contacts .chat-system-item,
  html[data-theme] body .app .layout > .main.page-contacts .chat-system-item{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body .app .layout > .main.page-contacts .chat-system-view-btn,
  html[data-theme] body .app .layout > .main.page-contacts .chat-system-view-btn{
    justify-self:start!important;
  }
  html body #modal .people-picker-path button,
  html[data-theme] body #modal .people-picker-path button,
  html body #modal .people-picker-path em,
  html[data-theme] body #modal .people-picker-path em{
    max-width:96px!important;
  }
}

/* <<< runtime/legacy/styles/blocks/contacts/search/controls/055-contacts-search-seg-02-short-02.css */


/* >>> runtime/legacy/styles/blocks/roles/permissions/controls/056-roles-permissions-controls-nano-01.css */

/* style block 56; original index.html line 52431 */
html body .app .layout > .main.page-system :where(.role-mode-tabs button,.role-list-item,.role-scope-option),
html[data-theme] body .app .layout > .main.page-system :where(.role-mode-tabs button,.role-list-item,.role-scope-option){
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  background-image:none!important;
  border-radius:var(--mc-unified-radius,8px)!important;
  color:var(--text,#f4f4f1)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .app .layout > .main.page-system :where(.role-mode-tabs button,.role-list-item,.role-scope-option)::before,
html body .app .layout > .main.page-system :where(.role-mode-tabs button,.role-list-item,.role-scope-option)::after,
html[data-theme] body .app .layout > .main.page-system :where(.role-mode-tabs button,.role-list-item,.role-scope-option)::before,
html[data-theme] body .app .layout > .main.page-system :where(.role-mode-tabs button,.role-list-item,.role-scope-option)::after{
  display:none!important;
  content:none!important;
  box-shadow:none!important;
  background:none!important;
}
html body .app .layout > .main.page-system :where(.role-mode-tabs button,.role-list-item,.role-scope-option):is(:hover,:focus-visible),
html[data-theme] body .app .layout > .main.page-system :where(.role-mode-tabs button,.role-list-item,.role-scope-option):is(:hover,:focus-visible){
  background:var(--mc-model-button-fill-hover,rgba(255,255,255,.06))!important;
  background-image:var(--mc-model-button-fill-hover,rgba(255,255,255,.06))!important;
  box-shadow:none!important;
  transform:translateY(-1px)!important;
}
html body .app .layout > .main.page-system :where(.role-mode-tabs button,.role-list-item,.role-scope-option).active,
html[data-theme] body .app .layout > .main.page-system :where(.role-mode-tabs button,.role-list-item,.role-scope-option).active{
  background:var(--mc-model-button-fill-active,rgba(126,240,164,.13))!important;
  background-image:var(--mc-model-button-fill-active,rgba(126,240,164,.13))!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--text,#f4f4f1)!important;
}
html body .app .layout > .main.page-system .role-mode-tabs button,
html[data-theme] body .app .layout > .main.page-system .role-mode-tabs button{
  min-height:34px!important;
  padding:var(--mc-frameless-pad-y,6px) var(--mc-frameless-pad-x,8px)!important;
  font-size:var(--mc-type-body-control,.82rem)!important;
  font-weight:760!important;
}
html body .app .layout > .main.page-system .role-list-item,
html[data-theme] body .app .layout > .main.page-system .role-list-item{
  min-height:48px!important;
  padding:9px 12px!important;
  margin:4px 0 0!important;
}
html body .app .layout > .main.page-system .role-list-item i,
html[data-theme] body .app .layout > .main.page-system .role-list-item i{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--soft,rgba(244,244,241,.6))!important;
  -webkit-text-fill-color:var(--soft,rgba(244,244,241,.6))!important;
}
html body .app .layout > .main.page-system .role-meta-grid,
html[data-theme] body .app .layout > .main.page-system .role-meta-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
html body .app .layout > .main.page-system .role-meta-scope,
html[data-theme] body .app .layout > .main.page-system .role-meta-scope{
  grid-column:1 / -1!important;
}
html body .app .layout > .main.page-system .role-scope-visual,
html[data-theme] body .app .layout > .main.page-system .role-scope-visual{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:6px!important;
  align-items:stretch!important;
}
html body .app .layout > .main.page-system .role-scope-option,
html[data-theme] body .app .layout > .main.page-system .role-scope-option{
  min-width:0!important;
  min-height:36px!important;
  padding:6px 8px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:6px!important;
  align-items:center!important;
  justify-content:start!important;
  text-align:left!important;
  cursor:pointer!important;
}
html body .app .layout > .main.page-system .role-scope-option i,
html[data-theme] body .app .layout > .main.page-system .role-scope-option i{
  min-width:30px!important;
  font-style:normal!important;
  font-size:.64rem!important;
  font-weight:860!important;
  color:var(--brand-dark,#7ef0a4)!important;
  -webkit-text-fill-color:var(--brand-dark,#7ef0a4)!important;
}
html body .app .layout > .main.page-system .role-scope-option b,
html[data-theme] body .app .layout > .main.page-system .role-scope-option b{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:.78rem!important;
  line-height:1.15!important;
  font-weight:780!important;
}
html body .app .layout > .main.page-system .role-scope-visual.locked .role-scope-option,
html[data-theme] body .app .layout > .main.page-system .role-scope-visual.locked .role-scope-option{
  grid-column:auto!important;
  max-width:160px!important;
  cursor:default!important;
}

/* <<< runtime/legacy/styles/blocks/roles/permissions/controls/056-roles-permissions-controls-nano-01.css */


/* >>> runtime/legacy/styles/blocks/roles/permissions/controls/056-roles-permissions-controls-nano-02.css */

html body .app .layout > .main.page-system .settings-layout-grid,
html[data-theme] body .app .layout > .main.page-system .settings-layout-grid{
  grid-template-columns:minmax(0,1fr) minmax(320px,1fr)!important;
  gap:12px!important;
}
html body .app .layout > .main.page-system .settings-right-empty,
html[data-theme] body .app .layout > .main.page-system .settings-right-empty{
  display:none!important;
}
html body .app .layout > .main.page-system .settings-location-card,
html[data-theme] body .app .layout > .main.page-system .settings-location-card{
  grid-column:2 / 3!important;
  grid-row:1 / span 2!important;
  width:100%!important;
  max-width:none!important;
  justify-self:stretch!important;
  align-self:start!important;
}
html body .app .layout > .main.page-system .settings-location-card .office-form,
html[data-theme] body .app .layout > .main.page-system .settings-location-card .office-form{
  grid-template-columns:1fr!important;
  gap:9px!important;
}
html body .app .layout > .main.page-system .settings-location-card .office-form > div:last-child,
html[data-theme] body .app .layout > .main.page-system .settings-location-card .office-form > div:last-child,
html body .app .layout > .main.page-system .settings-location-card :where(.office-coordinate-summary,.radius-tools,.office-actions),
html[data-theme] body .app .layout > .main.page-system .settings-location-card :where(.office-coordinate-summary,.radius-tools,.office-actions){
  grid-column:1!important;
}
html body .app .layout > .main.page-system .settings-location-card .radius-tools,
html[data-theme] body .app .layout > .main.page-system .settings-location-card .radius-tools{
  grid-template-columns:96px minmax(0,1fr) 54px!important;
}
html body .app .layout > .main.page-system .settings-location-card .geo-preview iframe,
html[data-theme] body .app .layout > .main.page-system .settings-location-card .geo-preview iframe{
  height:128px!important;
}
html body .app .layout > .main.page-system .settings-location-card .settings-empty,
html[data-theme] body .app .layout > .main.page-system .settings-location-card .settings-empty{
  min-height:88px!important;
}
html body .app .layout > .main.page-system .settings-utc-row,
html[data-theme] body .app .layout > .main.page-system .settings-utc-row{
  grid-template-columns:86px auto!important;
  justify-content:start!important;
}
html body .app .layout > .main.page-system .settings-utc-value,
html[data-theme] body .app .layout > .main.page-system .settings-utc-value{
  width:auto!important;
  max-width:max-content!important;
  overflow:visible!important;
}
html body .app .layout > .main.page-system .settings-column-card .sys-kv .settings-utc-select,
html[data-theme] body .app .layout > .main.page-system .settings-column-card .sys-kv .settings-utc-select{
  width:156px!important;
  min-width:146px!important;
  max-width:168px!important;
}
html body .app .layout > .main.page-system .settings-utc-select .mc-combo-input,
html[data-theme] body .app .layout > .main.page-system .settings-utc-select .mc-combo-input{
  width:100%!important;
}
@media(max-width:900px){
  html body .app .layout > .main.page-system .role-scope-visual,
  html[data-theme] body .app .layout > .main.page-system .role-scope-visual{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body .app .layout > .main.page-system .settings-layout-grid,
  html[data-theme] body .app .layout > .main.page-system .settings-layout-grid{
    grid-template-columns:1fr!important;
  }
  html body .app .layout > .main.page-system .settings-location-card,
  html[data-theme] body .app .layout > .main.page-system .settings-location-card{
    grid-column:1!important;
    grid-row:auto!important;
  }
}
html body .app .layout > main.main.page-system :where(button.role-list-item.role-list-item,button.role-scope-option.role-scope-option,.role-mode-tabs button),
html[data-theme] body .app .layout > main.main.page-system :where(button.role-list-item.role-list-item,button.role-scope-option.role-scope-option,.role-mode-tabs button){
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  border-image:none!important;
  outline:0!important;
  box-shadow:none!important;
}
html body .app .layout > main.main.page-system :where(button.role-list-item.role-list-item,button.role-scope-option.role-scope-option,.role-mode-tabs button).active,
html[data-theme] body .app .layout > main.main.page-system :where(button.role-list-item.role-list-item,button.role-scope-option.role-scope-option,.role-mode-tabs button).active{
  border-width:0!important;
  border-style:none!important;
  background-color:color-mix(in srgb,var(--brand,#7ef0a4) 14%,transparent)!important;
  background-image:none!important;
}
html body .app .layout > main.main.page-system :where(button.role-list-item.role-list-item,button.role-scope-option.role-scope-option,.role-mode-tabs button):is(:hover,:focus-visible),
html[data-theme] body .app .layout > main.main.page-system :where(button.role-list-item.role-list-item,button.role-scope-option.role-scope-option,.role-mode-tabs button):is(:hover,:focus-visible){
  border-width:0!important;
  border-style:none!important;
  background-color:color-mix(in srgb,var(--brand,#7ef0a4) 9%,transparent)!important;
  background-image:none!important;
}
html body .app .layout > main.main.page-system .settings-layout-grid > .settings-location-card.settings-location-card,
html[data-theme] body .app .layout > main.main.page-system .settings-layout-grid > .settings-location-card.settings-location-card{
  grid-column:2 / 3!important;
  grid-row:1 / span 2!important;
  width:100%!important;
  max-width:none!important;
}
html body .app .layout > main.main.page-system .settings-layout-grid > .settings-right-empty.settings-right-empty,
html[data-theme] body .app .layout > main.main.page-system .settings-layout-grid > .settings-right-empty.settings-right-empty{
  display:none!important;
}

/* <<< runtime/legacy/styles/blocks/roles/permissions/controls/056-roles-permissions-controls-nano-02.css */


/* >>> runtime/legacy/styles/blocks/roles/permissions/controls/056-roles-permissions-controls-nano-03.css */

html body #main.main.page-system :is(button.role-list-item.mc-borderless-control,button.role-scope-option.mc-borderless-control,.role-mode-tabs button.mc-borderless-control),
html[data-theme] body #main.main.page-system :is(button.role-list-item.mc-borderless-control,button.role-scope-option.mc-borderless-control,.role-mode-tabs button.mc-borderless-control){
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
}
html body #main.main.page-system :is(button.role-list-item.mc-borderless-control,button.role-scope-option.mc-borderless-control,.role-mode-tabs button.mc-borderless-control).active,
html[data-theme] body #main.main.page-system :is(button.role-list-item.mc-borderless-control,button.role-scope-option.mc-borderless-control,.role-mode-tabs button.mc-borderless-control).active{
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  background:color-mix(in srgb,var(--brand,#7ef0a4) 14%,transparent)!important;
  background-image:none!important;
}
html body #main.main.page-system :is(button.role-list-item.mc-borderless-control,button.role-scope-option.mc-borderless-control,.role-mode-tabs button.mc-borderless-control):is(:hover,:focus-visible),
html[data-theme] body #main.main.page-system :is(button.role-list-item.mc-borderless-control,button.role-scope-option.mc-borderless-control,.role-mode-tabs button.mc-borderless-control):is(:hover,:focus-visible){
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  background:color-mix(in srgb,var(--brand,#7ef0a4) 9%,transparent)!important;
  background-image:none!important;
}

/* <<< runtime/legacy/styles/blocks/roles/permissions/controls/056-roles-permissions-controls-nano-03.css */


/* >>> runtime/legacy/styles/blocks/shared/selection/toggle/057-check-row-toggle.css */

/* Migrated to style-models/primitives/checkmarks/circle-check.css. */

/* <<< runtime/legacy/styles/blocks/shared/selection/toggle/057-check-row-toggle.css */


/* >>> runtime/legacy/styles/blocks/shell/profile-rail/cleanup/058-profile-rail-cleanup.css */

/* style block 58; original index.html line 52726 */
/* Profile rail cleanup: personal-account blocks and actions use the borderless model. */
html body #modal .profile-org-rail.profile-org-rail .org-switch-menu.org-switch-menu :where(.pm-head,.pm-device,.pm-actions),
html[data-theme] body #modal .profile-org-rail.profile-org-rail .org-switch-menu.org-switch-menu :where(.pm-head,.pm-device,.pm-actions){
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}
html body #modal .profile-org-rail.profile-org-rail .org-switch-menu.org-switch-menu :where(.pm-device-row,.pm-actions button,.pm-create .btn.primary,.pm-device-action),
html[data-theme] body #modal .profile-org-rail.profile-org-rail .org-switch-menu.org-switch-menu :where(.pm-device-row,.pm-actions button,.pm-create .btn.primary,.pm-device-action){
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #modal .profile-org-rail.profile-org-rail .org-switch-menu.org-switch-menu :where(.pm-device-row,.pm-actions button,.pm-create .btn.primary,.pm-device-action):is(:hover,:focus-visible),
html[data-theme] body #modal .profile-org-rail.profile-org-rail .org-switch-menu.org-switch-menu :where(.pm-device-row,.pm-actions button,.pm-create .btn.primary,.pm-device-action):is(:hover,:focus-visible){
  border:0!important;
  background:var(--mc-model-button-fill-hover,rgba(255,255,255,.06))!important;
  background-image:var(--mc-model-button-fill-hover,rgba(255,255,255,.06))!important;
  box-shadow:none!important;
}
html body #modal .profile-org-rail.profile-org-rail .org-switch-menu.org-switch-menu .pm-actions,
html[data-theme] body #modal .profile-org-rail.profile-org-rail .org-switch-menu.org-switch-menu .pm-actions{
  padding:2px 0!important;
}
html body #modal .profile-org-rail.profile-org-rail .org-switch-menu.org-switch-menu .pm-device-row.current,
html[data-theme] body #modal .profile-org-rail.profile-org-rail .org-switch-menu.org-switch-menu .pm-device-row.current{
  background:linear-gradient(135deg,rgba(46,139,255,.17),rgba(34,197,94,.10))!important;
  background-image:linear-gradient(135deg,rgba(46,139,255,.17),rgba(34,197,94,.10))!important;
}
html body #modal .profile-org-rail.profile-org-rail .org-switch-menu.org-switch-menu .pm-device-row .pm-device-icon,
html[data-theme] body #modal .profile-org-rail.profile-org-rail .org-switch-menu.org-switch-menu .pm-device-row .pm-device-icon{
  width:38px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:var(--mc-radius-control,8px)!important;
  background:linear-gradient(135deg,rgba(46,139,255,.18),rgba(125,211,252,.08))!important;
  color:#7dd3fc!important;
  box-shadow:none!important;
  font-size:0!important;
  line-height:0!important;
}
html body #modal .profile-org-rail.profile-org-rail .org-switch-menu.org-switch-menu .pm-device-row .pm-device-icon svg,
html[data-theme] body #modal .profile-org-rail.profile-org-rail .org-switch-menu.org-switch-menu .pm-device-row .pm-device-icon svg{
  width:20px!important;
  height:20px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html body #modal .profile-org-rail.profile-org-rail .org-switch-menu.org-switch-menu .pm-device-row .pm-device-icon-desktop,
html[data-theme] body #modal .profile-org-rail.profile-org-rail .org-switch-menu.org-switch-menu .pm-device-row .pm-device-icon-desktop{
  background:linear-gradient(135deg,rgba(46,139,255,.18),rgba(125,211,252,.08))!important;
  color:#7dd3fc!important;
}
html body #modal .profile-org-rail.profile-org-rail .org-switch-menu.org-switch-menu .pm-device-row .pm-device-icon-phone,
html[data-theme] body #modal .profile-org-rail.profile-org-rail .org-switch-menu.org-switch-menu .pm-device-row .pm-device-icon-phone{
  background:linear-gradient(135deg,rgba(52,211,153,.18),rgba(14,165,233,.09))!important;
  color:#34d399!important;
}
html body #modal .profile-org-rail.profile-org-rail .org-switch-menu.org-switch-menu .pm-device-row b,
html[data-theme] body #modal .profile-org-rail.profile-org-rail .org-switch-menu.org-switch-menu .pm-device-row b{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
html body #modal .profile-org-rail.profile-org-rail .org-switch-menu.org-switch-menu .pm-device-local-badge,
html[data-theme] body #modal .profile-org-rail.profile-org-rail .org-switch-menu.org-switch-menu .pm-device-local-badge{
  flex:0 0 auto!important;
  display:inline-grid!important;
  place-items:center!important;
  height:18px!important;
  padding:0 6px!important;
  border:0!important;
  border-radius:var(--mc-radius-control,8px)!important;
  background:rgba(34,197,94,.16)!important;
  color:#86efac!important;
  font-size:.58rem!important;
  font-style:normal!important;
  font-weight:820!important;
  line-height:1!important;
}
html body #modal .profile-org-rail.profile-org-rail .org-switch-menu.org-switch-menu .pm-create .btn.primary,
html[data-theme] body #modal .profile-org-rail.profile-org-rail .org-switch-menu.org-switch-menu .pm-create .btn.primary{
  min-height:34px!important;
  color:#f4f4f1!important;
}
html body .app.app .layout.side-collapsed > .side.side .side-profile-wrap.profile-wrap,
html[data-theme] body .app.app .layout.side-collapsed > .side.side .side-profile-wrap.profile-wrap{
  width:100%!important;
  margin-top:auto!important;
  margin-right:0!important;
  margin-bottom:0!important;
  margin-left:0!important;
  padding:10px 0 8px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  z-index:920!important;
}
html body .app.app .layout.side-collapsed > .side.side .side-profile-wrap.profile-wrap > .uchip,
html[data-theme] body .app.app .layout.side-collapsed > .side.side .side-profile-wrap.profile-wrap > .uchip{
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  display:grid!important;
  grid-template-columns:36px!important;
  place-items:center!important;
  gap:0!important;
  padding:0!important;
  margin:0 auto!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body .app.app .layout.side-collapsed > .side.side .side-profile-wrap.profile-wrap > .uchip .avatar,
html[data-theme] body .app.app .layout.side-collapsed > .side.side .side-profile-wrap.profile-wrap > .uchip .avatar{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  margin:0!important;
}
html body .app.app .layout.side-collapsed > .side.side .side-profile-wrap.profile-wrap .side-profile-text,
html[data-theme] body .app.app .layout.side-collapsed > .side.side .side-profile-wrap.profile-wrap .side-profile-text{
  display:none!important;
}
html body #mcAvatarHoverPreview.mc-avatar-hover-preview,
html[data-theme] body #mcAvatarHoverPreview.mc-avatar-hover-preview{
  z-index:2147483646!important;
  isolation:isolate!important;
}
html body .mc-shell-divider,
html[data-theme] body .mc-shell-divider{
  pointer-events:none!important;
}

/* <<< runtime/legacy/styles/blocks/shell/profile-rail/cleanup/058-profile-rail-cleanup.css */


/* >>> runtime/legacy/styles/blocks/contacts/chat/actions/061-contact-chat-actions.css */

/* style block 61; original index.html line 52913 */
html body .app .layout > .main.page-contacts .chat-head-actions :is(.chat-head-icon,.chat-card-btn).mc-borderless-control,
html[data-theme] body .app .layout > .main.page-contacts .chat-head-actions :is(.chat-head-icon,.chat-card-btn).mc-borderless-control{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  color:rgba(244,244,241,.82)!important;
  -webkit-text-fill-color:currentColor!important;
  border-radius:var(--mc-button-radius,10px)!important;
}
html body .app .layout > .main.page-contacts .chat-head-actions .chat-card-btn.mc-borderless-control,
html[data-theme] body .app .layout > .main.page-contacts .chat-head-actions .chat-card-btn.mc-borderless-control{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  min-width:0!important;
  min-height:34px!important;
  height:34px!important;
  padding:0 var(--mc-frameless-pad-x,9px)!important;
  font:inherit!important;
  font-size:.82rem!important;
  font-weight:820!important;
  line-height:1!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
html body .app .layout > .main.page-contacts .chat-head-actions .chat-head-icon.mc-borderless-control,
html[data-theme] body .app .layout > .main.page-contacts .chat-head-actions .chat-head-icon.mc-borderless-control{
  display:grid!important;
  place-items:center!important;
  inline-size:42px!important;
  block-size:42px!important;
  min-inline-size:42px!important;
  padding:0!important;
  cursor:pointer!important;
}
html body .app .layout > .main.page-contacts .chat-head-actions :is(.chat-head-icon,.chat-card-btn).mc-borderless-control:is(:hover,:focus-visible,.active),
html[data-theme] body .app .layout > .main.page-contacts .chat-head-actions :is(.chat-head-icon,.chat-card-btn).mc-borderless-control:is(:hover,:focus-visible,.active){
  border:0!important;
  background:var(--mc-model-button-fill-hover)!important;
  background-image:var(--mc-model-button-fill-hover)!important;
  box-shadow:none!important;
  color:#f8f8f5!important;
  -webkit-text-fill-color:#f8f8f5!important;
  transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important;
}

/* Contacts page final skin: dark left rail, unified borderless selection, right-opening quick menu. */
html body .app .layout > .main.page-contacts .comms-layout,
html[data-theme] body .app .layout > .main.page-contacts .comms-layout{
  background:rgba(5,7,11,.86)!important;
  background-image:none!important;
  box-shadow:none!important;
  border:1px solid rgba(255,255,255,.055)!important;
  overflow:visible!important;
}
html body .app .layout > .main.page-contacts .contacts-panel,
html[data-theme] body .app .layout > .main.page-contacts .contacts-panel{
  position:relative!important;
  z-index:3!important;
  background:rgba(3,5,9,.72)!important;
  background-image:none!important;
  border-right:1px solid rgba(255,255,255,.07)!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
}
html body .app .layout > .main.page-contacts .chat-panel,
html[data-theme] body .app .layout > .main.page-contacts .chat-panel{
  background:rgba(6,8,12,.64)!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-contacts .contact-list-head,
html[data-theme] body .app .layout > .main.page-contacts .contact-list-head,
html body .app .layout > .main.page-contacts .contact-search-row,
html[data-theme] body .app .layout > .main.page-contacts .contact-search-row{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-contacts .chat-list-item.mc-borderless-control,
html[data-theme] body .app .layout > .main.page-contacts .chat-list-item.mc-borderless-control{
  border:0!important;
  border-radius:var(--mc-button-radius,10px)!important;
  margin:4px 8px!important;
  padding:9px 10px!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  transition:var(--mc-model-lift-transition)!important;
}
html body .app .layout > .main.page-contacts .chat-list-item.mc-borderless-control::before,
html body .app .layout > .main.page-contacts .chat-list-item.mc-borderless-control::after,
html[data-theme] body .app .layout > .main.page-contacts .chat-list-item.mc-borderless-control::before,
html[data-theme] body .app .layout > .main.page-contacts .chat-list-item.mc-borderless-control::after{
  display:none!important;
  content:none!important;
}
html body .app .layout > .main.page-contacts .chat-list-item.mc-borderless-control:is(:hover,:focus-visible),
html[data-theme] body .app .layout > .main.page-contacts .chat-list-item.mc-borderless-control:is(:hover,:focus-visible){
  background:var(--mc-model-button-fill-hover,rgba(255,255,255,.065))!important;
  background-image:var(--mc-model-button-fill-hover,none)!important;
  color:#f8f8f5!important;
  box-shadow:none!important;
  position:relative!important;
  z-index:var(--mc-model-lift-z,80)!important;
  transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important;
}
html body .app .layout > .main.page-contacts .chat-list-item.mc-borderless-control.active,
html[data-theme] body .app .layout > .main.page-contacts .chat-list-item.mc-borderless-control.active{
  border:0!important;
  background:var(--mc-model-button-fill-active,rgba(126,240,164,.14))!important;
  background-image:var(--mc-model-button-fill-active,none)!important;
  color:#f8f8f5!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-contacts .chat-plus-btn.mc-borderless-control,
html[data-theme] body .app .layout > .main.page-contacts .chat-plus-btn.mc-borderless-control{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body .app .layout > .main.page-contacts .chat-plus-btn.mc-borderless-control:is(:hover,:focus-visible,.active),
html[data-theme] body .app .layout > .main.page-contacts .chat-plus-btn.mc-borderless-control:is(:hover,:focus-visible,.active){
  background:var(--mc-model-button-fill-hover,rgba(255,255,255,.07))!important;
  background-image:var(--mc-model-button-fill-hover,none)!important;
  color:#f8f8f5!important;
  box-shadow:none!important;
  transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important;
}
html body .app .layout > .main.page-contacts .chat-action-menu.glass-select-list,
html[data-theme] body .app .layout > .main.page-contacts .chat-action-menu.glass-select-list{
  left:calc(100% - 6px)!important;
  right:auto!important;
  top:8px!important;
  width:206px!important;
  max-width:min(206px,calc(100vw - 32px))!important;
  padding:8px!important;
  gap:5px!important;
  color:#f4f4f1!important;
  pointer-events:auto!important;
  z-index:1200!important;
}
html body .app .layout > .main.page-contacts .chat-action-menu .chat-action-row.mc-borderless-control,
html[data-theme] body .app .layout > .main.page-contacts .chat-action-menu .chat-action-row.mc-borderless-control{
  height:38px!important;
  color:rgba(244,244,241,.86)!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}
html body .app .layout > .main.page-contacts .chat-action-menu .chat-action-row.mc-borderless-control:is(:hover,:focus-visible,.active),
html[data-theme] body .app .layout > .main.page-contacts .chat-action-menu .chat-action-row.mc-borderless-control:is(:hover,:focus-visible,.active){
  color:#fff!important;
}
html:not([data-theme=dark]) body .app .layout > .main.page-contacts .comms-layout{
  background:rgba(18,22,29,.94)!important;
  border-color:rgba(15,23,42,.12)!important;
}
html:not([data-theme=dark]) body .app .layout > .main.page-contacts .contacts-panel{
  background:rgba(10,14,21,.9)!important;
  border-right-color:rgba(255,255,255,.07)!important;
}
html:not([data-theme=dark]) body .app .layout > .main.page-contacts .chat-panel{
  background:rgba(15,18,25,.84)!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .app .layout > .main.page-contacts .comms-layout,
  html[data-theme] body .app .layout > .main.page-contacts .comms-layout{
    overflow:hidden!important;
    border:0!important;
  }
  html body .app .layout > .main.page-contacts .chat-action-menu.glass-select-list,
  html[data-theme] body .app .layout > .main.page-contacts .chat-action-menu.glass-select-list{
    left:auto!important;
    right:8px!important;
    top:52px!important;
    width:min(206px,calc(100vw - 24px))!important;
  }
}

/* <<< runtime/legacy/styles/blocks/contacts/chat/actions/061-contact-chat-actions.css */


/* >>> runtime/legacy/styles/blocks/live-room/canvas/controls/062-live-room-canvas-controls.css */

/* style block 62; original index.html line 52966 */
/* Live room canvas compact controls: only the floating overlay buttons should shrink to their text. */
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-overlay,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-overlay{
  grid-template-columns:max-content max-content!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-overlay-left,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-overlay-left{
  justify-self:start!important;
  width:max-content!important;
  max-width:min(220px,44vw)!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-panel,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-panel,
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-list,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-list{
  width:max-content!important;
  min-width:0!important;
  max-width:min(220px,44vw)!important;
  align-items:start!important;
  justify-items:start!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-list,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-list{
  display:grid!important;
  grid-template-columns:max-content!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-option,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-option{
  display:grid!important;
  width:132px!important;
  inline-size:132px!important;
  min-width:132px!important;
  min-inline-size:132px!important;
  max-width:132px!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  justify-self:start!important;
  align-self:start!important;
  justify-content:start!important;
  justify-items:start!important;
  gap:3px!important;
  padding:7px 10px!important;
  box-sizing:border-box!important;
  transform:none!important;
  transition:background-image .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease,filter .16s ease,transform .18s cubic-bezier(.2,.8,.2,1)!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-title,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-title{
  font-size:.84rem!important;
  font-weight:900!important;
  line-height:1.05!important;
  color:rgba(255,255,255,.82)!important;
  padding:2px 0 2px 10px!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-head,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-head{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  width:100%!important;
  padding:0 0 8px 0!important;
  margin:0!important;
  box-sizing:border-box!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-option span,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-option span{
  font-size:.80rem!important;
  font-weight:900!important;
  line-height:1.08!important;
  color:rgba(255,255,255,.90)!important;
  max-width:164px!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-option small,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-option small{
  font-size:.62rem!important;
  font-weight:820!important;
  line-height:1.1!important;
  color:rgba(255,255,255,.64)!important;
  max-width:164px!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-option.active,
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-option.mc-selected-constant,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-option.active,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-option.mc-selected-constant{
  background:var(--mc-model-button-fill-active,var(--mc-spectrum-fill-active,rgba(126,240,164,.13)))!important;
  background-image:var(--mc-model-button-fill-active,var(--mc-spectrum-fill-active,rgba(126,240,164,.13)))!important;
  outline:0!important;
  outline-offset:0!important;
  box-shadow:none!important;
  transform:none!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-option:is(:hover,:focus-visible),
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-option:is(:hover,:focus-visible){
  background:var(--mc-model-button-fill-hover,var(--mc-spectrum-fill-hover,rgba(255,255,255,.06)))!important;
  background-image:var(--mc-model-button-fill-hover,var(--mc-spectrum-fill-hover,rgba(255,255,255,.06)))!important;
  outline:0!important;
  box-shadow:none!important;
  transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-option:is(:active),
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-option:is(:active){
  transform:translateY(0) scale(.992)!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-option.active .live-room-layer-summary-part.on,
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-option.mc-selected-constant .live-room-layer-summary-part.on,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-option.active .live-room-layer-summary-part.on,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-option.mc-selected-constant .live-room-layer-summary-part.on{
  color:#37c985!important;
  -webkit-text-fill-color:#37c985!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-option.active .live-room-layer-summary-part.off,
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-option.mc-selected-constant .live-room-layer-summary-part.off,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-option.active .live-room-layer-summary-part.off,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-option.mc-selected-constant .live-room-layer-summary-part.off{
  color:#ef5350!important;
  -webkit-text-fill-color:#ef5350!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-legend,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-legend{
  width:auto!important;
  min-width:0!important;
  max-width:min(142px,28vw)!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-legend-title,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-legend-title{
  display:none!important;
  content:none!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-legend-list,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-legend-list{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  white-space:nowrap!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-legend-row,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-legend-row{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  font-size:.68rem!important;
  font-weight:880!important;
  color:rgba(255,255,255,.82)!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-legend-row i,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-legend-row i{
  width:9px!important;
  height:9px!important;
  flex:0 0 9px!important;
  border-radius:50%!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-legend-row b,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-layer-legend-row b{
  font-size:.66rem!important;
  line-height:1!important;
  font-weight:880!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-overlay-right,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-overlay-right{
  justify-self:end!important;
  justify-items:end!important;
  align-items:end!important;
  width:max-content!important;
  min-width:0!important;
  max-width:min(236px,42vw)!important;
  margin-left:auto!important;
  text-align:right!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-overlay-right .live-room-crumbs,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-overlay-right .live-room-crumbs{
  width:max-content!important;
  min-width:0!important;
  max-width:min(236px,42vw)!important;
  grid-template-columns:max-content!important;
  justify-self:end!important;
  justify-content:end!important;
  justify-items:end!important;
  align-items:end!important;
  margin-left:auto!important;
  text-align:right!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-overlay-right .live-room-crumbs button,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-overlay-right .live-room-crumbs button{
  display:inline-flex!important;
  width:max-content!important;
  inline-size:max-content!important;
  min-width:0!important;
  min-inline-size:0!important;
  max-width:min(184px,40vw)!important;
  justify-self:end!important;
  justify-content:flex-end!important;
  padding:5px 8px!important;
  box-sizing:border-box!important;
  text-align:right!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-overlay-right .live-room-stage-summary,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-overlay-right .live-room-stage-summary{
  width:max-content!important;
  max-width:min(236px,42vw)!important;
  justify-self:end!important;
  justify-content:flex-end!important;
  margin-left:auto!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-overlay-right .live-room-floor-crumbs,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-overlay-right .live-room-floor-crumbs{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:3px!important;
  justify-self:stretch!important;
  justify-items:stretch!important;
}
html body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-overlay-right .live-room-floor-crumbs button,
html[data-theme] body .app.app .layout > .main.page-liveRooms .live-room-stage-wrap .live-room-overlay-right .live-room-floor-crumbs button{
  width:100%!important;
  inline-size:100%!important;
  max-width:100%!important;
  min-height:27px!important;
  justify-content:flex-end!important;
  padding:5px 8px!important;
}

/* <<< runtime/legacy/styles/blocks/live-room/canvas/controls/062-live-room-canvas-controls.css */


/* >>> runtime/legacy/styles/blocks/shared/dropdowns/combobox/063-combo-dropdowns.css */

/* style block 63; original index.html line 53061 */
:root{--mc-combo-dropdown-z:5200;--mc-date-dropdown-z:2147483000}
html body .app.app :where(.mc-combo-field-wrap,.field,.toolbar,.pager,.pager-controls,.page-head,.head-actions,.row2,.row3,.live-room-form-grid,.settings-card-stack),
html body #modal :where(.mc-combo-field-wrap,.field,.toolbar,.pager,.pager-controls,.page-head,.head-actions,.row2,.row3,.m-body,.live-room-form-grid,.settings-card-stack){
  overflow:visible!important;
}
html body .app.app :where(.mc-combo-field-wrap):has(> .mc-combo-field:focus-within),
html body .app.app :where(.mc-combo-field-wrap):has(> .mc-combo-field.mc-date-open),
html body #modal :where(.mc-combo-field-wrap):has(> .mc-combo-field:focus-within),
html body #modal :where(.mc-combo-field-wrap):has(> .mc-combo-field.mc-date-open){
  position:relative!important;
  z-index:var(--mc-combo-dropdown-z)!important;
  overflow:visible!important;
}
html body .app.app :where(.mc-combo-field:focus-within,.mc-combo-field.mc-date-open),
html body #modal :where(.mc-combo-field:focus-within,.mc-combo-field.mc-date-open){
  position:relative!important;
  z-index:var(--mc-combo-dropdown-z)!important;
  overflow:visible!important;
}
html body .app.app :where(.mc-combo-field) > :is(.mc-combo-menu,.mc-date-menu),
html body #modal :where(.mc-combo-field) > :is(.mc-combo-menu,.mc-date-menu){
  --mc-combo-field-pad-x:10px;
  position:absolute!important;
  grid-column:1 / -1!important;
  grid-row:1 / 2!important;
  justify-self:stretch!important;
  align-self:start!important;
  left:calc((var(--mc-combo-field-pad-x) + 1px) * -1)!important;
  right:auto!important;
  top:calc(100% + 1px)!important;
  width:calc(100% + (var(--mc-combo-field-pad-x) * 2) + 2px)!important;
  min-width:calc(100% + (var(--mc-combo-field-pad-x) * 2) + 2px)!important;
  max-width:calc(100% + (var(--mc-combo-field-pad-x) * 2) + 2px)!important;
  margin:0!important;
  box-sizing:border-box!important;
  transform-origin:top center!important;
  z-index:calc(var(--mc-combo-dropdown-z) + 1)!important;
}
html body :where(.mc-combo-field) > .mc-date-menu,
html body .app.app :where(.mc-combo-field) > .mc-date-menu,
html body #modal :where(.mc-combo-field) > .mc-date-menu{
  width:320px!important;
  min-width:320px!important;
  max-width:min(92vw,340px)!important;
}
html body :where(.mc-combo-field) > .mc-date-menu .mc-date-week span:first-child,
html body :where(.mc-combo-field) > .mc-date-menu .mc-date-week span.sun,
html body .app.app :where(.mc-combo-field) > .mc-date-menu .mc-date-week span:first-child,
html body .app.app :where(.mc-combo-field) > .mc-date-menu .mc-date-week span.sun,
html body #modal :where(.mc-combo-field) > .mc-date-menu .mc-date-week span:first-child,
html body #modal :where(.mc-combo-field) > .mc-date-menu .mc-date-week span.sun{
  color:rgba(255,142,174,.98)!important;
  -webkit-text-fill-color:rgba(255,142,174,.98)!important;
}
html body :where(.mc-combo-field) > .mc-date-menu .mc-date-day.sun,
html body :where(.mc-combo-field) > .mc-date-menu .mc-date-day-grid .mc-date-day:nth-child(7n+1),
html body .app.app :where(.mc-combo-field) > .mc-date-menu .mc-date-day.sun,
html body .app.app :where(.mc-combo-field) > .mc-date-menu .mc-date-day-grid .mc-date-day:nth-child(7n+1),
html body #modal :where(.mc-combo-field) > .mc-date-menu .mc-date-day.sun,
html body #modal :where(.mc-combo-field) > .mc-date-menu .mc-date-day-grid .mc-date-day:nth-child(7n+1){
  color:#ffdbe4!important;
  -webkit-text-fill-color:#ffdbe4!important;
}
html body :is(.app.app,#modal,.auth) .mc-date-menu :where(.mc-date-week,.mc-date-grid),
html body :is(.app.app,#modal,.auth) .mc-date-menu :where(.mc-date-week span,.mc-date-day.mc-borderless-control){
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  text-align:center!important;
}
html body :is(.app.app,#modal,.auth) .mc-date-menu .mc-date-day-grid{
  grid-template-columns:repeat(7,minmax(30px,1fr))!important;
}
html body :is(.app.app,#modal,.auth) .mc-date-menu .mc-date-month-grid{
  grid-template-columns:repeat(4,minmax(56px,1fr))!important;
}
html body :is(.app.app,#modal,.auth) .mc-date-menu .mc-date-year-grid{
  grid-template-columns:repeat(4,minmax(58px,1fr))!important;
}
html body .app.app .layout > .main.page-emp :where(.employee-detail-grid,.employee-detail-column,.employee-detail-category,.employee-detail-contract,.employee-detail-list,.employee-detail-row,.employee-detail-value):has(.mc-combo-field.mc-date-open){
  overflow:visible!important;
  overflow-x:visible!important;
  overflow-y:visible!important;
  z-index:2147482500!important;
  isolation:isolate!important;
}
html body .app.app .layout > .main.page-emp .mc-combo-field.mc-date-open > .mc-date-menu{
  position:fixed!important;
  z-index:2147483000!important;
  overflow:auto!important;
  scrollbar-width:none!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .app.app .layout > .main.page-emp .mc-combo-field.mc-date-open > .mc-date-menu::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}
html body .app.app :where(.mc-combo-field:focus-within) > .mc-combo-menu,
html body #modal :where(.mc-combo-field:focus-within) > .mc-combo-menu,
html body .app.app :where(.mc-combo-field.mc-date-open) > .mc-date-menu,
html body #modal :where(.mc-combo-field.mc-date-open) > .mc-date-menu{
  opacity:1!important;
  transform:translateY(0)!important;
  pointer-events:auto!important;
}
html body .app.app :where(.mc-combo-menu,.mc-date-menu) > *,
html body #modal :where(.mc-combo-menu,.mc-date-menu) > *{
  max-width:100%!important;
  box-sizing:border-box!important;
}
html body .app.app :where(.mc-combo-option),
html body #modal :where(.mc-combo-option){
  width:100%!important;
  min-width:0!important;
}

html body .app.app :where(.mc-combo-field.mc-date-open) > .mc-date-menu,
html body #modal :where(.mc-combo-field.mc-date-open) > .mc-date-menu,
html body .auth :where(.mc-combo-field.mc-date-open) > .mc-date-menu{
  position:fixed!important;
  left:var(--mc-popup-left,10px)!important;
  top:var(--mc-popup-top,64px)!important;
  right:auto!important;
  bottom:auto!important;
  width:min(var(--mc-popup-width,320px),calc(100vw - 20px))!important;
  min-width:min(var(--mc-popup-width,320px),calc(100vw - 20px))!important;
  max-width:min(var(--mc-popup-width,340px),calc(100vw - 20px))!important;
  max-height:min(var(--mc-popup-max-height,360px),calc(100vh - 24px))!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  transform:translateY(0)!important;
  transform-origin:top center!important;
  z-index:var(--mc-date-dropdown-z)!important;
  isolation:isolate!important;
  pointer-events:auto!important;
  scrollbar-width:none!important;
}

html body .app.app :where(.mc-combo-field.mc-date-open) > .mc-date-menu::-webkit-scrollbar,
html body #modal :where(.mc-combo-field.mc-date-open) > .mc-date-menu::-webkit-scrollbar,
html body .auth :where(.mc-combo-field.mc-date-open) > .mc-date-menu::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}

html body .app.app :where(.mc-combo-field.mc-date-open.mc-popup-drop-up) > .mc-date-menu,
html body #modal :where(.mc-combo-field.mc-date-open.mc-popup-drop-up) > .mc-date-menu,
html body .auth :where(.mc-combo-field.mc-date-open.mc-popup-drop-up) > .mc-date-menu{
  transform-origin:bottom center!important;
}

/* <<< runtime/legacy/styles/blocks/shared/dropdowns/combobox/063-combo-dropdowns.css */


/* >>> runtime/legacy/styles/blocks/attendance/rules/header/064-attendance-rules-header-mini-01-short-01.css */

/* style block 64; original index.html line 53119 */
html body .app.app .layout > .main.page-records .att-rule-section-head,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-section-head{
  align-items:center!important;
  gap:10px!important;
}
html body .app.app .layout > .main.page-records .att-rule-section-actions,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-section-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  flex-wrap:wrap!important;
  margin-left:auto!important;
}
html body .app.app .layout > .main.page-records .att-rule-section-actions .btn,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-section-actions .btn{
  min-height:32px!important;
  padding:5px 10px!important;
  white-space:nowrap!important;
}
html body .app.app .layout > .main.page-records .att-rule-sort-toggle.mc-borderless-control,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-sort-toggle.mc-borderless-control{
  min-width:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  background-image:none!important;
}
html body .app.app .layout > .main.page-records .att-rule-sort-toggle.mc-borderless-control.active,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-sort-toggle.mc-borderless-control.active{
  background:var(--mc-model-button-fill-active,rgba(126,240,164,.14))!important;
  background-image:var(--mc-model-button-fill-active,rgba(126,240,164,.14))!important;
}
html body .app.app .layout > .main.page-records .att-rule-table :where(table,thead,tbody,tr,th,td)::before,
html body .app.app .layout > .main.page-records .att-rule-table :where(table,thead,tbody,tr,th,td)::after,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-table :where(table,thead,tbody,tr,th,td)::before,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-table :where(table,thead,tbody,tr,th,td)::after{
  display:none!important;
  content:none!important;
  border:0!important;
  box-shadow:none!important;
  background:none!important;
}
html body .app.app .layout > .main.page-records .att-rule-table,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-table{
  border-radius:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-records .att-rule-table table,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-table table{
  border-collapse:collapse!important;
  border-spacing:0!important;
  background:transparent!important;
  background-image:none!important;
}
html body .app.app .layout > .main.page-records .att-rule-table thead th,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-table thead th{
  border:0!important;
  border-bottom:1px solid var(--mc-list-line,rgba(255,255,255,.1))!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-records .att-rule-table tbody tr,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-table tbody tr{
  position:relative!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  background-image:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  transition:background-color .16s ease,background-image .16s ease,color .16s ease,transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease,outline-color .16s ease!important;
}
html body .app.app .layout > .main.page-records .att-rule-table tbody tr:nth-child(odd),
html[data-theme] body .app.app .layout > .main.page-records .att-rule-table tbody tr:nth-child(odd){
  background:var(--mc-list-alt,rgba(255,255,255,.035))!important;
  background-image:none!important;
}
html body .app.app .layout > .main.page-records .att-rule-table tbody tr:nth-child(even),
html[data-theme] body .app.app .layout > .main.page-records .att-rule-table tbody tr:nth-child(even){
  background:transparent!important;
  background-image:none!important;
}
html body .app.app .layout > .main.page-records .att-rule-table tbody td,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-table tbody td{
  border:0!important;
  border-bottom:1px solid var(--mc-list-line,rgba(255,255,255,.1))!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  background-image:none!important;
}
html body .app.app .layout > .main.page-records .att-rule-table tbody tr:last-child > td,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-table tbody tr:last-child > td{
  border-bottom:1px solid var(--mc-list-line,rgba(255,255,255,.1))!important;
}
html body .app.app .layout > .main.page-records .att-rule-row-title,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-row-title{
  display:inline-grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:8px!important;
  min-width:0!important;
}
html body .app.app .layout > .main.page-records .att-rule-settings-card-grid,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-settings-card-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-records .att-rule-settings-card-grid .att-rule-settings-card,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-settings-card-grid .att-rule-settings-card{
  min-width:0!important;
  min-height:174px!important;
  margin:0!important;
  padding:14px!important;
  border:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important;
  border-radius:12px!important;
  background:color-mix(in srgb,var(--panel) 54%,transparent)!important;
  background-image:none!important;
  box-shadow:none!important;
  outline:0!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
}
html body .app.app .layout > .main.page-records .att-rule-settings-card-grid .att-rule-settings-card h4,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-settings-card-grid .att-rule-settings-card h4{
  margin:0 0 12px!important;
  padding:0 0 8px!important;
  border-bottom:1px solid color-mix(in srgb,var(--line) 58%,transparent)!important;
  background:transparent!important;
  color:var(--text)!important;
  font-size:.95rem!important;
  line-height:1.15!important;
  font-weight:850!important;
}
html body .app.app .layout > .main.page-records .att-rule-settings-card-grid .att-setting-grid,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-settings-card-grid .att-setting-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .app.app .layout > .main.page-records .att-rule-settings-card-grid .field,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-settings-card-grid .field{
  margin:0!important;
  min-width:0!important;
}
html body .app.app .layout > .main.page-records .att-rule-settings-card-grid .att-rule-chipline,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-settings-card-grid .att-rule-chipline{
  margin-top:11px!important;
}
html body .app.app .layout > .main.page-records .att-rule-settings-card-grid .att-rule-actions,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-settings-card-grid .att-rule-actions{
  grid-column:1 / -1!important;
  margin-top:0!important;
}
@media(max-width:980px){
  html body .app.app .layout > .main.page-records .att-rule-settings-card-grid,
  html[data-theme] body .app.app .layout > .main.page-records .att-rule-settings-card-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:640px){
  html body .app.app .layout > .main.page-records .att-rule-settings-card-grid .att-setting-grid,
  html[data-theme] body .app.app .layout > .main.page-records .att-rule-settings-card-grid .att-setting-grid{
    grid-template-columns:1fr!important;
  }
}

html body #modal .att-group-people-scope,
html[data-theme] body #modal .att-group-people-scope{
  grid-column:1 / -1!important;
}
html body #modal .att-group-people-scope .att-group-people-pick,
html[data-theme] body #modal .att-group-people-scope .att-group-people-pick{
  width:100%!important;
  min-height:48px!important;
  justify-content:space-between!important;
}
html body #modal .att-group-scope-content,
html[data-theme] body #modal .att-group-scope-content{
  margin-top:8px!important;
  padding:10px 12px!important;
  border:1px solid color-mix(in srgb,var(--line) 62%,transparent)!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--panel) 38%,transparent)!important;
  box-shadow:none!important;
}
html body #modal .att-group-scope-line,
html[data-theme] body #modal .att-group-scope-line{
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr)!important;
  align-items:start!important;
  gap:10px!important;
  padding:6px 0!important;
}
html body #modal .att-group-scope-line + .att-group-scope-line,
html[data-theme] body #modal .att-group-scope-line + .att-group-scope-line{
  border-top:1px solid color-mix(in srgb,var(--line) 44%,transparent)!important;
}
html body #modal .att-group-scope-k,
html[data-theme] body #modal .att-group-scope-k{
  color:var(--soft)!important;
  font-size:var(--mc-type-caption-meta,.68rem)!important;
  line-height:34px!important;
  white-space:nowrap!important;
}
html body #modal .att-group-scope-v,
html[data-theme] body #modal .att-group-scope-v{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  min-width:0!important;
}
html body #modal .att-group-covered-avatar-strip,
html[data-theme] body #modal .att-group-covered-avatar-strip{
  width:100%!important;
  justify-content:flex-start!important;
  gap:7px!important;
}

/* <<< runtime/legacy/styles/blocks/attendance/rules/header/064-attendance-rules-header-mini-01-short-01.css */


/* >>> runtime/legacy/styles/blocks/attendance/rules/header/064-attendance-rules-header-mini-01-short-02.css */

html body .app.app .layout > .main.page-records .att-rule-row-title > span:last-child,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-row-title > span:last-child{
  min-width:0!important;
}
html body .app.app .layout > .main.page-records .att-rule-drag-handle,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-drag-handle{
  width:20px!important;
  min-width:20px!important;
  height:28px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:rgba(244,244,241,.42)!important;
  cursor:grab!important;
  touch-action:none!important;
  align-self:center!important;
  justify-self:center!important;
}
html body .app.app .layout > .main.page-records .att-rule-drag-handle::before,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-drag-handle::before{
  display:block!important;
  content:""!important;
  width:14px!important;
  height:20px!important;
  background-image:radial-gradient(circle,currentColor 1.55px,transparent 1.75px)!important;
  background-size:7px 7px!important;
  background-position:0 1px!important;
  opacity:.9!important;
}
html body .app.app .layout > .main.page-records .att-rule-sort-editing .att-rule-sort-row,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-sort-editing .att-rule-sort-row{
  cursor:grab!important;
}

/* <<< runtime/legacy/styles/blocks/attendance/rules/header/064-attendance-rules-header-mini-01-short-02.css */


/* >>> runtime/legacy/styles/blocks/attendance/rules/header/064-attendance-rules-header-mini-02.css */

html body .app.app .layout > .main.page-records .att-rule-sort-editing .att-rule-sort-row.is-dragging,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-sort-editing .att-rule-sort-row.is-dragging{
  z-index:50!important;
  opacity:1!important;
  outline:1px solid rgba(255,255,255,.48)!important;
  background:linear-gradient(180deg,rgba(70,70,70,.98),rgba(42,42,42,.98))!important;
  background-image:linear-gradient(180deg,rgba(70,70,70,.98),rgba(42,42,42,.98))!important;
  box-shadow:0 18px 44px -26px rgba(255,255,255,.78),0 0 0 1px rgba(255,255,255,.13)!important;
  transform:translateY(var(--org-drag-y,0px)) scale(1.035)!important;
}
html body .app.app .layout > .main.page-records .att-rule-sort-editing .att-rule-sort-row.sort-over,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-sort-editing .att-rule-sort-row.sort-over{
  outline:1px solid rgba(255,255,255,.26)!important;
  background:rgba(255,255,255,.07)!important;
  background-image:none!important;
  transform:translateY(-2px)!important;
}
html body .app.app .layout > .main.page-records .att-rule-sort-editing .att-rule-sort-row.is-dragging > td,
html body .app.app .layout > .main.page-records .att-rule-sort-editing .att-rule-sort-row.sort-over > td,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-sort-editing .att-rule-sort-row.is-dragging > td,
html[data-theme] body .app.app .layout > .main.page-records .att-rule-sort-editing .att-rule-sort-row.sort-over > td{
  background:transparent!important;
  background-image:none!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .app.app .layout > .main.page-records .att-rule-section-head,
  html[data-theme] body .app.app .layout > .main.page-records .att-rule-section-head{
    align-items:flex-start!important;
  }
  html body .app.app .layout > .main.page-records .att-rule-section-actions,
  html[data-theme] body .app.app .layout > .main.page-records .att-rule-section-actions{
    justify-content:flex-start!important;
    margin-left:0!important;
  }
}

/* <<< runtime/legacy/styles/blocks/attendance/rules/header/064-attendance-rules-header-mini-02.css */


/* >>> runtime/legacy/styles/blocks/roles/page/header/065-roles-page-head.css */

/* style block 65; original index.html line 53303 */
html body .app.app .layout > .main.page-system .page-head.mc-page-head-model,
html[data-theme] body .app.app .layout > .main.page-system .page-head.mc-page-head-model{
  align-items:flex-start!important;
  gap:12px!important;
}
html body .app.app .layout > .main.page-system .page-head.mc-page-head-model .head-actions,
html[data-theme] body .app.app .layout > .main.page-system .page-head.mc-page-head-model .head-actions{
  flex:1 1 auto!important;
  min-width:min(640px,100%)!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:flex-start!important;
  gap:0!important;
}
html body .app.app .layout > .main.page-system .role-head-actions,
html[data-theme] body .app.app .layout > .main.page-system .role-head-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  width:100%!important;
}
html body .app.app .layout > .main.page-system .role-head-mode.role-mode-tabs,
html[data-theme] body .app.app .layout > .main.page-system .role-head-mode.role-mode-tabs{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:4px!important;
  margin:0!important;
  width:auto!important;
  min-width:0!important;
}
html body .app.app .layout > .main.page-system .role-head-mode.role-mode-tabs button.mc-borderless-control,
html[data-theme] body .app.app .layout > .main.page-system .role-head-mode.role-mode-tabs button.mc-borderless-control{
  width:max-content!important;
  inline-size:max-content!important;
  min-width:0!important;
  min-inline-size:0!important;
  min-height:32px!important;
  padding:5px 9px!important;
  border-radius:var(--mc-radius-control,8px)!important;
  white-space:nowrap!important;
}
html body .app.app .layout > .main.page-system .role-head-tools,
html[data-theme] body .app.app .layout > .main.page-system .role-head-tools{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  flex-wrap:wrap!important;
  min-width:0!important;
}
html body .app.app .layout > .main.page-system .role-head-tools .btn,
html[data-theme] body .app.app .layout > .main.page-system .role-head-tools .btn{
  min-height:32px!important;
  padding:5px 10px!important;
  border:0!important;
  border-radius:var(--mc-radius-control,8px)!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
html body .app.app .layout > .main.page-system .role-head-tools .btn:not(.primary):not(.danger),
html[data-theme] body .app.app .layout > .main.page-system .role-head-tools .btn:not(.primary):not(.danger){
  background:transparent!important;
  background-image:none!important;
}
html body .app.app .layout > .main.page-system .role-head-tools .btn:not(.primary):not(.danger):is(:hover,:focus-visible),
html[data-theme] body .app.app .layout > .main.page-system .role-head-tools .btn:not(.primary):not(.danger):is(:hover,:focus-visible){
  background:var(--mc-model-button-fill-hover,rgba(255,255,255,.06))!important;
  background-image:var(--mc-model-button-fill-hover,rgba(255,255,255,.06))!important;
}
html body .app.app .layout > .main.page-system .role-head-tools .btn.primary,
html[data-theme] body .app.app .layout > .main.page-system .role-head-tools .btn.primary{
  background:var(--mc-model-button-fill-active,rgba(126,240,164,.14))!important;
  background-image:var(--mc-model-button-fill-active,rgba(126,240,164,.14))!important;
  color:var(--text,#f4f4f1)!important;
}
@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .app.app .layout > .main.page-system .page-head.mc-page-head-model .head-actions,
  html[data-theme] body .app.app .layout > .main.page-system .page-head.mc-page-head-model .head-actions,
  html body .app.app .layout > .main.page-system .role-head-actions,
  html[data-theme] body .app.app .layout > .main.page-system .role-head-actions,
  html body .app.app .layout > .main.page-system .role-head-tools,
  html[data-theme] body .app.app .layout > .main.page-system .role-head-tools{
    justify-content:flex-start!important;
  }
}

/* <<< runtime/legacy/styles/blocks/roles/page/header/065-roles-page-head.css */


/* >>> runtime/legacy/styles/blocks/network/page/header/066-network-headline.css */

/* style block 66; original index.html line 53392 */
html body .app.app .layout > .main.page-networkDiag .nd-page-head p,
html[data-theme] body .app.app .layout > .main.page-networkDiag .nd-page-head p,
html body .app.app.app .layout.layout > .main.main.page-networkDiag .nd-page-head.nd-page-head p,
html[data-theme] body .app.app.app .layout.layout > .main.main.page-networkDiag .nd-page-head.nd-page-head p{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  max-width:100%!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
html body .app.app .layout > .main.page-networkDiag .nd-page-head .nd-headline,
html[data-theme] body .app.app .layout > .main.page-networkDiag .nd-page-head .nd-headline,
html body .app.app.app .layout.layout > .main.main.page-networkDiag .nd-page-head.nd-page-head .nd-headline,
html[data-theme] body .app.app.app .layout.layout > .main.main.page-networkDiag .nd-page-head.nd-page-head .nd-headline{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px 18px!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
html body .app.app .layout > .main.page-networkDiag .nd-page-head .nd-headline > span,
html[data-theme] body .app.app .layout > .main.page-networkDiag .nd-page-head .nd-headline > span,
html body .app.app.app .layout.layout > .main.main.page-networkDiag .nd-page-head.nd-page-head .nd-headline > span,
html[data-theme] body .app.app.app .layout.layout > .main.main.page-networkDiag .nd-page-head.nd-page-head .nd-headline > span{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  color:rgba(238,238,238,.62)!important;
}
html body .app.app .layout > .main.page-networkDiag .nd-page-head .nd-headline b,
html[data-theme] body .app.app .layout > .main.page-networkDiag .nd-page-head .nd-headline b,
html body .app.app.app .layout.layout > .main.main.page-networkDiag .nd-page-head.nd-page-head .nd-headline b,
html[data-theme] body .app.app.app .layout.layout > .main.main.page-networkDiag .nd-page-head.nd-page-head .nd-headline b{
  color:#eeeeee!important;
  font-size:.72rem!important;
  font-weight:760!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}
html body .app.app .layout > .main.page-networkDiag .nd-page-head .nd-headline b.nd-sync-ok,
html[data-theme] body .app.app .layout > .main.page-networkDiag .nd-page-head .nd-headline b.nd-sync-ok,
html body .app.app.app .layout.layout > .main.main.page-networkDiag .nd-page-head.nd-page-head .nd-headline b.nd-sync-ok,
html[data-theme] body .app.app.app .layout.layout > .main.main.page-networkDiag .nd-page-head.nd-page-head .nd-headline b.nd-sync-ok{
  color:#34d399!important;
}
html body .app.app .layout > .main.page-networkDiag .nd-page-head .nd-headline b.nd-sync-bad,
html[data-theme] body .app.app .layout > .main.page-networkDiag .nd-page-head .nd-headline b.nd-sync-bad,
html body .app.app.app .layout.layout > .main.main.page-networkDiag .nd-page-head.nd-page-head .nd-headline b.nd-sync-bad,
html[data-theme] body .app.app.app .layout.layout > .main.main.page-networkDiag .nd-page-head.nd-page-head .nd-headline b.nd-sync-bad{
  color:#fb7185!important;
}

/* <<< runtime/legacy/styles/blocks/network/page/header/066-network-headline.css */


/* >>> runtime/legacy/styles/blocks/system/sync/row/067-system-sync-row.css */

/* style block 67; original index.html line 53427 */
html body #root .app.app .layout > .main.page-system .settings-sync-row .sys-status-dot,
html[data-theme] body #root .app.app .layout > .main.page-system .settings-sync-row .sys-status-dot{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:24px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
html body #root .app.app .layout > .main.page-system :where(.settings-inline-action,.settings-cache-action,.settings-password-action),
html[data-theme] body #root .app.app .layout > .main.page-system :where(.settings-inline-action,.settings-cache-action,.settings-password-action){
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background-color:transparent!important;
  overflow:visible!important;
}

/* <<< runtime/legacy/styles/blocks/system/sync/row/067-system-sync-row.css */


/* >>> runtime/legacy/styles/blocks/roles/page/combined/068-roles-combined-page-micro-01-unit-01.css */

/* style block 68; original index.html line 53455 */
html body #root .app.app .layout > .main.page-system .role-combined-page,
html[data-theme] body #root .app.app .layout > .main.page-system .role-combined-page{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:20px!important;
  align-items:start!important;
  width:100%!important;
  max-width:none!important;
}
html body #root .app.app .layout > .main.page-system .role-workspace,
html[data-theme] body #root .app.app .layout > .main.page-system .role-workspace{
  min-width:0!important;
  display:grid!important;
  gap:12px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #root .app.app .layout > .main.page-system .role-workspace-head,
html[data-theme] body #root .app.app .layout > .main.page-system .role-workspace-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
  padding:0 0 8px!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
html body #root .app.app .layout > .main.page-system .role-workspace-head h2,
html[data-theme] body #root .app.app .layout > .main.page-system .role-workspace-head h2{
  margin:0!important;
  font-size:1.05rem!important;
  line-height:1.16!important;
  font-weight:620!important;
  color:#f3f3f3!important;
}
html body #root .app.app .layout > .main.page-system .role-workspace-head small,
html[data-theme] body #root .app.app .layout > .main.page-system .role-workspace-head small{
  display:block!important;
  margin-top:3px!important;
  color:#9f9f9f!important;
  font-size:.7rem!important;
  line-height:1.2!important;
}
html body #root .app.app .layout > .main.page-system .role-inline-page.role-inline-page,
html[data-theme] body #root .app.app .layout > .main.page-system .role-inline-page.role-inline-page{
  display:grid!important;
  grid-template-columns:minmax(180px,210px) minmax(0,1fr)!important;
  gap:12px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #root .app.app .layout > .main.page-system .role-inline-page .role-side,
html[data-theme] body #root .app.app .layout > .main.page-system .role-inline-page .role-side{
  position:sticky!important;
  top:0!important;
  max-height:calc(100vh - 112px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
  scrollbar-gutter:stable!important;
}
html body #root .app.app .layout > .main.page-system .role-inline-page .role-side::-webkit-scrollbar,
html[data-theme] body #root .app.app .layout > .main.page-system .role-inline-page .role-side::-webkit-scrollbar{
  width:8px!important;
  height:0!important;
}
html body #root .app.app .layout > .main.page-system .role-inline-page .role-side::-webkit-scrollbar-track,
html[data-theme] body #root .app.app .layout > .main.page-system .role-inline-page .role-side::-webkit-scrollbar-track{
  background:transparent!important;
}
html body #root .app.app .layout > .main.page-system .role-inline-page .role-side::-webkit-scrollbar-thumb,
html[data-theme] body #root .app.app .layout > .main.page-system .role-inline-page .role-side::-webkit-scrollbar-thumb{
  border:2px solid transparent!important;
  background:rgba(244,244,241,.24)!important;
  background-clip:padding-box!important;
  border-radius:999px!important;
}
html body #root .app.app .layout > .main.page-system .role-card-title,
html[data-theme] body #root .app.app .layout > .main.page-system .role-card-title{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
html body #root .app.app .layout > .main.page-system .permission-role-page.role-inline-page,
html[data-theme] body #root .app.app .layout > .main.page-system .permission-role-page.role-inline-page{
  grid-template-columns:minmax(210px,260px) minmax(0,1fr)!important;
  align-items:start!important;
}
html body #root .app.app .layout > .main.page-system .permission-role-list-panel.permission-role-list-panel,
html[data-theme] body #root .app.app .layout > .main.page-system .permission-role-list-panel.permission-role-list-panel{
  max-height:min(520px,calc(100vh - 150px))!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:8px!important;
  overscroll-behavior:contain!important;
}
html body #root .app.app .layout > .main.page-system .permission-role-list-scroll,
html[data-theme] body #root .app.app .layout > .main.page-system .permission-role-list-scroll{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  min-width:0!important;
}
html body #root .app.app .layout > .main.page-system .permission-role-list-item.permission-role-list-item,
html[data-theme] body #root .app.app .layout > .main.page-system .permission-role-list-item.permission-role-list-item{
  min-height:74px!important;
  margin:0!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:start!important;
  justify-content:stretch!important;
  gap:7px!important;
}
html body #root .app.app .layout > .main.page-system .permission-role-list-text,
html[data-theme] body #root .app.app .layout > .main.page-system .permission-role-list-text{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-width:0!important;
}
html body #root .app.app .layout > .main.page-system .permission-role-list-text small,
html[data-theme] body #root .app.app .layout > .main.page-system .permission-role-list-text small{
  flex:0 0 auto!important;
  margin:0!important;
}
html body #root .app.app .layout > .main.page-system .permission-role-detail-panel.permission-role-detail-panel,
html[data-theme] body #root .app.app .layout > .main.page-system .permission-role-detail-panel.permission-role-detail-panel{
  min-height:0!important;
  max-height:min(560px,calc(100vh - 138px))!important;
  overflow:hidden!important;
}
html body #root .app.app .layout > .main.page-system .role-permission-detail-scroll,
html[data-theme] body #root .app.app .layout > .main.page-system .role-permission-detail-scroll{
  min-height:0!important;
  max-height:min(560px,calc(100vh - 138px))!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  display:grid!important;
  gap:10px!important;
  padding-right:8px!important;
  scrollbar-width:thin!important;
  overscroll-behavior:contain!important;
}
html body #root .app.app .layout > .main.page-system .role-permission-detail-scroll::-webkit-scrollbar,
html[data-theme] body #root .app.app .layout > .main.page-system .role-permission-detail-scroll::-webkit-scrollbar{
  width:8px!important;
}
html body #root .app.app .layout > .main.page-system .role-permission-detail-scroll::-webkit-scrollbar-track,
html[data-theme] body #root .app.app .layout > .main.page-system .role-permission-detail-scroll::-webkit-scrollbar-track{
  background:transparent!important;
}
html body #root .app.app .layout > .main.page-system .role-permission-detail-scroll::-webkit-scrollbar-thumb,
html[data-theme] body #root .app.app .layout > .main.page-system .role-permission-detail-scroll::-webkit-scrollbar-thumb{
  border:2px solid transparent!important;
  background:rgba(244,244,241,.24)!important;
  background-clip:padding-box!important;
  border-radius:999px!important;
}

/* <<< runtime/legacy/styles/blocks/roles/page/combined/068-roles-combined-page-micro-01-unit-01.css */


/* >>> runtime/legacy/styles/blocks/roles/page/combined/068-roles-combined-page-micro-01-unit-02.css */

html body #root .app.app .layout > .main.page-system .role-card-tools,
html[data-theme] body #root .app.app .layout > .main.page-system .role-card-tools{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  min-width:0!important;
}
html body #root .app.app .layout > .main.page-system .role-card-tools .btn,
html body #root .app.app .layout > .main.page-system .role-workspace-head .btn,
html[data-theme] body #root .app.app .layout > .main.page-system .role-card-tools .btn,
html[data-theme] body #root .app.app .layout > .main.page-system .role-workspace-head .btn{
  min-height:30px!important;
  padding:0 9px!important;
}
html body #root .app.app .layout > .main.page-system .role-card-head,
html[data-theme] body #root .app.app .layout > .main.page-system .role-card-head{
  align-items:flex-start!important;
}
html body #root .app.app .layout > .main.page-system .role-inline-page .role-meta-grid,
html[data-theme] body #root .app.app .layout > .main.page-system .role-inline-page .role-meta-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
html body #root .app.app .layout > .main.page-system .role-person-workspace .role-inline-page .role-meta-grid,
html[data-theme] body #root .app.app .layout > .main.page-system .role-person-workspace .role-inline-page .role-meta-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
html body #root .app.app .layout > .main.page-system .role-person-workspace .role-inline-page .role-meta-item:last-child,
html[data-theme] body #root .app.app .layout > .main.page-system .role-person-workspace .role-inline-page .role-meta-item:last-child{
  grid-column:1 / -1!important;
}

/* <<< runtime/legacy/styles/blocks/roles/page/combined/068-roles-combined-page-micro-01-unit-02.css */


/* >>> runtime/legacy/styles/blocks/roles/page/combined/068-roles-combined-page-micro-02-unit-01.css */

html body #root .app.app .layout > .main.page-system .role-person-workspace .role-inline-page .role-meta-item:last-child .role-meta-value,
html[data-theme] body #root .app.app .layout > .main.page-system .role-person-workspace .role-inline-page .role-meta-item:last-child .role-meta-value{
  font-size:.78rem!important;
  line-height:1.35!important;
  font-weight:560!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
html body #root .app.app .layout > .main.page-system .role-inline-page .role-assignment-grid,
html[data-theme] body #root .app.app .layout > .main.page-system .role-inline-page .role-assignment-grid{
  grid-template-columns:1fr!important;
}
html body #root .app.app .layout > .main.page-system .role-inline-page .perm-grp .pb,
html[data-theme] body #root .app.app .layout > .main.page-system .role-inline-page .perm-grp .pb{
  grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important;
}
html body #root .app.app .layout > .main.page-system .role-permission-summary-panel,
html[data-theme] body #root .app.app .layout > .main.page-system .role-permission-summary-panel{
  display:grid!important;
  gap:10px!important;
  padding:12px!important;
  border:0!important;
  border-radius:var(--mc-unified-radius,8px)!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:none!important;
}
html body #root .app.app .layout > .main.page-system .role-permission-summary-grid,
html[data-theme] body #root .app.app .layout > .main.page-system .role-permission-summary-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
html body #root .app.app .layout > .main.page-system .role-permission-summary-grid > div,
html[data-theme] body #root .app.app .layout > .main.page-system .role-permission-summary-grid > div{
  min-width:0!important;
  display:grid!important;
  gap:3px!important;
}
html body #root .app.app .layout > .main.page-system .role-permission-summary-grid span,
html[data-theme] body #root .app.app .layout > .main.page-system .role-permission-summary-grid span{
  color:var(--soft)!important;
  font-size:.68rem!important;
}
html body #root .app.app .layout > .main.page-system .role-permission-summary-grid b,
html[data-theme] body #root .app.app .layout > .main.page-system .role-permission-summary-grid b{
  min-width:0!important;
  color:var(--text)!important;
  font-size:var(--mc-type-emphasized-body,.82rem)!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body #root .app.app .layout > .main.page-system .role-config-open,
html[data-theme] body #root .app.app .layout > .main.page-system .role-config-open{
  justify-self:start!important;
}
html body #root .app.app .layout > .main.page-system .permission-role-member-panel .role-panel-title small,
html[data-theme] body #root .app.app .layout > .main.page-system .permission-role-member-panel .role-panel-title small{
  display:block!important;
  margin-top:3px!important;
  color:rgba(244,244,241,.56)!important;
  font-size:.68rem!important;
  line-height:1.24!important;
  font-weight:500!important;
}
html body #root .app.app .layout > .main.page-system .role-assignment-member-scroll,
html[data-theme] body #root .app.app .layout > .main.page-system .role-assignment-member-scroll{
  --mc-selected-avatar-size:40px!important;
  max-height:none!important;
  min-height:74px!important;
  overflow-y:visible!important;
  overflow-x:hidden!important;
  padding:2px 0!important;
  scrollbar-width:none!important;
  overscroll-behavior:auto!important;
}
html body #root .app.app .layout > .main.page-system .role-assignment-member-scroll::-webkit-scrollbar,
html[data-theme] body #root .app.app .layout > .main.page-system .role-assignment-member-scroll::-webkit-scrollbar{
  width:0!important;
  height:0!important;
}
html body #root .app.app .layout > .main.page-system .role-assignment-member-scroll::-webkit-scrollbar-track,
html[data-theme] body #root .app.app .layout > .main.page-system .role-assignment-member-scroll::-webkit-scrollbar-track{
  background:transparent!important;
}
html body #root .app.app .layout > .main.page-system .role-assignment-member-scroll::-webkit-scrollbar-thumb,
html[data-theme] body #root .app.app .layout > .main.page-system .role-assignment-member-scroll::-webkit-scrollbar-thumb{
  border:2px solid transparent!important;
  background:rgba(244,244,241,.24)!important;
  background-clip:padding-box!important;
  border-radius:999px!important;
}
html body #root .app.app .layout > .main.page-system .permission-role-member-panel .role-assignment-grid,
html[data-theme] body #root .app.app .layout > .main.page-system .permission-role-member-panel .role-assignment-grid,
html body #root .app.app .layout > .main.page-system .permission-role-member-panel .role-assignment-cell,
html[data-theme] body #root .app.app .layout > .main.page-system .permission-role-member-panel .role-assignment-cell,
html body #root .app.app .layout > .main.page-system .permission-role-member-panel .role-assigned-box,
html[data-theme] body #root .app.app .layout > .main.page-system .permission-role-member-panel .role-assigned-box{
  min-width:0!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #root .app.app .layout > .main.page-system .permission-role-member-panel .role-assignment-grid,
html[data-theme] body #root .app.app .layout > .main.page-system .permission-role-member-panel .role-assignment-grid,
html body #root .app.app .layout > .main.page-system .permission-role-member-panel .role-assignment-cell,
html[data-theme] body #root .app.app .layout > .main.page-system .permission-role-member-panel .role-assignment-cell{
  display:block!important;
  grid-template-columns:none!important;
  margin-top:0!important;
}
html body #root .app.app .layout > .main.page-system .permission-role-member-panel .role-assigned-box,
html[data-theme] body #root .app.app .layout > .main.page-system .permission-role-member-panel .role-assigned-box,
html body #root .app.app .layout > .main.page-system .permission-role-member-panel .role-assigned-text,
html[data-theme] body #root .app.app .layout > .main.page-system .permission-role-member-panel .role-assigned-text,
html body #root .app.app .layout > .main.page-system .permission-role-member-panel .role-assignment-avatar-strip,
html[data-theme] body #root .app.app .layout > .main.page-system .permission-role-member-panel .role-assignment-avatar-strip{
  width:100%!important;
  max-width:100%!important;
}
html body #modal .secondary-rail-shell.role-permission-rail .secondary-rail-body,
html[data-theme] body #modal .secondary-rail-shell.role-permission-rail .secondary-rail-body{
  padding:12px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(244,244,241,.32) transparent!important;
  scrollbar-gutter:stable!important;
  overscroll-behavior:contain!important;
}
html body #modal .secondary-rail-shell.role-permission-rail .secondary-rail-body::-webkit-scrollbar,
html[data-theme] body #modal .secondary-rail-shell.role-permission-rail .secondary-rail-body::-webkit-scrollbar{
  width:10px!important;
  height:0!important;
}
html body #modal .secondary-rail-shell.role-permission-rail .secondary-rail-body::-webkit-scrollbar-track,
html[data-theme] body #modal .secondary-rail-shell.role-permission-rail .secondary-rail-body::-webkit-scrollbar-track{
  background:transparent!important;
}
html body #modal .secondary-rail-shell.role-permission-rail .secondary-rail-body::-webkit-scrollbar-thumb,
html[data-theme] body #modal .secondary-rail-shell.role-permission-rail .secondary-rail-body::-webkit-scrollbar-thumb{
  border:3px solid transparent!important;
  background:rgba(244,244,241,.30)!important;
  background-clip:padding-box!important;
  border-radius:999px!important;
}
html body #modal .role-permission-rail-body,
html[data-theme] body #modal .role-permission-rail-body{
  display:grid!important;
  gap:12px!important;
}
html body #modal .role-staff-inline-members .role-assignment-avatar-strip.mc-selected-avatar-strip,
html[data-theme] body #modal .role-staff-inline-members .role-assignment-avatar-strip.mc-selected-avatar-strip{
  --mc-selected-avatar-size:40px!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
html body #modal .role-staff-inline-members .role-assignment-avatar-strip .mc-selected-avatar-token,
html[data-theme] body #modal .role-staff-inline-members .role-assignment-avatar-strip .mc-selected-avatar-token{
  flex:0 0 var(--mc-selected-avatar-size)!important;
  width:var(--mc-selected-avatar-size)!important;
  height:var(--mc-selected-avatar-size)!important;
}
html body #modal .role-rail-card,
html[data-theme] body #modal .role-rail-card{
  display:grid!important;
  gap:10px!important;
  padding:12px!important;
  border:0!important;
  border-radius:var(--mc-unified-radius,8px)!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:none!important;
}
html body #root .app.app .layout > .main.page-system .role-assign-panel .role-assigned-text,
html[data-theme] body #root .app.app .layout > .main.page-system .role-assign-panel .role-assigned-text{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  white-space:normal!important;
  overflow:visible!important;
}
html body #root .app.app .layout > .main.page-system .role-assign-panel .role-assignment-avatar-strip.mc-selected-avatar-strip,
html[data-theme] body #root .app.app .layout > .main.page-system .role-assign-panel .role-assignment-avatar-strip.mc-selected-avatar-strip,
html body #root .app.app .layout > .main.page-system .role-assign-panel .person-role-member-list,
html[data-theme] body #root .app.app .layout > .main.page-system .role-assign-panel .person-role-member-list{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  align-content:flex-start!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body #root .app.app .layout > .main.page-system .role-assign-panel .role-assignment-avatar-strip .mc-selected-avatar-token,
html[data-theme] body #root .app.app .layout > .main.page-system .role-assign-panel .role-assignment-avatar-strip .mc-selected-avatar-token,
html body #root .app.app .layout > .main.page-system .role-assign-panel .person-role-member-list .mc-selected-avatar-token,
html[data-theme] body #root .app.app .layout > .main.page-system .role-assign-panel .person-role-member-list .mc-selected-avatar-token{
  flex:0 0 var(--mc-selected-avatar-size)!important;
  width:var(--mc-selected-avatar-size)!important;
  height:var(--mc-selected-avatar-size)!important;
}
html body #root .app.app .layout > .main.page-system .role-scope-avatar-picker .role-scope-avatar-token,
html[data-theme] body #root .app.app .layout > .main.page-system .role-scope-avatar-picker .role-scope-avatar-token{
  border:0!important;
  border-radius:var(--mc-radius-control,8px)!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  cursor:pointer!important;
  transition:background .16s ease,outline-color .16s ease,transform .16s ease!important;
}
html body #root .app.app .layout > .main.page-system .role-scope-avatar-picker .role-scope-avatar-token:is(:hover,:focus-visible),
html[data-theme] body #root .app.app .layout > .main.page-system .role-scope-avatar-picker .role-scope-avatar-token:is(:hover,:focus-visible){
  background:var(--mc-model-button-fill-hover,var(--mc-spectrum-fill-hover,rgba(103,215,255,.12)))!important;
  outline:1px solid rgba(103,215,255,.34)!important;
  outline-offset:2px!important;
}
html body #root .app.app .layout > .main.page-system .role-scope-avatar-picker .role-scope-avatar-token.active,
html[data-theme] body #root .app.app .layout > .main.page-system .role-scope-avatar-picker .role-scope-avatar-token.active{
  background:var(--mc-model-button-fill-active,var(--mc-spectrum-fill-active,rgba(103,215,255,.16)))!important;
  outline:1px solid rgba(116,196,255,.68)!important;
  outline-offset:2px!important;
}
html body #root .app.app .layout > .main.page-system .role-member-scope-list,
html[data-theme] body #root .app.app .layout > .main.page-system .role-member-scope-list{
  display:grid!important;
  gap:10px!important;
}
html body #root .app.app .layout > .main.page-system .role-member-scope-row,
html[data-theme] body #root .app.app .layout > .main.page-system .role-member-scope-row{
  display:grid!important;
  gap:8px!important;
  padding:10px 0!important;
  border:0!important;
  border-bottom:1px solid rgba(244,244,241,.10)!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #root .app.app .layout > .main.page-system .role-member-scope-person,
html[data-theme] body #root .app.app .layout > .main.page-system .role-member-scope-person{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
html body #root .app.app .layout > .main.page-system .role-member-scope-person > span:last-child,
html[data-theme] body #root .app.app .layout > .main.page-system .role-member-scope-person > span:last-child{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}
html body #root .app.app .layout > .main.page-system .role-member-scope-person b,
html[data-theme] body #root .app.app .layout > .main.page-system .role-member-scope-person b{
  color:var(--text)!important;
  font-size:.86rem!important;
  line-height:1.22!important;
}
html body #root .app.app .layout > .main.page-system .role-member-scope-person small,
html[data-theme] body #root .app.app .layout > .main.page-system .role-member-scope-person small{
  color:rgba(244,244,241,.58)!important;
  font-size:var(--mc-type-caption-meta,.68rem)!important;
  line-height:1.22!important;
}
html body #root .app.app .layout > .main.page-system .role-member-scope-main,
html[data-theme] body #root .app.app .layout > .main.page-system .role-member-scope-main,
html body #root .app.app .layout > .main.page-system .role-member-permission-grid,
html[data-theme] body #root .app.app .layout > .main.page-system .role-member-permission-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  align-items:start!important;
  align-content:start!important;
}
html body #root .app.app .layout > .main.page-system .role-member-scope-main > div,
html[data-theme] body #root .app.app .layout > .main.page-system .role-member-scope-main > div,
html body #root .app.app .layout > .main.page-system .role-member-permission-grid > div,
html[data-theme] body #root .app.app .layout > .main.page-system .role-member-permission-grid > div{
  min-width:0!important;
  display:grid!important;
  gap:4px!important;
  align-items:start!important;
  align-content:start!important;
}
html body #root .app.app .layout > .main.page-system .role-member-scope-main span,
html[data-theme] body #root .app.app .layout > .main.page-system .role-member-scope-main span,
html body #root .app.app .layout > .main.page-system .role-member-permission-grid span,
html[data-theme] body #root .app.app .layout > .main.page-system .role-member-permission-grid span{
  color:rgba(244,244,241,.56)!important;
  font-size:.68rem!important;
  line-height:1.2!important;
}
html body #root .app.app .layout > .main.page-system .role-member-scope-main b,
html[data-theme] body #root .app.app .layout > .main.page-system .role-member-scope-main b{
  min-width:0!important;
  color:var(--text)!important;
  font-size:.78rem!important;
  line-height:1.28!important;
  white-space:normal!important;
}
html body #root .app.app .layout > .main.page-system .role-member-permission-config,
html[data-theme] body #root .app.app .layout > .main.page-system .role-member-permission-config{
  display:grid!important;
  gap:6px!important;
  align-items:start!important;
  align-content:start!important;
}
html body #root .app.app .layout > .main.page-system .role-member-permission-title,
html[data-theme] body #root .app.app .layout > .main.page-system .role-member-permission-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  line-height:1.25!important;
}
html body #root .app.app .layout > .main.page-system .role-member-permission-title b,
html[data-theme] body #root .app.app .layout > .main.page-system .role-member-permission-title b{
  min-width:0!important;
  color:var(--text)!important;
  font-size:var(--mc-type-emphasized-body,.82rem)!important;
  font-weight:760!important;
  line-height:1.25!important;
}
html body #root .app.app .layout > .main.page-system .role-member-permission-title span,
html[data-theme] body #root .app.app .layout > .main.page-system .role-member-permission-title span{
  flex:0 0 auto!important;
  color:rgba(244,244,241,.62)!important;
  font-size:.68rem!important;
  font-weight:620!important;
  line-height:1.2!important;
}
html body #root .app.app .layout > .main.page-system .role-member-permission-chips,
html[data-theme] body #root .app.app .layout > .main.page-system .role-member-permission-chips{
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
}
html body #root .app.app .layout > .main.page-system .role-member-permission-chip,
html[data-theme] body #root .app.app .layout > .main.page-system .role-member-permission-chip{
  max-width:100%!important;
  white-space:normal!important;
}
html body #root .app.app .layout > .main.page-system .role-member-permission-group,
html[data-theme] body #root .app.app .layout > .main.page-system .role-member-permission-group{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}
html body #root .app.app .layout > .main.page-system .role-member-permission-group b,
html[data-theme] body #root .app.app .layout > .main.page-system .role-member-permission-group b{
  min-width:0!important;
  font-size:.78rem!important;
  line-height:1.22!important;
  font-weight:760!important;
}
html body #root .app.app .layout > .main.page-system .role-member-permission-group span,
html[data-theme] body #root .app.app .layout > .main.page-system .role-member-permission-group span{
  min-width:0!important;
  font-size:.66rem!important;
  line-height:1.28!important;
  font-weight:520!important;
  color:rgba(244,244,241,.58)!important;
  white-space:normal!important;
}
html body #root .app.app .layout > .main.page-system .role-member-permission-subitems,
html[data-theme] body #root .app.app .layout > .main.page-system .role-member-permission-subitems{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
}
html body #root .app.app .layout > .main.page-system .role-member-permission-subitem,
html[data-theme] body #root .app.app .layout > .main.page-system .role-member-permission-subitem{
  display:block!important;
  min-width:0!important;
  padding-left:0!important;
  text-align:left!important;
}
html body #root .app.app .layout > .main.page-system .role-member-permission-group.granted b,
html[data-theme] body #root .app.app .layout > .main.page-system .role-member-permission-group.granted b{
  color:#4ade80!important;
}
html body #root .app.app .layout > .main.page-system .role-member-permission-group.denied b,
html[data-theme] body #root .app.app .layout > .main.page-system .role-member-permission-group.denied b{
  color:#f87171!important;
}
html body #root .app.app .layout > .main.page-system .permission-role-detail-panel.permission-role-detail-panel,
html[data-theme] body #root .app.app .layout > .main.page-system .permission-role-detail-panel.permission-role-detail-panel,
html body #root .app.app .layout > .main.page-system .role-permission-detail-scroll,
html[data-theme] body #root .app.app .layout > .main.page-system .role-permission-detail-scroll{
  max-height:none!important;
  overflow:visible!important;
  padding-right:0!important;
  scrollbar-width:none!important;
  overscroll-behavior:auto!important;
}
html body #root .app.app .layout > .main.page-system .role-permission-detail-scroll::-webkit-scrollbar,
html[data-theme] body #root .app.app .layout > .main.page-system .role-permission-detail-scroll::-webkit-scrollbar{
  width:0!important;
  height:0!important;
}

/* <<< runtime/legacy/styles/blocks/roles/page/combined/068-roles-combined-page-micro-02-unit-01.css */


/* >>> runtime/legacy/styles/blocks/roles/page/combined/068-roles-combined-page-micro-02-unit-02.css */

html body #modal .role-rail-title,
html[data-theme] body #modal .role-rail-title{
  display:grid!important;
  gap:3px!important;
}
html body #modal .role-rail-title b,
html[data-theme] body #modal .role-rail-title b{
  color:#f4f4f1!important;
  font-size:.92rem!important;
  font-weight:760!important;
}
html body #modal .role-rail-title span,
html[data-theme] body #modal .role-rail-title span,
html body #modal .role-rail-kv span,
html[data-theme] body #modal .role-rail-kv span{
  color:rgba(244,244,241,.56)!important;
  font-size:.7rem!important;
}
html body #modal .role-rail-kv,
html[data-theme] body #modal .role-rail-kv{
  display:grid!important;
  gap:3px!important;
}
html body #modal .role-rail-kv b,
html[data-theme] body #modal .role-rail-kv b{
  color:#f4f4f1!important;
  font-size:var(--mc-type-emphasized-body,.82rem)!important;
  line-height:1.32!important;
  font-weight:560!important;
}

/* <<< runtime/legacy/styles/blocks/roles/page/combined/068-roles-combined-page-micro-02-unit-02.css */


/* >>> runtime/legacy/styles/blocks/roles/page/combined/068-roles-combined-page-micro-03.css */

html body #modal .role-permission-rail .role-scope-visual,
html[data-theme] body #modal .role-permission-rail .role-scope-visual{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
html body #modal .role-permission-rail .role-permission-stack,
html[data-theme] body #modal .role-permission-rail .role-permission-stack{
  display:grid!important;
  gap:9px!important;
}
html body #modal .role-permission-rail .perm-grp,
html[data-theme] body #modal .role-permission-rail .perm-grp{
  margin:0!important;
  border:0!important;
  border-radius:var(--mc-unified-radius,8px)!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:none!important;
}
html body #modal .role-permission-rail .perm-grp .pb,
html[data-theme] body #modal .role-permission-rail .perm-grp .pb{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
}
html body #modal .role-permission-rail .checkbox,
html[data-theme] body #modal .role-permission-rail .checkbox{
  min-height:28px!important;
}
@media(max-width:1080px){
  html body #root .app.app .layout > .main.page-system .role-combined-page,
  html[data-theme] body #root .app.app .layout > .main.page-system .role-combined-page{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:720px){
  html body #root .app.app .layout > .main.page-system .role-inline-page.role-inline-page,
  html[data-theme] body #root .app.app .layout > .main.page-system .role-inline-page.role-inline-page{
    grid-template-columns:1fr!important;
  }
  html body #root .app.app .layout > .main.page-system .role-inline-page .role-side,
  html[data-theme] body #root .app.app .layout > .main.page-system .role-inline-page .role-side{
    position:relative!important;
    top:auto!important;
    max-height:none!important;
  }
  html body #root .app.app .layout > .main.page-system .role-inline-page .role-meta-grid,
  html[data-theme] body #root .app.app .layout > .main.page-system .role-inline-page .role-meta-grid{
    grid-template-columns:1fr!important;
  }
  html body #root .app.app .layout > .main.page-system .role-permission-summary-grid,
  html[data-theme] body #root .app.app .layout > .main.page-system .role-permission-summary-grid{
    grid-template-columns:1fr!important;
  }
  html body #root .app.app .layout > .main.page-system .permission-role-list-panel.permission-role-list-panel,
  html[data-theme] body #root .app.app .layout > .main.page-system .permission-role-list-panel.permission-role-list-panel,
  html body #root .app.app .layout > .main.page-system .permission-role-detail-panel.permission-role-detail-panel,
  html[data-theme] body #root .app.app .layout > .main.page-system .permission-role-detail-panel.permission-role-detail-panel,
  html body #root .app.app .layout > .main.page-system .role-permission-detail-scroll,
  html[data-theme] body #root .app.app .layout > .main.page-system .role-permission-detail-scroll{
    max-height:none!important;
  }
}

/* <<< runtime/legacy/styles/blocks/roles/page/combined/068-roles-combined-page-micro-03.css */


/* >>> runtime/legacy/styles/blocks/live-room/devices/panel/069-live-room-devices-seg-01-nano-01.css */

/* Legacy ordered CSS segment; extracted from 069-live-room-devices.css. Keep import order stable. */
/* style block 69; original index.html line 53769 */
html body :is(#modal,.app) .live-room-device-panel .live-device-list-group,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-list-group{
  gap:5px!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-catalog-grid,
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-grid,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-catalog-grid,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(78px,1fr))!important;
  gap:6px!important;
  min-width:0!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-catalog-grid .live-device-catalog-row,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-catalog-grid .live-device-catalog-row{
  width:100%!important;
  min-width:0!important;
  min-height:34px!important;
  border:0!important;
  border-radius:8px!important;
  outline:0!important;
  background:rgba(255,255,255,.030)!important;
  background-image:none!important;
  box-shadow:none!important;
  padding:5px 6px!important;
  color:#deddd8!important;
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  gap:5px!important;
  align-items:center!important;
  text-align:left!important;
  transform:none!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-grid .live-device-summary-row,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-grid .live-device-summary-row{
  width:100%!important;
  min-width:0!important;
  min-height:34px!important;
  border:0!important;
  border-radius:8px!important;
  outline:0!important;
  background:rgba(255,255,255,.030)!important;
  background-image:none!important;
  box-shadow:none!important;
  padding:5px 6px!important;
  color:#deddd8!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:5px!important;
  align-items:center!important;
  text-align:left!important;
  transform:none!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-catalog-grid .live-device-catalog-row:hover,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-catalog-grid .live-device-catalog-row:hover,
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-grid .live-device-summary-row:hover,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-grid .live-device-summary-row:hover,
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-grid .live-device-summary-row.active,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-grid .live-device-summary-row.active{
  background:rgba(255,255,255,.070)!important;
  box-shadow:none!important;
  color:#fff!important;
  position:relative!important;
  z-index:var(--mc-model-lift-z,80)!important;
  transform:translateY(var(--mc-model-lift-y,-2px)) scale(var(--mc-model-lift-scale,1.006))!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-grid .live-device-summary-row.active,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-grid .live-device-summary-row.active{
  padding-left:6px!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-catalog-grid .live-device-avatar,
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-grid .live-device-avatar,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-catalog-grid .live-device-avatar,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-grid .live-device-avatar{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  border-radius:50%!important;
  font-size:.55rem!important;
  background:rgba(255,255,255,.075)!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-catalog-grid .live-device-list-name,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-catalog-grid .live-device-list-name{
  min-width:0!important;
  color:inherit!important;
  font-size:.64rem!important;
  font-weight:760!important;
  line-height:1.08!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-grid .live-device-summary-main,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-grid .live-device-summary-main{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  gap:5px!important;
  align-items:center!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-grid .live-device-summary-main b,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-grid .live-device-summary-main b{
  font-size:.64rem!important;
  line-height:1.08!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-grid .live-device-summary-main small,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-grid .live-device-summary-main small{
  display:none!important;
}

/* <<< runtime/legacy/styles/blocks/live-room/devices/panel/069-live-room-devices-seg-01-nano-01.css */


/* >>> runtime/legacy/styles/blocks/live-room/devices/panel/069-live-room-devices-seg-01-nano-02.css */

html body :is(#modal,.app) .live-room-device-panel .live-device-summary-grid .live-device-summary-count,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-grid .live-device-summary-count{
  justify-self:end!important;
  align-items:baseline!important;
  gap:2px!important;
  font-size:.50rem!important;
  color:#9c9a94!important;
}
html body :is(#modal,.app) .live-room-device-panel .live-device-summary-grid .live-device-summary-count b,
html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-grid .live-device-summary-count b{
  font-size:.72rem!important;
}
html body .app .layout > .main.page-contacts .chat-system-thread.chat-system-thread > .chat-system-avatar.avatar.chat-system-avatar,
html[data-theme] body .app .layout > .main.page-contacts .chat-system-thread.chat-system-thread > .chat-system-avatar.avatar.chat-system-avatar,
html body .app .layout > .main.page-contacts .chat-head .chat-system-avatar.avatar.chat-system-avatar,
html[data-theme] body .app .layout > .main.page-contacts .chat-head .chat-system-avatar.avatar.chat-system-avatar{
  color:#effff8!important;
  background:linear-gradient(145deg,rgba(18,185,129,.92),rgba(56,189,248,.82) 58%,rgba(99,102,241,.76))!important;
  background-image:linear-gradient(145deg,rgba(18,185,129,.92),rgba(56,189,248,.82) 58%,rgba(99,102,241,.76))!important;
  background-color:transparent!important;
  box-shadow:0 12px 28px -18px rgba(34,211,238,.95),inset 0 1px 0 rgba(255,255,255,.34),inset 0 -10px 18px rgba(0,0,0,.18)!important;
}
html body,
html[data-theme] body{
  --mc-name-avatar-size:40px;
  --mc-picker-avatar-size:42px;
  --mc-selected-avatar-size:42px;
}
html body #root :where(.employee-list-avatar,.contact-avatar-btn .avatar,.chat-list-item .avatar,.agent-person .avatar,.nas-access-row .avatar,.account-owner .avatar,.person-role-member .avatar,.live-room-sync-avatar,.live-room-history-avatar),
html body #modal :where(.employee-list-avatar,.contact-avatar-btn .avatar,.chat-list-item .avatar,.agent-person .avatar,.nas-access-row .avatar,.account-owner .avatar,.person-role-member .avatar,.live-room-sync-avatar,.live-room-history-avatar),
html[data-theme] body #root :where(.employee-list-avatar,.contact-avatar-btn .avatar,.chat-list-item .avatar,.agent-person .avatar,.nas-access-row .avatar,.account-owner .avatar,.person-role-member .avatar,.live-room-sync-avatar,.live-room-history-avatar),
html[data-theme] body #modal :where(.employee-list-avatar,.contact-avatar-btn .avatar,.chat-list-item .avatar,.agent-person .avatar,.nas-access-row .avatar,.account-owner .avatar,.person-role-member .avatar,.live-room-sync-avatar,.live-room-history-avatar){
  width:var(--mc-name-avatar-size)!important;
  height:var(--mc-name-avatar-size)!important;
  min-width:var(--mc-name-avatar-size)!important;
  flex:0 0 var(--mc-name-avatar-size)!important;
  border-radius:var(--mc-avatar-radius,10px)!important;
  font-size:.86rem!important;
}
html body #modal .people-picker-v2 :where(.org-pick-person .avatar,.org-person-avatar),
html[data-theme] body #modal .people-picker-v2 :where(.org-pick-person .avatar,.org-person-avatar){
  width:var(--mc-picker-avatar-size)!important;
  height:var(--mc-picker-avatar-size)!important;
  min-width:var(--mc-picker-avatar-size)!important;
  flex:0 0 var(--mc-picker-avatar-size)!important;
  border-radius:var(--mc-avatar-radius,10px)!important;
  font-size:var(--mc-type-body-control,.82rem)!important;
}
html body #modal .people-picker-selected-list,
html[data-theme] body #modal .people-picker-selected-list{
  gap:9px!important;
  min-height:calc(var(--mc-selected-avatar-size) + 4px)!important;
  align-items:center!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
html body #modal .people-picker-selected-person,
html[data-theme] body #modal .people-picker-selected-person,
html body #modal .people-picker-selected-person:hover,
html[data-theme] body #modal .people-picker-selected-person:hover,
html body #modal .people-picker-selected-person:focus-visible,
html[data-theme] body #modal .people-picker-selected-person:focus-visible{
  width:var(--mc-selected-avatar-size)!important;
  height:var(--mc-selected-avatar-size)!important;
  min-width:var(--mc-selected-avatar-size)!important;
  max-width:var(--mc-selected-avatar-size)!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  transform:none!important;
}
html body #modal .people-picker-selected-person :where(.avatar,.org-person-avatar),
html[data-theme] body #modal .people-picker-selected-person :where(.avatar,.org-person-avatar),
html body :where(.mc-selected-avatar-token) :where(.avatar,.org-person-avatar),
html[data-theme] body :where(.mc-selected-avatar-token) :where(.avatar,.org-person-avatar){
  width:var(--mc-selected-avatar-size)!important;
  height:var(--mc-selected-avatar-size)!important;
  min-width:var(--mc-selected-avatar-size)!important;
  flex:0 0 var(--mc-selected-avatar-size)!important;
  border-radius:var(--mc-avatar-radius,10px)!important;
  font-size:var(--mc-type-body-control,.82rem)!important;
}
html body #modal .people-picker-selected-dept,
html[data-theme] body #modal .people-picker-selected-dept{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  height:var(--mc-selected-avatar-size)!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:var(--mc-radius-control,8px)!important;
  background:var(--mc-model-button-fill-active,rgba(126,240,164,.13))!important;
  color:var(--text)!important;
  box-shadow:none!important;
}
html body :where(.mc-selected-avatar-strip,.person-role-member-list),
html[data-theme] body :where(.mc-selected-avatar-strip,.person-role-member-list){
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  min-width:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body :where(.mc-selected-dept-token),
html[data-theme] body :where(.mc-selected-dept-token){
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:var(--mc-selected-avatar-size)!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:var(--mc-radius-control,8px)!important;
  background:var(--mc-model-button-fill-active,rgba(126,240,164,.13))!important;
  color:var(--text)!important;
  box-shadow:none!important;
  line-height:1!important;
}
html body :where(.mc-selected-dept-token,.people-picker-selected-dept) span,
html[data-theme] body :where(.mc-selected-dept-token,.people-picker-selected-dept) span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:.78rem!important;
  font-weight:760!important;
}
html body :where(.mc-selected-dept-token,.people-picker-selected-dept) small,
html[data-theme] body :where(.mc-selected-dept-token,.people-picker-selected-dept) small{
  flex:0 0 auto!important;
  color:var(--muted)!important;
  font-size:var(--mc-type-caption-meta,.68rem)!important;
  line-height:1!important;
}
html body :where(.mc-selected-avatar-token),
html[data-theme] body :where(.mc-selected-avatar-token){
  display:inline-flex!important;
  width:var(--mc-selected-avatar-size)!important;
  height:var(--mc-selected-avatar-size)!important;
  min-width:var(--mc-selected-avatar-size)!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/live-room/devices/panel/069-live-room-devices-seg-01-nano-02.css */


/* >>> runtime/legacy/styles/blocks/live-room/devices/panel/069-live-room-devices-seg-01-nano-03.css */

html body :where(.mc-selected-avatar-strip em,.people-picker-selected-list>em),
html[data-theme] body :where(.mc-selected-avatar-strip em,.people-picker-selected-list>em){
  align-self:center!important;
  color:var(--soft)!important;
  font-size:.78rem!important;
  font-style:normal!important;
  font-weight:820!important;
}
html body #root .app.app .layout > .main.page-system :where(.role-avatar-only,.role-avatar-only .role-assigned-text,.role-assigned-box.role-avatar-only),
html[data-theme] body #root .app.app .layout > .main.page-system :where(.role-avatar-only,.role-avatar-only .role-assigned-text,.role-assigned-box.role-avatar-only){
  padding:0!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body #root .app.app .layout > .main.page-system .person-role-member-list,
html[data-theme] body #root .app.app .layout > .main.page-system .person-role-member-list{
  grid-template-columns:none!important;
}
html body #modal .secondary-rail-shell.emp-org-rail .emp-org-inline-editor .emp-org-manager-btn,
html[data-theme] body #modal .secondary-rail-shell.emp-org-rail .emp-org-inline-editor .emp-org-manager-btn{
  width:100%!important;
  min-height:34px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #modal .secondary-rail-shell.emp-org-rail .emp-org-inline-editor .emp-org-manager-btn:is(:hover,:focus-visible,:focus-within),
html[data-theme] body #modal .secondary-rail-shell.emp-org-rail .emp-org-inline-editor .emp-org-manager-btn:is(:hover,:focus-visible,:focus-within){
  background:var(--mc-model-button-fill-hover)!important;
  background-image:var(--mc-model-button-fill-hover)!important;
}
html body #modal .secondary-rail-shell.account-access-rail,
html[data-theme] body #modal .secondary-rail-shell.account-access-rail{
  -webkit-backdrop-filter:blur(18px) saturate(1.16)!important;
  backdrop-filter:blur(18px) saturate(1.16)!important;
}
html body #modal .secondary-rail-shell.account-access-rail .secondary-rail-body,
html[data-theme] body #modal .secondary-rail-shell.account-access-rail .secondary-rail-body{
  padding-top:8px!important;
}
html body #modal .secondary-rail-shell.account-access-rail .desc,
html[data-theme] body #modal .secondary-rail-shell.account-access-rail .desc{
  margin:0 0 10px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #modal .account-access-list.account-access-list,

/* <<< runtime/legacy/styles/blocks/live-room/devices/panel/069-live-room-devices-seg-01-nano-03.css */


/* >>> runtime/legacy/styles/blocks/live-room/devices/panel/069-live-room-devices-seg-02-short-01.css */

/* Legacy ordered CSS segment; extracted from 069-live-room-devices.css. Keep import order stable. */
html[data-theme] body #modal .account-access-list.account-access-list{
  display:grid!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body #modal .account-access-row.account-access-row,
html[data-theme] body #modal .account-access-row.account-access-row{
  --account-row-color:var(--brand,#60a5fa);
  position:relative!important;
  display:grid!important;
  grid-template-columns:88px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-height:42px!important;
  padding:8px 0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  transform:none!important;
  clip-path:none!important;
  transition:background .16s ease,color .16s ease!important;
}
html body #modal .account-access-row.account-access-row:nth-child(2n),
html[data-theme] body #modal .account-access-row.account-access-row:nth-child(2n){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}
html body #modal .account-access-row.account-access-row:is(:hover,:focus,:focus-within,:active,.active,.selected,[aria-selected="true"]),
html[data-theme] body #modal .account-access-row.account-access-row:is(:hover,:focus,:focus-within,:active,.active,.selected,[aria-selected="true"]){
  border-radius:0!important;
  outline:0!important;
  background:var(--mc-list-hover)!important;
  background-color:transparent!important;
  background-image:var(--mc-list-hover)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  transform:none!important;
  color:#fff!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.12)!important;
  backdrop-filter:blur(12px) saturate(1.12)!important;
}
html body #modal .account-access-row.account-access-row.selected,
html body #modal .account-access-row.account-access-row.active,
html body #modal .account-access-row.account-access-row[aria-selected="true"],
html[data-theme] body #modal .account-access-row.account-access-row.selected,
html[data-theme] body #modal .account-access-row.account-access-row.active,
html[data-theme] body #modal .account-access-row.account-access-row[aria-selected="true"]{
  background:var(--mc-list-hover)!important;
  background-color:transparent!important;
  background-image:var(--mc-list-hover)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  color:#fff!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.12)!important;
  backdrop-filter:blur(12px) saturate(1.12)!important;
}
html body #modal .account-access-row.account-access-row::before,
html body #modal .account-access-row.account-access-row::after,
html[data-theme] body #modal .account-access-row.account-access-row::before,
html[data-theme] body #modal .account-access-row.account-access-row::after{
  display:none!important;
  content:none!important;
}
html body #modal .account-access-row.account-access-row:is(:hover,:focus,:focus-within,:active,.active,.selected,[aria-selected="true"]) :where(.k,.v,.v > span,.v > b,.account-row-action),
html[data-theme] body #modal .account-access-row.account-access-row:is(:hover,:focus,:focus-within,:active,.active,.selected,[aria-selected="true"]) :where(.k,.v,.v > span,.v > b,.account-row-action){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body #modal .account-access-row .k,
html[data-theme] body #modal .account-access-row .k{
  color:color-mix(in srgb,var(--account-row-color) 74%,var(--soft,#9ca3af))!important;
  font-size:var(--mc-type-caption-meta,.68rem)!important;
  font-weight:820!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
html body #modal .account-access-row .v,
html[data-theme] body #modal .account-access-row .v{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:0!important;
  color:var(--text,#f4f4f1)!important;
  font-size:var(--mc-type-body-control,.82rem)!important;
  font-weight:720!important;
  line-height:1.25!important;
  text-align:right!important;
  overflow:hidden!important;
}
html body #modal .account-access-row .v > :where(span,b),
html[data-theme] body #modal .account-access-row .v > :where(span,b){
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* <<< runtime/legacy/styles/blocks/live-room/devices/panel/069-live-room-devices-seg-02-short-01.css */


/* >>> runtime/legacy/styles/blocks/live-room/devices/panel/069-live-room-devices-seg-02-short-02.css */

html body #modal .account-access-row .account-row-action,
html[data-theme] body #modal .account-access-row .account-row-action,
html body #modal .account-access-row .account-row-action:is(:hover,:focus,:focus-visible,:focus-within),
html[data-theme] body #modal .account-access-row .account-row-action:is(:hover,:focus,:focus-visible,:focus-within){
  min-inline-size:auto!important;
  min-width:0!important;
  min-height:26px!important;
  height:26px!important;
  padding:0 4px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:color-mix(in srgb,var(--account-row-color) 82%,var(--text,#f4f4f1))!important;
  -webkit-text-fill-color:color-mix(in srgb,var(--account-row-color) 82%,var(--text,#f4f4f1))!important;
  transform:none!important;
  filter:none!important;
}
html body #modal .account-access-row .account-row-action:is(:hover,:focus,:focus-visible,:focus-within),
html[data-theme] body #modal .account-access-row .account-row-action:is(:hover,:focus,:focus-visible,:focus-within){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body #modal .account-access-row .account-row-action::before,
html body #modal .account-access-row .account-row-action::after,
html[data-theme] body #modal .account-access-row .account-row-action::before,
html[data-theme] body #modal .account-access-row .account-row-action::after{
  display:none!important;
  content:none!important;
}
@media(max-width:520px){
  html body :is(#modal,.app) .live-room-device-panel .live-device-catalog-grid,
  html body :is(#modal,.app) .live-room-device-panel .live-device-summary-grid,
  html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-catalog-grid,
  html[data-theme] body :is(#modal,.app) .live-room-device-panel .live-device-summary-grid{
    grid-template-columns:repeat(auto-fit,minmax(74px,1fr))!important;
  }
}

/* <<< runtime/legacy/styles/blocks/live-room/devices/panel/069-live-room-devices-seg-02-short-02.css */


/* >>> runtime/legacy/styles/blocks/attendance/deli/machine/070-deli-attendance-machine.css */

html body .app.app .layout > .main.page-records .att-deli-page,
html[data-theme] body .app.app .layout > .main.page-records .att-deli-page {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
html body .app.app .layout > .main.page-records .att-deli-cards,
html[data-theme] body .app.app .layout > .main.page-records .att-deli-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
}
html body .app.app .layout > .main.page-records .att-deli-card,
html[data-theme] body .app.app .layout > .main.page-records .att-deli-card {
  min-height: 86px;
}
html body .app.app .layout > .main.page-records .att-deli-card span,
html[data-theme]
  body
  .app.app
  .layout
  > .main.page-records
  .att-deli-card
  span {
  display: block;
  color: var(--soft);
  font-size: 0.78rem;
}
html body .app.app .layout > .main.page-records .att-deli-card b,
html[data-theme] body .app.app .layout > .main.page-records .att-deli-card b {
  display: block;
  margin-top: 8px;
  font-size: 1.12rem;
}
html body .app.app .layout > .main.page-records .att-deli-card small,
html[data-theme]
  body
  .app.app
  .layout
  > .main.page-records
  .att-deli-card
  small {
  display: block;
  margin-top: 6px;
  color: var(--soft);
  font-size: 0.78rem;
}
html body .app.app .layout > .main.page-records .att-deli-guide-grid,
html[data-theme]
  body
  .app.app
  .layout
  > .main.page-records
  .att-deli-guide-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
html body .app.app .layout > .main.page-records .att-deli-guide-grid > div,
html[data-theme]
  body
  .app.app
  .layout
  > .main.page-records
  .att-deli-guide-grid
  > div {
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--line) 70%, transparent);
  border-radius: 8px;
  background: transparent;
  box-shadow: none !important;
}
html body .app.app .layout > .main.page-records .att-deli-guide-grid p,
html[data-theme]
  body
  .app.app
  .layout
  > .main.page-records
  .att-deli-guide-grid
  p {
  margin: 6px 0 0;
  color: var(--soft);
  line-height: 1.55;
  font-size: 0.86rem;
}
html body .app.app .layout > .main.page-records .att-deli-page .att-section,
html[data-theme]
  body
  .app.app
  .layout
  > .main.page-records
  .att-deli-page
  .att-section {
  box-shadow: none !important;
}
html body .app.app .layout > .main.page-records .att-deli-bio,
html[data-theme] body .app.app .layout > .main.page-records .att-deli-bio {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 84px;
  flex: 0 0 auto;
  overflow: visible;
  white-space: nowrap;
  color: var(--danger);
  font-size: 0.78rem;
  font-weight: 820;
}
html body .app.app .layout > .main.page-records .att-deli-bio i,
html[data-theme] body .app.app .layout > .main.page-records .att-deli-bio i {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: var(--danger);
  box-shadow: none !important;
}
html body .app.app .layout > .main.page-records .att-deli-bio.ok,
html[data-theme] body .app.app .layout > .main.page-records .att-deli-bio.ok {
  color: var(--ok);
}
html body .app.app .layout > .main.page-records .att-deli-bio.ok i,
html[data-theme] body .app.app .layout > .main.page-records .att-deli-bio.ok i {
  background: var(--ok);
}
html body .app.app .layout > .main.page-records .att-deli-bio.pending,
html[data-theme]
  body
  .app.app
  .layout
  > .main.page-records
  .att-deli-bio.pending {
  color: var(--warn);
}
html body .app.app .layout > .main.page-records .att-deli-bio.pending i,
html[data-theme]
  body
  .app.app
  .layout
  > .main.page-records
  .att-deli-bio.pending
  i {
  background: var(--warn);
}
@media (max-width: 980px) {
  html body .app.app .layout > .main.page-records .att-deli-cards,
  html[data-theme] body .app.app .layout > .main.page-records .att-deli-cards,
  html body .app.app .layout > .main.page-records .att-deli-guide-grid,
  html[data-theme]
    body
    .app.app
    .layout
    > .main.page-records
    .att-deli-guide-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 680px) {
  html body .app.app .layout > .main.page-records .att-deli-cards,
  html[data-theme] body .app.app .layout > .main.page-records .att-deli-cards,
  html body .app.app .layout > .main.page-records .att-deli-guide-grid,
  html[data-theme]
    body
    .app.app
    .layout
    > .main.page-records
    .att-deli-guide-grid {
    grid-template-columns: 1fr;
  }
}

/* <<< runtime/legacy/styles/blocks/attendance/deli/machine/070-deli-attendance-machine.css */


/* >>> runtime/legacy/styles/blocks/accounts/pending-review/modal/08324-pending-review-account-modal.css */

/* Compact pending-account backfill picker. */
html body #modal .pending-review-account-modal .pending-review-selected-avatar-only{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  min-height:42px;
}
html body #modal .pending-review-account-modal .pending-review-selected-avatar-only :where(.avatar,.person-avatar,img){
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:10px!important;
  object-fit:cover;
}
html body #modal .pending-review-account-modal .pending-review-pick-field{
  display:grid;
  gap:6px;
}
html body #modal .pending-review-account-modal .pending-review-top-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  align-items:end;
  margin:2px 0 12px;
}
html body #modal .pending-review-account-modal .pending-review-top-row > *{
  min-width:0;
}
html body #modal .pending-review-account-modal :where(.pending-review-employee-button,.pending-review-dept-button){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  min-height:32px!important;
  padding:7px 8px!important;
  font-size:var(--mc-type-body-control,.82rem)!important;
  line-height:1.2!important;
  font-weight:780!important;
  color:var(--text)!important;
  -webkit-text-fill-color:var(--text)!important;
}
html body #modal .pending-review-account-modal .pending-review-status-line,
html body #modal .pending-review-account-modal .pending-review-google-login-note{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  margin:0;
  color:var(--soft);
  font-size:.76rem;
  line-height:1.2;
}
html body #modal .pending-review-account-modal .pending-review-status-line span,
html body #modal .pending-review-account-modal .pending-review-google-login-note span{
  color:rgba(244,244,241,.52);
  font-weight:700;
  white-space:nowrap;
}
html body #modal .pending-review-account-modal .pending-review-status-line b,
html body #modal .pending-review-account-modal .pending-review-google-login-note b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:24px;
  padding:7px 8px;
  border-radius:var(--mc-button-radius,4px);
  color:#f4f4f1;
  background:rgba(96,165,250,.14);
  border:1px solid rgba(96,165,250,.22);
  font-size:.76rem;
  font-weight:830;
  line-height:1;
  white-space:nowrap;
}
html body #modal .pending-review-account-modal .pending-review-status-line em{
  font-style:normal;
  color:var(--brand);
  font-weight:800;
}
html body #modal .pending-review-account-modal .pending-review-employee-no-line{
  display:flex;
  align-items:center;
  min-height:42px;
  gap:10px;
  padding:0 2px;
  color:var(--soft);
  font-size:var(--mc-type-body-control,.82rem);
  line-height:1.2;
}
html body #modal .pending-review-account-modal .pending-review-employee-no-line span{
  color:rgba(244,244,241,.52);
  font-weight:740;
  white-space:nowrap;
}
html body #modal .pending-review-account-modal .pending-review-employee-no-line b{
  color:var(--text);
  font-size:.9rem;
  font-weight:820;
  white-space:nowrap;
}
@media (max-width:720px){
  html body #modal .pending-review-account-modal .pending-review-top-row{
    grid-template-columns:1fr;
  }
}

/* <<< runtime/legacy/styles/blocks/accounts/pending-review/modal/08324-pending-review-account-modal.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/shared/segments/084-nas-storage-shared-segment-01.css */

/* NAS permission-card access center. */

html body .main.page-nasStorage,
html[data-theme] body .main.page-nasStorage{
  overflow:auto!important;
  width:100%!important;
  max-width:none!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/shared/segments/084-nas-storage-shared-segment-01.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/permissions/segments/084-nas-storage-permissions-segment-01.css */

/* NAS role template cards: compact colored templates, no abbreviation tile. */

html body .main.page-nasStorage .nas-role-template-grid,
html[data-theme] body .main.page-nasStorage .nas-role-template-grid,
html body #modal .nas-role-template-grid,
html[data-theme] body #modal .nas-role-template-grid{
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  justify-content:stretch!important;
  gap:8px!important;
}

html body .main.page-nasStorage .nas-role-template-card,
html[data-theme] body .main.page-nasStorage .nas-role-template-card,
html body #modal .nas-role-template-card,
html[data-theme] body #modal .nas-role-template-card{
  min-height:142px!important;
  gap:5px!important;
  padding:10px!important;
  overflow:hidden!important;
  border-color:transparent!important;
  border-radius:var(--mc-radius-control)!important;
  contain:paint!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 18% 0,color-mix(in srgb,var(--nas-role-tone) 28%,transparent),transparent 38%),
    linear-gradient(135deg,color-mix(in srgb,var(--nas-role-tone) 18%,rgba(255,255,255,.035)),rgba(255,255,255,.022))!important;
  box-shadow:none!important;
}

html body .main.page-nasStorage .nas-role-template-card.template-super_admin,
html[data-theme] body .main.page-nasStorage .nas-role-template-card.template-super_admin,
html body #modal .nas-role-template-card.template-super_admin,
html[data-theme] body #modal .nas-role-template-card.template-super_admin{
  --nas-role-tone:#f3c66f;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:142px!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  place-content:initial!important;
  padding:10px!important;
  padding-inline:10px!important;
  overflow:hidden!important;
}

html body .main.page-nasStorage .nas-role-template-card.template-super_admin h4,
html[data-theme] body .main.page-nasStorage .nas-role-template-card.template-super_admin h4,
html body #modal .nas-role-template-card.template-super_admin h4,
html[data-theme] body #modal .nas-role-template-card.template-super_admin h4{
  white-space:nowrap!important;
  text-align:left!important;
  margin:0!important;
}

html body .main.page-nasStorage .nas-role-template-card.template-super_admin p,
html[data-theme] body .main.page-nasStorage .nas-role-template-card.template-super_admin p,
html body #modal .nas-role-template-card.template-super_admin p,
html[data-theme] body #modal .nas-role-template-card.template-super_admin p{
  display:block!important;
  color:rgba(255,255,255,.86)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}

html body .main.page-nasStorage .nas-role-template-card.template-super_admin .nas-role-template-inline-summary,
html[data-theme] body .main.page-nasStorage .nas-role-template-card.template-super_admin .nas-role-template-inline-summary,
html body #modal .nas-role-template-card.template-super_admin .nas-role-template-inline-summary,
html[data-theme] body #modal .nas-role-template-card.template-super_admin .nas-role-template-inline-summary{
  display:none!important;
}

html body .main.page-nasStorage .nas-role-template-card.template-super_admin .nas-role-assigned-members,
html[data-theme] body .main.page-nasStorage .nas-role-template-card.template-super_admin .nas-role-assigned-members,
html body #modal .nas-role-template-card.template-super_admin .nas-role-assigned-members,
html[data-theme] body #modal .nas-role-template-card.template-super_admin .nas-role-assigned-members{
  display:flex!important;
  overflow:hidden!important;
}

html body .main.page-nasStorage .nas-role-template-card.template-data_manager,
html[data-theme] body .main.page-nasStorage .nas-role-template-card.template-data_manager,
html body #modal .nas-role-template-card.template-data_manager,
html[data-theme] body #modal .nas-role-template-card.template-data_manager{
  --nas-role-tone:#68d8ff;
}

html body .main.page-nasStorage .nas-role-template-card.template-ops_manager,
html[data-theme] body .main.page-nasStorage .nas-role-template-card.template-ops_manager,
html body #modal .nas-role-template-card.template-ops_manager,
html[data-theme] body #modal .nas-role-template-card.template-ops_manager{
  --nas-role-tone:#6ee7b7;
}

html body .main.page-nasStorage .nas-role-template-card.template-employee,
html[data-theme] body .main.page-nasStorage .nas-role-template-card.template-employee,
html body #modal .nas-role-template-card.template-employee,
html[data-theme] body #modal .nas-role-template-card.template-employee{
  --nas-role-tone:#7ef0a4;
}

html body .main.page-nasStorage .nas-role-template-card.template-custom,
html[data-theme] body .main.page-nasStorage .nas-role-template-card.template-custom,
html body #modal .nas-role-template-card.template-custom,
html[data-theme] body #modal .nas-role-template-card.template-custom{
  --nas-role-tone:#b19cff;
}

html body .main.page-nasStorage .nas-current-permission-panel .nas-role-template-grid,
html[data-theme] body .main.page-nasStorage .nas-current-permission-panel .nas-role-template-grid{
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  justify-content:stretch!important;
}

html body .main.page-nasStorage .nas-role-template-card:hover,
html[data-theme] body .main.page-nasStorage .nas-role-template-card:hover,
html body #modal .nas-role-template-card:hover,
html[data-theme] body #modal .nas-role-template-card:hover{
  background:
    radial-gradient(circle at 18% 0,color-mix(in srgb,var(--nas-role-tone) 34%,transparent),transparent 40%),
    linear-gradient(135deg,color-mix(in srgb,var(--nas-role-tone) 24%,rgba(255,255,255,.045)),rgba(255,255,255,.028))!important;
}

html body .main.page-nasStorage .nas-role-template-card.is-selected,
html[data-theme] body .main.page-nasStorage .nas-role-template-card.is-selected,
html body #modal .nas-role-template-card.is-selected,
html[data-theme] body #modal .nas-role-template-card.is-selected{
  border:1px solid transparent!important;
  background:
    linear-gradient(180deg,rgb(17,24,35),rgb(13,19,29)) padding-box,
    linear-gradient(135deg,rgba(104,216,255,.78),rgba(126,240,164,.66) 38%,rgba(177,156,255,.62) 72%,rgba(243,198,111,.56)) border-box!important;
  background-clip:padding-box,border-box!important;
  box-shadow:none!important;
}

html body .main.page-nasStorage .nas-role-template-card i,
html[data-theme] body .main.page-nasStorage .nas-role-template-card i,
html body #modal .nas-role-template-card i,
html[data-theme] body #modal .nas-role-template-card i{
  display:none!important;
}

html body .main.page-nasStorage .nas-role-template-card>span,
html[data-theme] body .main.page-nasStorage .nas-role-template-card>span,
html body #modal .nas-role-template-card>span,
html[data-theme] body #modal .nas-role-template-card>span{
  top:9px!important;
  right:10px!important;
  color:var(--nas-role-tone)!important;
  font-size:10px!important;
}

html body .main.page-nasStorage .nas-role-template-card h4,
html[data-theme] body .main.page-nasStorage .nas-role-template-card h4,
html body #modal .nas-role-template-card h4,
html[data-theme] body #modal .nas-role-template-card h4{
  color:#f4f4f1!important;
  font-size:15px!important;
}

html body .main.page-nasStorage .nas-role-template-card p,
html[data-theme] body .main.page-nasStorage .nas-role-template-card p,
html body #modal .nas-role-template-card p,
html[data-theme] body #modal .nas-role-template-card p{
  color:rgba(244,244,241,.68)!important;
  font-size:11px!important;
  line-height:1.36!important;
}

html body .main.page-nasStorage .nas-role-template-inline-summary,
html[data-theme] body .main.page-nasStorage .nas-role-template-inline-summary,
html body #modal .nas-role-template-inline-summary,
html[data-theme] body #modal .nas-role-template-inline-summary{
  display:grid!important;
  gap:3px!important;
  margin-top:4px!important;
  min-width:0!important;
}

html body .main.page-nasStorage .nas-role-template-inline-summary span,
html[data-theme] body .main.page-nasStorage .nas-role-template-inline-summary span,
html body #modal .nas-role-template-inline-summary span,
html[data-theme] body #modal .nas-role-template-inline-summary span{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:10px!important;
  line-height:1.28!important;
  font-weight:760!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}

html body .main.page-nasStorage .nas-role-template-actions,
html[data-theme] body .main.page-nasStorage .nas-role-template-actions,
html body #modal .nas-role-template-actions,
html[data-theme] body #modal .nas-role-template-actions{
  color:#7ef0a4!important;
}

html body .main.page-nasStorage .nas-role-template-denied,
html[data-theme] body .main.page-nasStorage .nas-role-template-denied,
html body #modal .nas-role-template-denied,
html[data-theme] body #modal .nas-role-template-denied{
  color:#ff8f9b!important;
}

html body .main.page-nasStorage .nas-role-template-card em,
html[data-theme] body .main.page-nasStorage .nas-role-template-card em,
html body #modal .nas-role-template-card em,
html[data-theme] body #modal .nas-role-template-card em{
  padding:3px 5px!important;
  background:color-mix(in srgb,var(--nas-role-tone) 13%,rgba(255,255,255,.04))!important;
  color:rgba(244,244,241,.80)!important;
  font-size:9px!important;
}

html body .main.page-nasStorage .nas-role-template-card b,
html body .main.page-nasStorage .nas-role-template-card strong,
html[data-theme] body .main.page-nasStorage .nas-role-template-card b,
html[data-theme] body .main.page-nasStorage .nas-role-template-card strong,
html body #modal .nas-role-template-card b,
html body #modal .nas-role-template-card strong,
html[data-theme] body #modal .nas-role-template-card b,
html[data-theme] body #modal .nas-role-template-card strong{
  color:var(--nas-role-tone)!important;
  font-size:10px!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/permissions/segments/084-nas-storage-permissions-segment-01.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/access-logs/segments/084-nas-storage-access-logs-segment-01.css */

html body .main.page-nasStorage .nas-access-center,
html[data-theme] body .main.page-nasStorage .nas-access-center{
  display:grid!important;
  gap:14px!important;
  width:100%!important;
  max-width:none!important;
  padding-bottom:28px!important;
}

html body .main.page-nasStorage .nas-access-summary,
html[data-theme] body .main.page-nasStorage .nas-access-summary{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}

html body .main.page-nasStorage .nas-access-summary>div,
html[data-theme] body .main.page-nasStorage .nas-access-summary>div,
html body .main.page-nasStorage .nas-security-note,
html[data-theme] body .main.page-nasStorage .nas-security-note{
  border:1px solid rgba(244,244,241,.10)!important;
  border-radius:var(--mc-radius-control)!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:none!important;
}

html body .main.page-nasStorage .nas-access-summary>div,
html[data-theme] body .main.page-nasStorage .nas-access-summary>div{
  display:grid!important;
  gap:5px!important;
  padding:12px 14px!important;
  min-width:0!important;
}

html body .main.page-nasStorage .nas-access-summary span,
html[data-theme] body .main.page-nasStorage .nas-access-summary span,
html body .main.page-nasStorage .nas-card-meta dt,
html[data-theme] body .main.page-nasStorage .nas-card-meta dt{
  color:rgba(244,244,241,.58)!important;
  font-size:11px!important;
}

html body .main.page-nasStorage .nas-access-summary b,
html[data-theme] body .main.page-nasStorage .nas-access-summary b{
  color:#f4f4f1!important;
  font-size:18px!important;
  font-weight:820!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/access-logs/segments/084-nas-storage-access-logs-segment-01.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/access-center/segments/084-nas-storage-access-center-segment-01.css */

html body .main.page-nasStorage .nas-security-note,
html[data-theme] body .main.page-nasStorage .nas-security-note{
  display:grid!important;
  grid-template-columns:118px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  padding:12px 14px!important;
  border-color:rgba(96,165,250,.22)!important;
  background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(255,255,255,.026))!important;
}

html body .main.page-nasStorage .nas-security-note b,
html[data-theme] body .main.page-nasStorage .nas-security-note b{
  color:#93c5fd!important;
  font-size:13px!important;
}

html body .main.page-nasStorage .nas-security-note span,
html[data-theme] body .main.page-nasStorage .nas-security-note span{
  color:rgba(244,244,241,.74)!important;
  font-size:12px!important;
  line-height:1.55!important;
}

html body .main.page-nasStorage .nas-launch-error,
html[data-theme] body .main.page-nasStorage .nas-launch-error{
  padding:10px 12px!important;
  border-radius:12px!important;
  border:1px solid rgba(248,113,113,.34)!important;
  background:rgba(248,113,113,.10)!important;
  color:#fecaca!important;
  font-size:12px!important;
}

html body .main.page-nasStorage .nas-card-grid,
html[data-theme] body .main.page-nasStorage .nas-card-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(238px,1fr))!important;
  gap:8px!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/access-center/segments/084-nas-storage-access-center-segment-01.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/permissions/segments/084-nas-storage-permissions-segment-02.css */

html body .main.page-nasStorage .nas-permission-org-tree,
html[data-theme] body .main.page-nasStorage .nas-permission-org-tree{
  display:grid!important;
  gap:16px!important;
  width:100%!important;
  max-width:none!important;
  position:relative!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/permissions/segments/084-nas-storage-permissions-segment-02.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/access-center/segments/084-nas-storage-access-center-segment-02.css */

html body .main.page-nasStorage .nas-org-root,
html[data-theme] body .main.page-nasStorage .nas-org-root{
  position:relative!important;
  display:grid!important;
  width:min(100%,720px)!important;
}

html body .main.page-nasStorage .nas-org-root:after,
html[data-theme] body .main.page-nasStorage .nas-org-root:after{
  content:""!important;
  position:absolute!important;
  left:30px!important;
  top:100%!important;
  width:1px!important;
  height:16px!important;
  background:color-mix(in srgb,var(--nas-branch-color,#facc69) 50%,rgba(244,244,241,.18))!important;
}

html body .main.page-nasStorage .nas-org-main-permission,
html[data-theme] body .main.page-nasStorage .nas-org-main-permission{
  --nas-org-color:var(--nas-branch-color,#7dd3fc);
  position:relative!important;
  display:grid!important;
  grid-template-columns:238px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:start!important;
  min-width:0!important;
}

html body .main.page-nasStorage .nas-org-main-permission:before,
html[data-theme] body .main.page-nasStorage .nas-org-main-permission:before{
  content:""!important;
  position:absolute!important;
  left:30px!important;
  top:-16px!important;
  bottom:calc(100% - 42px)!important;
  width:1px!important;
  background:color-mix(in srgb,var(--nas-org-color) 48%,rgba(244,244,241,.16))!important;
}

html body .main.page-nasStorage .nas-org-main-permission:after,
html[data-theme] body .main.page-nasStorage .nas-org-main-permission:after{
  content:""!important;
  position:absolute!important;
  left:30px!important;
  top:42px!important;
  width:16px!important;
  height:1px!important;
  background:color-mix(in srgb,var(--nas-org-color) 48%,rgba(244,244,241,.16))!important;
}

html body .main.page-nasStorage .nas-org-main-head,
html[data-theme] body .main.page-nasStorage .nas-org-main-head{
  position:relative!important;
  display:grid!important;
  gap:5px!important;
  min-height:84px!important;
  padding:12px 13px 12px 18px!important;
  border-radius:var(--mc-radius-control)!important;
  border:1px solid color-mix(in srgb,var(--nas-org-color) 30%,rgba(244,244,241,.10))!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--nas-org-color) 12%,transparent),rgba(255,255,255,.032))!important;
  box-shadow:none!important;
}

html body .main.page-nasStorage .nas-org-main-head:before,
html[data-theme] body .main.page-nasStorage .nas-org-main-head:before{
  content:""!important;
  position:absolute!important;
  left:-35px!important;
  top:35px!important;
  width:12px!important;
  height:12px!important;
  border-radius:50%!important;
  border:1px solid color-mix(in srgb,var(--nas-org-color) 64%,white 8%)!important;
  background:color-mix(in srgb,var(--nas-org-color) 34%,rgba(8,9,8,.92))!important;
}

html body .main.page-nasStorage .nas-org-main-head span,
html body .main.page-nasStorage .nas-admin-copy span,
html[data-theme] body .main.page-nasStorage .nas-org-main-head span,
html[data-theme] body .main.page-nasStorage .nas-admin-copy span{
  color:color-mix(in srgb,var(--nas-org-color,var(--nas-branch-color,#7dd3fc)) 70%,white 10%)!important;
  font-size:10px!important;
  font-weight:860!important;
  line-height:1!important;
}

html body .main.page-nasStorage .nas-org-main-head h3,
html[data-theme] body .main.page-nasStorage .nas-org-main-head h3{
  margin:0!important;
  color:#f4f4f1!important;
  font-size:16px!important;
  line-height:1.22!important;
  font-weight:900!important;
}

html body .main.page-nasStorage .nas-org-main-head p,
html[data-theme] body .main.page-nasStorage .nas-org-main-head p{
  margin:0!important;
  color:rgba(244,244,241,.62)!important;
  font-size:12px!important;
  line-height:1.45!important;
}

html body .main.page-nasStorage .nas-org-main-head b,
html[data-theme] body .main.page-nasStorage .nas-org-main-head b{
  justify-self:start!important;
  color:rgba(244,244,241,.70)!important;
  font-size:11px!important;
  font-weight:780!important;
}

html body .main.page-nasStorage .nas-org-subtree,
html[data-theme] body .main.page-nasStorage .nas-org-subtree{
  position:relative!important;
  display:grid!important;
  gap:8px!important;
  min-width:0!important;
  padding-top:0!important;
}

html body .main.page-nasStorage .nas-org-subline,
html[data-theme] body .main.page-nasStorage .nas-org-subline{
  position:absolute!important;
  left:-16px!important;
  right:calc(100% - 44px)!important;
  top:42px!important;
  height:1px!important;
  background:color-mix(in srgb,var(--nas-org-color) 45%,rgba(244,244,241,.14))!important;
}

html body .main.page-nasStorage .nas-org-sub-head,
html[data-theme] body .main.page-nasStorage .nas-org-sub-head{
  width:max-content!important;
  color:rgba(244,244,241,.58)!important;
  font-size:10px!important;
  font-weight:860!important;
  line-height:1!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/access-center/segments/084-nas-storage-access-center-segment-02.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/permissions/segments/084-nas-storage-permissions-segment-03.css */

html body .main.page-nasStorage .nas-permission-branch-map,
html[data-theme] body .main.page-nasStorage .nas-permission-branch-map{
  display:grid!important;
  gap:12px!important;
  position:relative!important;
}

html body .main.page-nasStorage .nas-permission-branch,
html[data-theme] body .main.page-nasStorage .nas-permission-branch{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:10px!important;
  min-width:0!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/permissions/segments/084-nas-storage-permissions-segment-03.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/access-center/segments/084-nas-storage-access-center-segment-03.css */

html body .main.page-nasStorage .nas-branch-stem,
html[data-theme] body .main.page-nasStorage .nas-branch-stem{
  position:relative!important;
  display:inline-flex!important;
  justify-content:center!important;
  min-height:100%!important;
}

html body .main.page-nasStorage .nas-branch-stem:before,
html[data-theme] body .main.page-nasStorage .nas-branch-stem:before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  bottom:-12px!important;
  width:1px!important;
  background:linear-gradient(180deg,rgba(125,211,252,.48),rgba(167,139,250,.30),rgba(52,211,153,.30))!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/access-center/segments/084-nas-storage-access-center-segment-03.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/permissions/segments/084-nas-storage-permissions-segment-04.css */

html body .main.page-nasStorage .nas-permission-branch:last-child .nas-branch-stem:before,
html[data-theme] body .main.page-nasStorage .nas-permission-branch:last-child .nas-branch-stem:before{
  bottom:calc(100% - 22px)!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/permissions/segments/084-nas-storage-permissions-segment-04.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/access-center/segments/084-nas-storage-access-center-segment-04.css */

html body .main.page-nasStorage .nas-branch-stem i,
html[data-theme] body .main.page-nasStorage .nas-branch-stem i{
  position:relative!important;
  z-index:1!important;
  width:15px!important;
  height:15px!important;
  margin-top:13px!important;
  border-radius:50%!important;
  border:1px solid color-mix(in srgb,var(--nas-branch-color,#7dd3fc) 68%,white 8%)!important;
  background:color-mix(in srgb,var(--nas-branch-color,#7dd3fc) 34%,rgba(8,9,8,.92))!important;
}

html body .main.page-nasStorage .nas-branch-body,
html[data-theme] body .main.page-nasStorage .nas-branch-body{
  display:grid!important;
  gap:9px!important;
  min-width:0!important;
}

html body .main.page-nasStorage .nas-branch-head,
html[data-theme] body .main.page-nasStorage .nas-branch-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding:9px 0 2px!important;
}

html body .main.page-nasStorage .nas-branch-head span,
html[data-theme] body .main.page-nasStorage .nas-branch-head span{
  display:block!important;
  color:color-mix(in srgb,var(--nas-branch-color,#7dd3fc) 82%,white 12%)!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.2!important;
}

html body .main.page-nasStorage .nas-branch-head p,
html[data-theme] body .main.page-nasStorage .nas-branch-head p{
  margin:3px 0 0!important;
  color:rgba(244,244,241,.56)!important;
  font-size:12px!important;
  line-height:1.42!important;
}

html body .main.page-nasStorage .nas-branch-head b,
html[data-theme] body .main.page-nasStorage .nas-branch-head b{
  flex:0 0 auto!important;
  color:rgba(244,244,241,.62)!important;
  font-size:11px!important;
  font-weight:780!important;
  line-height:1.4!important;
}

html body .main.page-nasStorage .nas-branch-admin,
html[data-theme] body .main.page-nasStorage .nas-branch-admin{
  --nas-branch-color:#facc69;
}

html body .main.page-nasStorage .nas-branch-staff,
html[data-theme] body .main.page-nasStorage .nas-branch-staff{
  --nas-branch-color:#7dd3fc;
}

html body .main.page-nasStorage .nas-branch-company,
html[data-theme] body .main.page-nasStorage .nas-branch-company{
  --nas-branch-color:#a78bfa;
}

html body .main.page-nasStorage .nas-card-grid-admin,
html[data-theme] body .main.page-nasStorage .nas-card-grid-admin{
  grid-template-columns:minmax(238px,1fr)!important;
  width:100%!important;
  max-width:none!important;
}

html body .main.page-nasStorage .nas-card-grid-company,
html body .main.page-nasStorage .nas-card-grid-staff,
html[data-theme] body .main.page-nasStorage .nas-card-grid-company,
html[data-theme] body .main.page-nasStorage .nas-card-grid-staff{
  grid-template-columns:repeat(auto-fit,minmax(188px,1fr))!important;
  width:100%!important;
  max-width:none!important;
}

html body .main.page-nasStorage .nas-admin-branch .nas-branch-stem i,
html[data-theme] body .main.page-nasStorage .nas-admin-branch .nas-branch-stem i{
  margin-top:16px!important;
}

html body .main.page-nasStorage .nas-admin-summary,
html[data-theme] body .main.page-nasStorage .nas-admin-summary{
  display:grid!important;
  grid-template-columns:minmax(150px,.8fr) minmax(170px,1fr) auto!important;
  gap:14px!important;
  align-items:center!important;
  min-height:76px!important;
  padding:12px 14px!important;
  border-radius:var(--mc-radius-control)!important;
  border:1px solid color-mix(in srgb,var(--nas-branch-color,#facc69) 28%,rgba(244,244,241,.08))!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--nas-branch-color,#facc69) 12%,transparent),rgba(255,255,255,.032))!important;
  box-shadow:none!important;
  cursor:pointer!important;
  overflow:hidden!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}

html body .main.page-nasStorage .nas-admin-summary:hover,
html[data-theme] body .main.page-nasStorage .nas-admin-summary:hover{
  border-color:color-mix(in srgb,var(--nas-branch-color,#facc69) 42%,rgba(244,244,241,.10))!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--nas-branch-color,#facc69) 16%,transparent),rgba(255,255,255,.045))!important;
  transform:translateY(-1px)!important;
}

html body .main.page-nasStorage .nas-admin-copy,
html[data-theme] body .main.page-nasStorage .nas-admin-copy{
  min-width:0!important;
}

html body .main.page-nasStorage .nas-admin-copy h2,
html[data-theme] body .main.page-nasStorage .nas-admin-copy h2{
  margin:4px 0 0!important;
  color:#f4f4f1!important;
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:900!important;
}

html body .main.page-nasStorage .nas-admin-copy p,
html[data-theme] body .main.page-nasStorage .nas-admin-copy p{
  margin:5px 0 0!important;
  color:color-mix(in srgb,var(--nas-branch-color,#facc69) 72%,white 8%)!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:780!important;
}

html body .main.page-nasStorage .nas-admin-people,
html[data-theme] body .main.page-nasStorage .nas-admin-people{
  min-width:0!important;
}

html body .main.page-nasStorage .nas-admin-people .nas-card-people,
html[data-theme] body .main.page-nasStorage .nas-admin-people .nas-card-people{
  justify-content:flex-start!important;
}

html body .main.page-nasStorage .nas-admin-actions,
html[data-theme] body .main.page-nasStorage .nas-admin-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:0!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/access-center/segments/084-nas-storage-access-center-segment-04.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/access-logs/segments/084-nas-storage-access-logs-segment-02.css */

html body .main.page-nasStorage .nas-card-grid-admin .nas-access-card,
html[data-theme] body .main.page-nasStorage .nas-card-grid-admin .nas-access-card{
  min-height:76px!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--nas-branch-color) 13%,transparent),rgba(255,255,255,.032))!important;
  border-color:color-mix(in srgb,var(--nas-branch-color) 28%,rgba(244,244,241,.08))!important;
}

html body .main.page-nasStorage .nas-access-card,
html[data-theme] body .main.page-nasStorage .nas-access-card{
  --mc-model-button-fill:linear-gradient(115deg,rgba(126,240,164,.205) 0%,rgba(73,216,226,.215) 24%,rgba(103,126,255,.19) 49%,rgba(202,117,238,.18) 72%,rgba(248,205,126,.205) 100%);
  --mc-model-button-fill-hover:linear-gradient(115deg,rgba(126,240,164,.285) 0%,rgba(73,216,226,.29) 24%,rgba(103,126,255,.255) 49%,rgba(202,117,238,.245) 72%,rgba(248,205,126,.28) 100%);
  --mc-model-button-fill-active:linear-gradient(115deg,rgba(126,240,164,.34) 0%,rgba(73,216,226,.33) 24%,rgba(103,126,255,.29) 49%,rgba(202,117,238,.28) 72%,rgba(248,205,126,.33) 100%);
  position:relative!important;
  min-width:0!important;
  display:grid!important;
  gap:5px!important;
  align-content:start!important;
  min-height:76px!important;
  padding:9px 10px 8px!important;
  border-radius:var(--mc-radius-control)!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:hidden!important;
  cursor:pointer!important;
  transition:background .16s ease,transform .16s ease!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/access-logs/segments/084-nas-storage-access-logs-segment-02.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/rooms/segments/084-nas-storage-rooms-segment-01.css */

html body .main.page-nasStorage .nas-room-toolbar-org .employee-org-tree-title.org-tree-root.nas-room-header-trigger:not(:hover):not(:focus-visible),
html[data-theme] body .main.page-nasStorage .nas-room-toolbar-org .employee-org-tree-title.org-tree-root.nas-room-header-trigger:not(:hover):not(:focus-visible){
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/rooms/segments/084-nas-storage-rooms-segment-01.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/access-logs/segments/084-nas-storage-access-logs-segment-03.css */

html body .main.page-nasStorage .nas-access-card:hover,
html body .main.page-nasStorage .nas-access-card:focus-visible,
html body .main.page-nasStorage .nas-access-card[aria-selected="true"],
html[data-theme] body .main.page-nasStorage .nas-access-card:hover,
html[data-theme] body .main.page-nasStorage .nas-access-card:focus-visible,
html[data-theme] body .main.page-nasStorage .nas-access-card[aria-selected="true"]{
  border-color:transparent!important;
  background:var(--mc-model-button-fill-hover)!important;
  background-image:var(--mc-model-button-fill-hover)!important;
  transform:translateY(-1px)!important;
}

html body .main.page-nasStorage .nas-access-card:focus-visible,
html[data-theme] body .main.page-nasStorage .nas-access-card:focus-visible{
  outline:0!important;
}

html body .main.page-nasStorage .nas-access-card:is(.active,[aria-selected="true"]),
html[data-theme] body .main.page-nasStorage .nas-access-card:is(.active,[aria-selected="true"]){
  border-color:transparent!important;
  background:var(--mc-model-button-fill-active)!important;
  background-image:var(--mc-model-button-fill-active)!important;
}

html body .main.page-nasStorage .nas-access-card.is-disabled,
html[data-theme] body .main.page-nasStorage .nas-access-card.is-disabled{
  filter:saturate(.25)!important;
  opacity:.62!important;
  cursor:default!important;
}

html body .main.page-nasStorage .nas-access-card.is-locked,
html[data-theme] body .main.page-nasStorage .nas-access-card.is-locked{
  cursor:default!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/access-logs/segments/084-nas-storage-access-logs-segment-03.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/access-center/segments/084-nas-storage-access-center-segment-05.css */

html body .main.page-nasStorage .nas-card-top,
html[data-theme] body .main.page-nasStorage .nas-card-top{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:8px!important;
  min-width:0!important;
}

html body .main.page-nasStorage .nas-card-top>div,
html[data-theme] body .main.page-nasStorage .nas-card-top>div{
  min-width:0!important;
}

html body .main.page-nasStorage .nas-card-top span,
html[data-theme] body .main.page-nasStorage .nas-card-top span{
  color:rgba(244,244,241,.58)!important;
  font-size:11px!important;
  font-weight:740!important;
}

html body .main.page-nasStorage .nas-card-top h2,
html[data-theme] body .main.page-nasStorage .nas-card-top h2{
  margin:0!important;
  color:#f4f4f1!important;
  font-size:var(--mc-type-section-heading,15px)!important;
  line-height:1.18!important;
}

html body .main.page-nasStorage .nas-card-top p,
html[data-theme] body .main.page-nasStorage .nas-card-top p{
  margin:2px 0 0!important;
  color:rgba(244,244,241,.58)!important;
  font-size:11px!important;
  line-height:1.18!important;
  font-weight:720!important;
}

html body .main.page-nasStorage .nas-card-status,
html[data-theme] body .main.page-nasStorage .nas-card-status{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:0!important;
  border-radius:0!important;
  border:0!important;
  color:#a7f3d0!important;
  font-size:11px!important;
  font-weight:760!important;
  background:transparent!important;
}

html body .main.page-nasStorage .nas-card-status.disabled,
html[data-theme] body .main.page-nasStorage .nas-card-status.disabled{
  color:#fecaca!important;
  background:transparent!important;
}

html body .main.page-nasStorage .nas-card-status i,
html[data-theme] body .main.page-nasStorage .nas-card-status i{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#34d399!important;
}

html body .main.page-nasStorage .nas-card-status.disabled i,
html[data-theme] body .main.page-nasStorage .nas-card-status.disabled i{
  background:#9ca3af!important;
}

html body .main.page-nasStorage .nas-card-meta,
html[data-theme] body .main.page-nasStorage .nas-card-meta{
  display:grid!important;
  gap:2px!important;
  margin:0!important;
}

html body .main.page-nasStorage .nas-card-meta div,
html[data-theme] body .main.page-nasStorage .nas-card-meta div{
  display:flex!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  gap:3px!important;
  min-width:0!important;
}

html body .main.page-nasStorage .nas-card-meta dd,
html[data-theme] body .main.page-nasStorage .nas-card-meta dd{
  margin:0!important;
  min-width:0!important;
  color:#f4f4f1!important;
  font-size:11px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:left!important;
}

html body .main.page-nasStorage .nas-card-path,
html[data-theme] body .main.page-nasStorage .nas-card-path{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
  padding:10px 11px!important;
  border-radius:var(--mc-radius-control)!important;
  background:rgba(125,211,252,.075)!important;
}

html body .main.page-nasStorage .nas-card-path span,
html[data-theme] body .main.page-nasStorage .nas-card-path span{
  min-width:0!important;
  color:#e0f2fe!important;
  font-size:13px!important;
  font-weight:780!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html body .main.page-nasStorage .nas-card-path b,
html[data-theme] body .main.page-nasStorage .nas-card-path b{
  flex:0 0 auto!important;
  color:rgba(244,244,241,.62)!important;
  font-size:11px!important;
  font-weight:740!important;
}

html body .main.page-nasStorage .nas-card-people,
html[data-theme] body .main.page-nasStorage .nas-card-people{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  min-height:30px!important;
}

html body .main.page-nasStorage .nas-card-people>span:first-child,
html[data-theme] body .main.page-nasStorage .nas-card-people>span:first-child{
  color:rgba(244,244,241,.58)!important;
  font-size:11px!important;
  flex:0 0 auto!important;
}

html body .main.page-nasStorage .nas-card-people>b,
html[data-theme] body .main.page-nasStorage .nas-card-people>b{
  color:rgba(244,244,241,.72)!important;
  font-size:11px!important;
  font-weight:760!important;
}

html body .main.page-nasStorage .nas-card-people-strip.mc-selected-avatar-strip,
html[data-theme] body .main.page-nasStorage .nas-card-people-strip.mc-selected-avatar-strip{
  display:flex!important;
  flex:0 1 auto!important;
  min-width:0!important;
  gap:0!important;
}

html body .main.page-nasStorage .nas-card-people-strip .mc-selected-avatar-token,
html[data-theme] body .main.page-nasStorage .nas-card-people-strip .mc-selected-avatar-token{
  margin-left:-6px!important;
}

html body .main.page-nasStorage .nas-card-people-strip .mc-selected-avatar-token:first-child,
html[data-theme] body .main.page-nasStorage .nas-card-people-strip .mc-selected-avatar-token:first-child{
  margin-left:0!important;
}

html body .main.page-nasStorage .nas-card-people-strip .avatar,
html[data-theme] body .main.page-nasStorage .nas-card-people-strip .avatar{
  width:24px!important;
  height:24px!important;
  border-radius:50%!important;
  border:1px solid rgba(8,13,18,.86)!important;
}

html body .main.page-nasStorage .nas-card-footer,
html[data-theme] body .main.page-nasStorage .nas-card-footer{
  display:flex!important;
  gap:6px!important;
  align-items:center!important;
  justify-content:flex-end!important;
  margin-top:2px!important;
}

html body .main.page-nasStorage .nas-launch-btn,
html[data-theme] body .main.page-nasStorage .nas-launch-btn,
html body .main.page-nasStorage .nas-edit-btn,
html[data-theme] body .main.page-nasStorage .nas-edit-btn{
  height:24px!important;
  min-width:46px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:var(--mc-radius-control)!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:780!important;
  line-height:1!important;
}

html body .main.page-nasStorage .nas-launch-btn,
html[data-theme] body .main.page-nasStorage .nas-launch-btn{
  color:#082f49!important;
  background:#bae6fd!important;
}

html body .main.page-nasStorage .nas-launch-btn:hover,
html[data-theme] body .main.page-nasStorage .nas-launch-btn:hover{
  transform:translateY(-1px)!important;
}

html body .main.page-nasStorage .nas-launch-btn.disabled,
html body .main.page-nasStorage .nas-launch-btn.locked,
html[data-theme] body .main.page-nasStorage .nas-launch-btn.disabled,
html[data-theme] body .main.page-nasStorage .nas-launch-btn.locked{
  color:#9ca3af!important;
  background:rgba(255,255,255,.055)!important;
}

html body .main.page-nasStorage .nas-launch-btn.loading span,
html[data-theme] body .main.page-nasStorage .nas-launch-btn.loading span{
  display:inline-block!important;
  width:11px!important;
  height:11px!important;
  margin-right:7px!important;
  border-radius:50%!important;
  border:2px solid rgba(0,0,0,.25)!important;
  border-top-color:rgba(0,0,0,.72)!important;
  animation:nas-spin .8s linear infinite!important;
  vertical-align:-2px!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/access-center/segments/084-nas-storage-access-center-segment-05.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/shared/segments/084-nas-storage-shared-segment-02.css */

@keyframes nas-spin{to{transform:rotate(360deg)}}

html body .main.page-nasStorage .nas-edit-btn,
html[data-theme] body .main.page-nasStorage .nas-edit-btn{
  color:#dbeafe!important;
  background:rgba(96,165,250,.10)!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/shared/segments/084-nas-storage-shared-segment-02.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/access-center/segments/084-nas-storage-access-center-segment-06.css */

html body .main.page-nasStorage .nas-card-skeleton i,
html body .main.page-nasStorage .nas-card-skeleton b,
html body .main.page-nasStorage .nas-card-skeleton p,
html body .main.page-nasStorage .nas-card-skeleton em,
html[data-theme] body .main.page-nasStorage .nas-card-skeleton i,
html[data-theme] body .main.page-nasStorage .nas-card-skeleton b,
html[data-theme] body .main.page-nasStorage .nas-card-skeleton p,
html[data-theme] body .main.page-nasStorage .nas-card-skeleton em{
  display:block!important;
  border-radius:8px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.055),rgba(255,255,255,.12),rgba(255,255,255,.055))!important;
  min-height:16px!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/access-center/segments/084-nas-storage-access-center-segment-06.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/shared/segments/084-nas-storage-shared-segment-03.css */

html body .main.page-nasStorage .nas-empty-state,
html[data-theme] body .main.page-nasStorage .nas-empty-state{
  display:grid!important;
  place-items:center!important;
  gap:6px!important;
  min-height:190px!important;
  border:1px dashed rgba(244,244,241,.14)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.025)!important;
  color:rgba(244,244,241,.72)!important;
  text-align:center!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/shared/segments/084-nas-storage-shared-segment-03.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/access-center/segments/084-nas-storage-access-center-segment-07.css */

html body .main.page-nasStorage .nas-panel-head,
html[data-theme] body .main.page-nasStorage .nas-panel-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:10px!important;
  padding:14px 14px 0!important;
}

html body .main.page-nasStorage .nas-panel-head h2,
html[data-theme] body .main.page-nasStorage .nas-panel-head h2{
  margin:0!important;
  color:#f4f4f1!important;
  font-size:var(--mc-type-section-heading,15px)!important;
}

html body .main.page-nasStorage .nas-panel-head p,
html[data-theme] body .main.page-nasStorage .nas-panel-head p{
  margin:4px 0 0!important;
  color:rgba(244,244,241,.55)!important;
  font-size:11px!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/access-center/segments/084-nas-storage-access-center-segment-07.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/access-logs/segments/084-nas-storage-access-logs-segment-04.css */

html body .main.page-nasStorage .nas-log-list,
html[data-theme] body .main.page-nasStorage .nas-log-list{
  display:grid!important;
  gap:0!important;
  padding:8px 0 0!important;
}

html body .main.page-nasStorage .nas-log-row,
html[data-theme] body .main.page-nasStorage .nas-log-row{
  display:grid!important;
  grid-template-columns:8px minmax(110px,1fr) minmax(80px,.7fr) 108px minmax(120px,1.1fr)!important;
  gap:8px!important;
  align-items:center!important;
  padding:8px 10px!important;
  border-radius:10px!important;
  border:0!important;
  box-shadow:none!important;
  background:rgba(0,0,0,.16)!important;
  color:rgba(244,244,241,.78)!important;
  font-size:11px!important;
}

html body .main.page-nasStorage .nas-log-row:nth-child(odd),
html[data-theme] body .main.page-nasStorage .nas-log-row:nth-child(odd){
  background:rgba(255,255,255,.038)!important;
  backdrop-filter:blur(16px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(130%)!important;
}

html body .main.page-nasStorage .nas-log-row:nth-child(even),
html[data-theme] body .main.page-nasStorage .nas-log-row:nth-child(even){
  background:rgba(0,0,0,.16)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html body .main.page-nasStorage .nas-log-row span,
html[data-theme] body .main.page-nasStorage .nas-log-row span{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#34d399!important;
}

html body .main.page-nasStorage .nas-log-row.error span,
html[data-theme] body .main.page-nasStorage .nas-log-row.error span{
  background:#fb7185!important;
}

html body .main.page-nasStorage .nas-log-row b,
html body .main.page-nasStorage .nas-log-row em,
html body .main.page-nasStorage .nas-log-row small,
html body .main.page-nasStorage .nas-log-row i,
html[data-theme] body .main.page-nasStorage .nas-log-row b,
html[data-theme] body .main.page-nasStorage .nas-log-row em,
html[data-theme] body .main.page-nasStorage .nas-log-row small,
html[data-theme] body .main.page-nasStorage .nas-log-row i{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-style:normal!important;
}

html body .main.page-nasStorage .nas-log-empty,
html[data-theme] body .main.page-nasStorage .nas-log-empty{
  padding:18px 14px!important;
  color:rgba(244,244,241,.58)!important;
  font-size:12px!important;
}

html body .main.page-nasStorage .nas-log-panel,
html[data-theme] body .main.page-nasStorage .nas-log-panel{
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  border-radius:0!important;
}

html body .main.page-nasStorage .nas-log-panel .pager,
html[data-theme] body .main.page-nasStorage .nas-log-panel .pager{
  margin-top:10px!important;
}

html body #modal .nas-access-log-rail .nas-log-panel,
html[data-theme] body #modal .nas-access-log-rail .nas-log-panel{
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  border-radius:0!important;
}

html body #modal .nas-access-log-rail .nas-panel-head,
html[data-theme] body #modal .nas-access-log-rail .nas-panel-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:10px!important;
  padding:0 0 10px!important;
}

html body #modal .nas-access-log-rail .nas-panel-head h2,
html[data-theme] body #modal .nas-access-log-rail .nas-panel-head h2{
  margin:0!important;
  color:#f4f4f1!important;
  font-size:var(--mc-type-section-heading,15px)!important;
}

html body #modal .nas-access-log-rail .nas-panel-head p,
html[data-theme] body #modal .nas-access-log-rail .nas-panel-head p{
  margin:4px 0 0!important;
  color:rgba(244,244,241,.55)!important;
  font-size:11px!important;
}

html body #modal .nas-access-log-rail .nas-log-list,
html[data-theme] body #modal .nas-access-log-rail .nas-log-list{
  display:grid!important;
  gap:0!important;
}

html body #modal .nas-access-log-rail .nas-log-row,
html[data-theme] body #modal .nas-access-log-rail .nas-log-row{
  display:grid!important;
  grid-template-columns:8px minmax(110px,1fr) minmax(80px,.7fr) 108px minmax(120px,1.1fr)!important;
  gap:8px!important;
  align-items:center!important;
  padding:8px 10px!important;
  border-radius:var(--mc-radius-control)!important;
  border:0!important;
  box-shadow:none!important;
  background:rgba(0,0,0,.16)!important;
  color:rgba(244,244,241,.78)!important;
  font-size:11px!important;
}

html body #modal .nas-access-log-rail .nas-log-row:nth-child(odd),
html[data-theme] body #modal .nas-access-log-rail .nas-log-row:nth-child(odd){
  background:rgba(255,255,255,.038)!important;
  backdrop-filter:blur(16px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(130%)!important;
}

html body #modal .nas-access-log-rail .nas-log-row:nth-child(even),
html[data-theme] body #modal .nas-access-log-rail .nas-log-row:nth-child(even){
  background:rgba(0,0,0,.16)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html body #modal .nas-access-log-rail .nas-log-row span,
html[data-theme] body #modal .nas-access-log-rail .nas-log-row span{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#34d399!important;
}

html body #modal .nas-access-log-rail .nas-log-row.error span,
html[data-theme] body #modal .nas-access-log-rail .nas-log-row.error span{background:#fb7185!important}

html body #modal .nas-access-log-rail .nas-log-row b,
html body #modal .nas-access-log-rail .nas-log-row em,
html body #modal .nas-access-log-rail .nas-log-row small,
html body #modal .nas-access-log-rail .nas-log-row i,
html[data-theme] body #modal .nas-access-log-rail .nas-log-row b,
html[data-theme] body #modal .nas-access-log-rail .nas-log-row em,
html[data-theme] body #modal .nas-access-log-rail .nas-log-row small,
html[data-theme] body #modal .nas-access-log-rail .nas-log-row i{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-style:normal!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/access-logs/segments/084-nas-storage-access-logs-segment-04.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/rooms/segments/084-nas-storage-rooms-segment-02.css */

html body .main.page-nasStorage .nas-client-room-map-panel,
html[data-theme] body .main.page-nasStorage .nas-client-room-map-panel{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  gap:12px!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

html body .main.page-nasStorage .nas-client-room-map-panel .nas-panel-head,
html[data-theme] body .main.page-nasStorage .nas-client-room-map-panel .nas-panel-head{
  padding:4px 0 0!important;
  align-items:flex-start!important;
}

html body .main.page-nasStorage .nas-capacity-trend-panel .nas-capacity-head,
html[data-theme] body .main.page-nasStorage .nas-capacity-trend-panel .nas-capacity-head{
  justify-content:flex-start!important;
  align-items:center!important;
  padding:4px 0 0!important;
  gap:12px!important;
}

html body .main.page-nasStorage .nas-room-panel-tools,
html[data-theme] body .main.page-nasStorage .nas-room-panel-tools{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:0!important;
  min-width:max-content!important;
  margin-left:auto!important;
  padding-top:1px!important;
}

html body .main.page-nasStorage .nas-room-panel-tools .nas-room-left-rail,
html[data-theme] body .main.page-nasStorage .nas-room-panel-tools .nas-room-left-rail,
html body .main.page-nasStorage .nas-room-panel-tools .nas-room-toolbar-org > .employee-org-hover-panel,
html[data-theme] body .main.page-nasStorage .nas-room-panel-tools .nas-room-toolbar-org > .employee-org-hover-panel,
html body .main.page-nasStorage .nas-room-panel-tools .nas-room-toolbar-org .employee-org-tree-title.org-tree-root,
html[data-theme] body .main.page-nasStorage .nas-room-panel-tools .nas-room-toolbar-org .employee-org-tree-title.org-tree-root{
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  background-image:none!important;
}

html body .main.page-nasStorage .nas-room-panel-tools .nas-room-toolbar-org > .employee-org-hover-panel,
html[data-theme] body .main.page-nasStorage .nas-room-panel-tools .nas-room-toolbar-org > .employee-org-hover-panel{
  margin:0!important;
}

html body .main.page-nasStorage .nas-room-panel-tools .nas-room-toolbar-org .employee-org-tree-title.org-tree-root,
html[data-theme] body .main.page-nasStorage .nas-room-panel-tools .nas-room-toolbar-org .employee-org-tree-title.org-tree-root{
  align-items:center!important;
}

html body .main.page-nasStorage .nas-client-room-map-panel .nas-room-panel-tools>.nas-room-count-triplet,
html[data-theme] body .main.page-nasStorage .nas-client-room-map-panel .nas-room-panel-tools>.nas-room-count-triplet{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:46px!important;
  height:24px!important;
  border-radius:0!important;
  color:#8bdfff!important;
  background:transparent!important;
  font-size:13px!important;
  font-weight:800!important;
  box-shadow:none!important;
}

html body .main.page-nasStorage .nas-client-room-map,
html[data-theme] body .main.page-nasStorage .nas-client-room-map{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(238px,1fr))!important;
  gap:16px!important;
  width:100%!important;
  min-width:0!important;
}

html body .main.page-nasStorage .nas-room-workspace,
html[data-theme] body .main.page-nasStorage .nas-room-workspace{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
  align-items:start!important;
  min-width:0!important;
}

html body .main.page-nasStorage .nas-room-left-rail,
html[data-theme] body .main.page-nasStorage .nas-room-left-rail{
  width:auto!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  display:inline-flex!important;
  align-items:center!important;
  align-self:start!important;
  min-width:0!important;
  overflow:visible!important;
  position:relative!important;
  z-index:8!important;
}

html body .main.page-nasStorage .nas-room-layout-title-row,
html[data-theme] body .main.page-nasStorage .nas-room-layout-title-row{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  min-width:0!important;
}

html body .main.page-nasStorage .nas-room-toolbar-org > .employee-org-hover-panel,
html[data-theme] body .main.page-nasStorage .nas-room-toolbar-org > .employee-org-hover-panel{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  position:relative!important;
  overflow:visible!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

html body .main.page-nasStorage .nas-room-toolbar-org > .employee-org-hover-panel::after,
html[data-theme] body .main.page-nasStorage .nas-room-toolbar-org > .employee-org-hover-panel::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:100%!important;
  width:268px!important;
  height:22px!important;
  pointer-events:auto!important;
  background:transparent!important;
  z-index:8199!important;
}

html body .main.page-nasStorage .nas-room-toolbar-org .employee-org-tree-title.org-tree-root,
html[data-theme] body .main.page-nasStorage .nas-room-toolbar-org .employee-org-tree-title.org-tree-root{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  grid-template-columns:none!important;
  width:auto!important;
  min-width:0!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  padding:0 8px!important;
  gap:12px!important;
  border:0!important;
  outline:0!important;
  border-radius:var(--mc-radius-control)!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#f4f4f1!important;
  font-size:13px!important;
  line-height:18px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body .main.page-nasStorage .nas-room-toolbar-org .employee-org-tree-title.org-tree-root > b,
html[data-theme] body .main.page-nasStorage .nas-room-toolbar-org .employee-org-tree-title.org-tree-root > b{
  display:inline-flex!important;
  align-items:center!important;
  height:24px!important;
  line-height:24px!important;
  font-size:13px!important;
  font-weight:800!important;
}

html body .main.page-nasStorage .nas-room-toolbar-org .employee-org-tree-title.org-tree-root > .org-tree-count,
html[data-theme] body .main.page-nasStorage .nas-room-toolbar-org .employee-org-tree-title.org-tree-root > .org-tree-count{
  display:none!important;
}

html body .main.page-nasStorage .nas-room-toolbar-org .employee-org-hover-panel:hover .employee-org-tree-title.org-tree-root,
html body .main.page-nasStorage .nas-room-toolbar-org .employee-org-hover-panel:focus-within .employee-org-tree-title.org-tree-root,
html[data-theme] body .main.page-nasStorage .nas-room-toolbar-org .employee-org-hover-panel:hover .employee-org-tree-title.org-tree-root,
html[data-theme] body .main.page-nasStorage .nas-room-toolbar-org .employee-org-hover-panel:focus-within .employee-org-tree-title.org-tree-root{
  color:#f4f4f1!important;
  background:var(--mc-model-button-fill-hover,linear-gradient(115deg,rgba(126,240,164,.18),rgba(104,216,255,.16),rgba(177,156,255,.15)))!important;
  background-image:var(--mc-model-button-fill-hover,linear-gradient(115deg,rgba(126,240,164,.18),rgba(104,216,255,.16),rgba(177,156,255,.15)))!important;
}

html body .main.page-nasStorage .nas-room-toolbar-org .employee-org-tree-title.org-tree-root.nas-room-header-trigger .nas-room-count-triplet,
html[data-theme] body .main.page-nasStorage .nas-room-toolbar-org .employee-org-tree-title.org-tree-root.nas-room-header-trigger .nas-room-count-triplet{
  height:24px!important;
  align-items:center!important;
  font-size:13px!important;
  line-height:1!important;
}

html body .main.page-nasStorage .nas-room-toolbar-org .employee-org-tree-title.org-tree-root.nas-room-header-trigger .nas-room-count-triplet em,
html[data-theme] body .main.page-nasStorage .nas-room-toolbar-org .employee-org-tree-title.org-tree-root.nas-room-header-trigger .nas-room-count-triplet em{
  margin:0 5px!important;
}

html body .main.page-nasStorage .nas-room-toolbar-org .employee-org-flyout,
html[data-theme] body .main.page-nasStorage .nas-room-toolbar-org .employee-org-flyout{
  position:absolute!important;
  left:0!important;
  right:auto!important;
  top:calc(100% + 4px)!important;
  width:268px!important;
  min-width:268px!important;
  max-width:268px!important;
  max-height:calc(100dvh - var(--mc-head-h,76px) - 84px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:none!important;
  overscroll-behavior:contain!important;
  padding:10px!important;
  border:0!important;
  border-radius:var(--mc-radius-control)!important;
  background:rgba(255,255,255,.012)!important;
  background-color:rgba(255,255,255,.012)!important;
  background-image:
    radial-gradient(720px 180px at 14% 0%,rgba(255,255,255,.075),transparent 78%),
    linear-gradient(180deg,rgba(255,255,255,.030),rgba(255,255,255,.006))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.085),inset 0 0 0 1px rgba(255,255,255,.030)!important;
  -webkit-backdrop-filter:blur(32px) saturate(1.14) brightness(1.08)!important;
  backdrop-filter:blur(32px) saturate(1.14) brightness(1.08)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(-4px) scale(.992)!important;
  transform-origin:top left!important;
  transition:opacity .14s ease .05s,visibility 0s linear .20s,transform .16s cubic-bezier(.18,.82,.22,1) .05s!important;
  z-index:8200!important;
}

html body .main.page-nasStorage .nas-room-toolbar-org .employee-org-flyout::-webkit-scrollbar,
html[data-theme] body .main.page-nasStorage .nas-room-toolbar-org .employee-org-flyout::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}

html body .main.page-nasStorage .nas-room-toolbar-org .employee-org-hover-panel:hover .employee-org-flyout,
html body .main.page-nasStorage .nas-room-toolbar-org .employee-org-hover-panel:focus-within .employee-org-flyout,
html[data-theme] body .main.page-nasStorage .nas-room-toolbar-org .employee-org-hover-panel:hover .employee-org-flyout,
html[data-theme] body .main.page-nasStorage .nas-room-toolbar-org .employee-org-hover-panel:focus-within .employee-org-flyout{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0) scale(1)!important;
  transition:opacity .12s ease,visibility 0s linear,transform .15s cubic-bezier(.18,.82,.22,1)!important;
}

html body .main.page-nasStorage .nas-room-toolbar-org .employee-org-flyout-inner,
html[data-theme] body .main.page-nasStorage .nas-room-toolbar-org .employee-org-flyout-inner{
  display:grid!important;
  gap:4px!important;
  max-height:none!important;
  overflow:hidden!important;
  padding:0!important;
}

html body .main.page-nasStorage .nas-room-toolbar-org .nas-room-floor-row,
html[data-theme] body .main.page-nasStorage .nas-room-toolbar-org .nas-room-floor-row{
  width:100%!important;
  min-height:31px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  padding:5px 8px!important;
  border:0!important;
  border-radius:var(--mc-radius-control)!important;
  background:transparent!important;
  color:rgba(244,244,241,.72)!important;
  box-shadow:none!important;
  cursor:pointer!important;
  font-size:13px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}

html body .main.page-nasStorage .nas-room-toolbar-org .nas-room-floor-row:hover,
html body .main.page-nasStorage .nas-room-toolbar-org .nas-room-floor-row.active,
html[data-theme] body .main.page-nasStorage .nas-room-toolbar-org .nas-room-floor-row:hover,
html[data-theme] body .main.page-nasStorage .nas-room-toolbar-org .nas-room-floor-row.active{
  color:#f4f4f1!important;
  background:var(--mc-model-button-fill-hover,rgba(255,255,255,.07))!important;
}

html body .main.page-nasStorage .nas-room-toolbar-org .nas-room-floor-row.active,
html[data-theme] body .main.page-nasStorage .nas-room-toolbar-org .nas-room-floor-row.active{
  background:var(--mc-model-button-fill-active,linear-gradient(115deg,rgba(126,240,164,.205),rgba(103,126,255,.19),rgba(248,205,126,.205)))!important;
}

html body .main.page-nasStorage .nas-room-toolbar-org .nas-room-floor-row .org-tree-name,
html[data-theme] body .main.page-nasStorage .nas-room-toolbar-org .nas-room-floor-row .org-tree-name{
  font-size:13px!important;
  line-height:1!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html body .main.page-nasStorage .nas-room-toolbar-org .nas-room-floor-row .nas-room-count-triplet,
html[data-theme] body .main.page-nasStorage .nas-room-toolbar-org .nas-room-floor-row .nas-room-count-triplet{
  flex:0 0 auto!important;
  font-size:12px!important;
  line-height:1!important;
  white-space:nowrap!important;
}

html body .main.page-nasStorage .nas-room-count-triplet,
html[data-theme] body .main.page-nasStorage .nas-room-count-triplet{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:3px!important;
  min-width:max-content!important;
  color:rgba(244,244,241,.72)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  font-style:normal!important;
  white-space:nowrap!important;
}

html body .main.page-nasStorage .nas-room-count-triplet i,
html body .main.page-nasStorage .nas-room-count-triplet em,
html[data-theme] body .main.page-nasStorage .nas-room-count-triplet i,
html[data-theme] body .main.page-nasStorage .nas-room-count-triplet em{
  display:inline-block!important;
  margin:0!important;
  padding:0!important;
  font:inherit!important;
  font-style:normal!important;
  line-height:1!important;
}

html body .main.page-nasStorage .nas-room-count-triplet i,
html[data-theme] body .main.page-nasStorage .nas-room-count-triplet i{
  min-width:2ch!important;
  text-align:right!important;
  font-variant-numeric:tabular-nums!important;
}

html body .main.page-nasStorage .nas-room-count-triplet .nas-room-count-unit,
html[data-theme] body .main.page-nasStorage .nas-room-count-triplet .nas-room-count-unit{
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  white-space:nowrap!important;
}

html body .main.page-nasStorage .nas-room-count-triplet .nas-room-count-unit small,
html[data-theme] body .main.page-nasStorage .nas-room-count-triplet .nas-room-count-unit small{
  display:inline-block!important;
  margin:0!important;
  padding:0!important;
  color:rgba(244,244,241,.68)!important;
  font:inherit!important;
  font-size:.84em!important;
  font-weight:760!important;
  line-height:1!important;
}

html body .main.page-nasStorage .nas-room-count-triplet .nas-room-count-nas,
html[data-theme] body .main.page-nasStorage .nas-room-count-triplet .nas-room-count-nas{
  color:#68d8ff!important;
}

html body .main.page-nasStorage .nas-room-count-triplet .nas-room-count-pc,
html[data-theme] body .main.page-nasStorage .nas-room-count-triplet .nas-room-count-pc{
  color:#7ef0a4!important;
}

html body .main.page-nasStorage .nas-room-count-triplet .nas-room-count-offline,
html[data-theme] body .main.page-nasStorage .nas-room-count-triplet .nas-room-count-offline{
  color:#ff8f9b!important;
}

html body .main.page-nasStorage .nas-room-count-triplet .nas-room-count-upgrade,
html[data-theme] body .main.page-nasStorage .nas-room-count-triplet .nas-room-count-upgrade{
  color:#ffd166!important;
}

html body .main.page-nasStorage .nas-room-count-triplet .nas-room-count-total,
html[data-theme] body .main.page-nasStorage .nas-room-count-triplet .nas-room-count-total{
  color:rgba(244,244,241,.82)!important;
}

html body .main.page-nasStorage .nas-panel-head>.nas-room-count-triplet,
html body .main.page-nasStorage .live-floor-detail-head b .nas-room-count-triplet,
html[data-theme] body .main.page-nasStorage .nas-panel-head>.nas-room-count-triplet,
html[data-theme] body .main.page-nasStorage .live-floor-detail-head b .nas-room-count-triplet{
  font-size:13px!important;
  gap:5px!important;
}

html body .main.page-nasStorage .nas-room-count-triplet.labeled,
html[data-theme] body .main.page-nasStorage .nas-room-count-triplet.labeled{
  align-items:center!important;
  color:rgba(244,244,241,.78)!important;
}

html body .main.page-nasStorage .nas-room-floor-panel,
html[data-theme] body .main.page-nasStorage .nas-room-floor-panel{
  display:grid!important;
  gap:10px!important;
  min-width:0!important;
}

html body .main.page-nasStorage .nas-room-grid,
html[data-theme] body .main.page-nasStorage .nas-room-grid{
  display:grid!important;
  gap:8px!important;
  min-width:0!important;
}

html body .main.page-nasStorage .nas-room-cell,
html[data-theme] body .main.page-nasStorage .nas-room-cell{
  min-width:0!important;
  min-height:122px!important;
  position:relative!important;
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  gap:5px!important;
  padding:7px 8px 22px!important;
  border:.5px solid var(--live-room-floor-edge,rgba(184,200,189,.34))!important;
  border-radius:var(--mc-radius-control)!important;
  background:
    radial-gradient(circle at 50% 42%,var(--live-room-floor-glow,rgba(138,163,149,.16)),transparent 64%),
    linear-gradient(145deg,var(--live-room-floor-fill,rgba(71,91,81,.24)),rgba(255,255,255,.022))!important;
  color:#f4f4f1!important;
  box-shadow:none!important;
  text-align:left!important;
  cursor:pointer!important;
}

html body .main.page-nasStorage .nas-room-cell:hover,
html[data-theme] body .main.page-nasStorage .nas-room-cell:hover{
  border-color:var(--live-room-floor-edge,rgba(139,223,255,.42))!important;
  background:transparent!important;
  transform:translateY(-1px)!important;
}

html body .main.page-nasStorage .nas-room-cell.on,
html[data-theme] body .main.page-nasStorage .nas-room-cell.on{
  --live-room-floor-edge:rgba(104,216,255,.46);
  --live-room-floor-fill:transparent;
  --live-room-floor-glow:transparent;
  --live-room-floor-dot:#68d8ff;
}

html body .main.page-nasStorage .nas-room-cell.nas-on,
html[data-theme] body .main.page-nasStorage .nas-room-cell.nas-on{
  --live-room-floor-edge:rgba(104,216,255,.46);
  --live-room-floor-fill:transparent;
  --live-room-floor-glow:transparent;
  --live-room-floor-dot:#68d8ff;
}

html body .main.page-nasStorage .nas-room-cell.pc-on,
html[data-theme] body .main.page-nasStorage .nas-room-cell.pc-on{
  --live-room-floor-edge:rgba(126,240,164,.58);
  --live-room-floor-fill:transparent;
  --live-room-floor-glow:transparent;
  --live-room-floor-dot:#7ef0a4;
}

html body .main.page-nasStorage .nas-room-cell.nas-offline,
html[data-theme] body .main.page-nasStorage .nas-room-cell.nas-offline{
  --live-room-floor-edge:rgba(255,107,107,.62);
  --live-room-floor-fill:rgba(255,107,107,.055);
  --live-room-floor-glow:rgba(255,107,107,.055);
  --live-room-floor-dot:#ff6b6b;
}

html body .main.page-nasStorage .nas-room-cell.idle,
html[data-theme] body .main.page-nasStorage .nas-room-cell.idle{
  --live-room-floor-edge:rgba(244,244,241,.12);
  --live-room-floor-fill:rgba(244,244,241,.035);
  --live-room-floor-glow:rgba(244,244,241,.045);
  --live-room-floor-dot:rgba(244,244,241,.36);
}

html body .main.page-nasStorage .nas-room-cell .live-floor-detail-status,
html[data-theme] body .main.page-nasStorage .nas-room-cell .live-floor-detail-status{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  min-width:0!important;
}

html body .main.page-nasStorage .nas-room-cell .live-floor-detail-status i,
html[data-theme] body .main.page-nasStorage .nas-room-cell .live-floor-detail-status i{
  width:7px!important;
  height:7px!important;
  flex:0 0 7px!important;
  border-radius:50%!important;
  background:var(--live-room-floor-dot,#8bdfff)!important;
  box-shadow:0 0 0 3px var(--live-room-floor-glow,rgba(139,223,255,.1))!important;
}

html body .main.page-nasStorage .nas-room-cell .live-floor-detail-status span,
html[data-theme] body .main.page-nasStorage .nas-room-cell .live-floor-detail-status span{
  color:#f4f4f1!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html body .main.page-nasStorage .nas-room-cell .live-floor-detail-status .nas-room-top-ip,
html[data-theme] body .main.page-nasStorage .nas-room-cell .live-floor-detail-status .nas-room-top-ip{
  display:inline!important;
  margin-left:12px!important;
  color:rgba(139,223,255,.82)!important;
  font-size:10px!important;
  font-weight:780!important;
  line-height:1!important;
  vertical-align:baseline!important;
}

html body .main.page-nasStorage .nas-room-cell .live-floor-detail-status .nas-room-host-alias,
html[data-theme] body .main.page-nasStorage .nas-room-cell .live-floor-detail-status .nas-room-host-alias{
  display:inline!important;
  margin-left:4px!important;
  color:rgba(244,244,241,.68)!important;
  font-size:10px!important;
  font-weight:780!important;
  line-height:1!important;
  vertical-align:baseline!important;
}

html body .main.page-nasStorage .nas-room-cell .live-floor-detail-status em,
html[data-theme] body .main.page-nasStorage .nas-room-cell .live-floor-detail-status em{
  margin-left:auto!important;
  color:#f4f4f1!important;
  font-size:9.5px!important;
  font-weight:860!important;
  line-height:1!important;
  font-style:normal!important;
  white-space:nowrap!important;
}

html body .main.page-nasStorage .nas-room-cell .live-floor-detail-status .nas-room-power-state,
html[data-theme] body .main.page-nasStorage .nas-room-cell .live-floor-detail-status .nas-room-power-state{
  display:inline!important;
  color:rgba(244,244,241,.9)!important;
  font:inherit!important;
  line-height:inherit!important;
}

html body .main.page-nasStorage .nas-room-cell .live-floor-detail-status .nas-room-power-state strong,
html[data-theme] body .main.page-nasStorage .nas-room-cell .live-floor-detail-status .nas-room-power-state strong{
  display:inline!important;
  font:inherit!important;
  font-weight:930!important;
  line-height:inherit!important;
}

html body .main.page-nasStorage .nas-room-cell .live-floor-detail-status .nas-room-power-state.on strong,
html[data-theme] body .main.page-nasStorage .nas-room-cell .live-floor-detail-status .nas-room-power-state.on strong{
  color:#7ef0a4!important;
}

html body .main.page-nasStorage .nas-room-cell .live-floor-detail-status .nas-room-power-state.off strong,
html[data-theme] body .main.page-nasStorage .nas-room-cell .live-floor-detail-status .nas-room-power-state.off strong{
  color:#ff6b6b!important;
}

html body .main.page-nasStorage .nas-room-update-badge,
html[data-theme] body .main.page-nasStorage .nas-room-update-badge{
  position:absolute!important;
  right:8px!important;
  bottom:7px!important;
  max-width:calc(100% - 16px)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:9.5px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:0!important;
  pointer-events:auto!important;
}

html body .main.page-nasStorage .nas-room-update-badge.latest,
html[data-theme] body .main.page-nasStorage .nas-room-update-badge.latest{
  color:#f3c66f!important;
}

html body .main.page-nasStorage .nas-room-update-badge.stale,
html[data-theme] body .main.page-nasStorage .nas-room-update-badge.stale{
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  color:#f4f4f1!important;
}

html body .main.page-nasStorage .nas-room-update-badge.stale .nas-room-update-flag,
html[data-theme] body .main.page-nasStorage .nas-room-update-badge.stale .nas-room-update-flag{
  color:#ff6b6b!important;
  font-weight:930!important;
}

html body .main.page-nasStorage .nas-room-update-badge.stale .nas-room-update-mark,
html[data-theme] body .main.page-nasStorage .nas-room-update-badge.stale .nas-room-update-mark{
  color:#ff6b6b!important;
  font-size:10px!important;
  font-weight:950!important;
  line-height:1!important;
  -webkit-text-stroke:.25px currentColor!important;
}

html body .main.page-nasStorage .nas-room-update-badge.stale .nas-room-update-version,
html[data-theme] body .main.page-nasStorage .nas-room-update-badge.stale .nas-room-update-version{
  color:#f4f4f1!important;
  font-weight:900!important;
}

html body .main.page-nasStorage .nas-room-main,
html body .main.page-nasStorage .nas-room-cell small,
html body .main.page-nasStorage .nas-room-cell em,
html body .main.page-nasStorage .nas-room-update-badge,
html body .main.page-nasStorage .nas-room-field-line,
html body .main.page-nasStorage .nas-room-field-line i,
html body .main.page-nasStorage .nas-room-ident-line,
html body .main.page-nasStorage .nas-room-ident-line i,
html[data-theme] body .main.page-nasStorage .nas-room-main,
html[data-theme] body .main.page-nasStorage .nas-room-cell small,
html[data-theme] body .main.page-nasStorage .nas-room-cell em,
html[data-theme] body .main.page-nasStorage .nas-room-update-badge,
html[data-theme] body .main.page-nasStorage .nas-room-field-line,
html[data-theme] body .main.page-nasStorage .nas-room-field-line i,
html[data-theme] body .main.page-nasStorage .nas-room-ident-line,
html[data-theme] body .main.page-nasStorage .nas-room-ident-line i{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-style:normal!important;
}

html body .main.page-nasStorage .nas-room-main,
html[data-theme] body .main.page-nasStorage .nas-room-main{
  color:#f4f4f1!important;
  font-size:12px!important;
  line-height:1.1!important;
}

html body .main.page-nasStorage .nas-room-cell small,
html[data-theme] body .main.page-nasStorage .nas-room-cell small{
  color:#8bdfff!important;
  font-size:10.5px!important;
  font-weight:820!important;
}

html body .main.page-nasStorage .nas-room-top-heartbeat,
html[data-theme] body .main.page-nasStorage .nas-room-top-heartbeat{
  display:inline-flex!important;
  align-items:center!important;
  max-width:78px!important;
  margin-left:5px!important;
  vertical-align:middle!important;
  font-size:10.5px!important;
  line-height:1!important;
}

html body .main.page-nasStorage .nas-room-top-heartbeat .nas-room-task-token,
html[data-theme] body .main.page-nasStorage .nas-room-top-heartbeat .nas-room-task-token{
  min-height:14px!important;
  padding:2px 5px!important;
  border-radius:999px!important;
  font-size:8px!important;
  line-height:1!important;
  max-width:78px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html body .main.page-nasStorage .nas-room-cell em,
html[data-theme] body .main.page-nasStorage .nas-room-cell em{
  color:rgba(244,244,241,.5)!important;
  font-size:10px!important;
}

html body .main.page-nasStorage .nas-room-ident-grid,
html[data-theme] body .main.page-nasStorage .nas-room-ident-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:4px 10px!important;
  min-width:0!important;
}

html body .main.page-nasStorage .nas-room-ident-line,
html[data-theme] body .main.page-nasStorage .nas-room-ident-line{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body .main.page-nasStorage .nas-room-ident-line b,
html[data-theme] body .main.page-nasStorage .nas-room-ident-line b{
  color:rgba(244,244,241,.5)!important;
  font-size:9.5px!important;
  font-weight:900!important;
  line-height:1!important;
}

html body .main.page-nasStorage .nas-room-ident-line i,
html[data-theme] body .main.page-nasStorage .nas-room-ident-line i{
  color:#f4f4f1!important;
  font-size:10px!important;
  font-weight:860!important;
  line-height:1.05!important;
  font-style:normal!important;
}

html body .main.page-nasStorage .nas-room-field-grid,
html[data-theme] body .main.page-nasStorage .nas-room-field-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 190px!important;
  gap:3px 4px!important;
  min-width:0!important;
  align-self:stretch!important;
  align-items:center!important;
}

html body .main.page-nasStorage .nas-room-field-col,
html[data-theme] body .main.page-nasStorage .nas-room-field-col{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}

html body .main.page-nasStorage .nas-room-field-line,
html[data-theme] body .main.page-nasStorage .nas-room-field-line{
  display:grid!important;
  grid-template-columns:31px minmax(0,1fr)!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  min-height:16px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body .main.page-nasStorage .nas-room-field-line.sync,
html[data-theme] body .main.page-nasStorage .nas-room-field-line.sync{
  grid-column:auto!important;
  align-items:start!important;
}

html body .main.page-nasStorage .nas-room-capacity-pie,
html[data-theme] body .main.page-nasStorage .nas-room-capacity-pie{
  --nas-room-capacity-color:#7ef0a4;
  --nas-room-capacity-rest:rgba(244,244,241,.13);
  display:grid!important;
  grid-template-columns:100px minmax(0,74px)!important;
  justify-self:stretch!important;
  justify-items:start!important;
  align-items:center!important;
  align-content:center!important;
  column-gap:7px!important;
  row-gap:0!important;
  min-width:190px!important;
  max-width:190px!important;
  padding-left:0!important;
  box-sizing:border-box!important;
  color:#f4f4f1!important;
  transform:translate(-30px,-11px)!important;
}

html body .main.page-nasStorage .nas-room-capacity-pie.is-level-warn,
html[data-theme] body .main.page-nasStorage .nas-room-capacity-pie.is-level-warn{
  --nas-room-capacity-color:#f3c66f;
  --nas-room-capacity-rest:rgba(244,244,241,.135);
}

html body .main.page-nasStorage .nas-room-capacity-pie.is-level-danger,
html[data-theme] body .main.page-nasStorage .nas-room-capacity-pie.is-level-danger{
  --nas-room-capacity-color:#ff8290;
  --nas-room-capacity-rest:rgba(244,244,241,.12);
}

html body .main.page-nasStorage .nas-room-capacity-disc,
html[data-theme] body .main.page-nasStorage .nas-room-capacity-disc{
  position:relative!important;
  width:100px!important;
  height:100px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:
    radial-gradient(circle at center,rgba(7,9,13,.98) 0 39%,transparent 40%),
    radial-gradient(circle at 30% 23%,rgba(255,255,255,.26),transparent 0 12%,transparent 29%),
    radial-gradient(circle at 72% 76%,rgba(104,216,255,.13),transparent 0 18%,transparent 36%),
    conic-gradient(from -90deg,var(--nas-room-capacity-color) 0 var(--nas-room-used),var(--nas-room-capacity-rest) var(--nas-room-used),rgba(104,216,255,.22) var(--nas-room-used) 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(244,244,241,.10)!important;
  isolation:isolate!important;
}

html body .main.page-nasStorage .nas-room-capacity-disc::before,
html[data-theme] body .main.page-nasStorage .nas-room-capacity-disc::before{
  content:none!important;
  display:none!important;
}

html body .main.page-nasStorage .nas-room-capacity-disc::after,
html[data-theme] body .main.page-nasStorage .nas-room-capacity-disc::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 32%,rgba(255,255,255,.06) 58%,transparent)!important;
  mix-blend-mode:screen!important;
  opacity:.54!important;
  pointer-events:none!important;
  z-index:1!important;
}

html body .main.page-nasStorage .nas-room-capacity-limit,
html[data-theme] body .main.page-nasStorage .nas-room-capacity-limit{
  position:absolute!important;
  left:50%!important;
  top:0!important;
  width:1px!important;
  height:50%!important;
  border-radius:999px!important;
  transform-origin:50% 100%!important;
  transform:translateX(-50%) rotate(var(--nas-room-threshold-angle,360deg))!important;
  background:linear-gradient(to bottom,#ff6b6b 0 23px,transparent 23px 100%)!important;
  box-shadow:0 0 3px rgba(255,107,107,.28)!important;
  pointer-events:none!important;
  z-index:2!important;
}

html body .main.page-nasStorage .nas-room-capacity-pie.is-unknown .nas-room-capacity-limit,
html[data-theme] body .main.page-nasStorage .nas-room-capacity-pie.is-unknown .nas-room-capacity-limit{
  display:none!important;
}

html body .main.page-nasStorage .nas-room-capacity-pie.is-low .nas-room-capacity-disc,
html[data-theme] body .main.page-nasStorage .nas-room-capacity-pie.is-low .nas-room-capacity-disc{
  background:
    radial-gradient(circle at center,rgba(7,9,13,.98) 0 39%,transparent 40%),
    radial-gradient(circle at 30% 23%,rgba(255,255,255,.22),transparent 0 12%,transparent 29%),
    radial-gradient(circle at 72% 76%,rgba(104,216,255,.11),transparent 0 18%,transparent 36%),
    conic-gradient(from -90deg,var(--nas-room-capacity-color) 0 var(--nas-room-used),var(--nas-room-capacity-rest) var(--nas-room-used),rgba(255,107,107,.22) var(--nas-room-used) 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,107,107,.24)!important;
}

html body .main.page-nasStorage .nas-room-capacity-pie.is-unknown .nas-room-capacity-disc,
html[data-theme] body .main.page-nasStorage .nas-room-capacity-pie.is-unknown .nas-room-capacity-disc{
  background:
    radial-gradient(circle at center,rgba(7,9,13,.98) 0 39%,transparent 40%),
    radial-gradient(circle at 30% 24%,rgba(255,255,255,.15),transparent 0 12%,transparent 30%),
    conic-gradient(from -90deg,rgba(244,244,241,.24) 0 100%)!important;
}

html body .main.page-nasStorage .nas-room-capacity-disc b,
html[data-theme] body .main.page-nasStorage .nas-room-capacity-disc b{
  position:relative!important;
  z-index:3!important;
  display:grid!important;
  justify-items:center!important;
  align-content:center!important;
  gap:3px!important;
  min-width:42px!important;
  color:#f4f4f1!important;
  font-size:11.5px!important;
  font-weight:930!important;
  line-height:1!important;
  text-align:center!important;
}

html body .main.page-nasStorage .nas-room-capacity-disc b span,
html[data-theme] body .main.page-nasStorage .nas-room-capacity-disc b span{
  display:block!important;
  color:var(--nas-room-capacity-color)!important;
  font-size:12px!important;
  font-weight:940!important;
  line-height:1!important;
}

html body .main.page-nasStorage .nas-room-cell .live-floor-detail-status .nas-room-capacity-disc b .nas-room-capacity-percent,
html[data-theme] body .main.page-nasStorage .nas-room-cell .live-floor-detail-status .nas-room-capacity-disc b .nas-room-capacity-percent{
  color:var(--nas-room-capacity-color)!important;
}

html body .main.page-nasStorage .nas-room-cell .nas-room-capacity-pie .nas-room-capacity-percent,
html body .main.page-nasStorage .nas-room-cell .nas-room-capacity-pie .nas-room-capacity-used,
html[data-theme] body .main.page-nasStorage .nas-room-cell .nas-room-capacity-pie .nas-room-capacity-percent,
html[data-theme] body .main.page-nasStorage .nas-room-cell .nas-room-capacity-pie .nas-room-capacity-used{
  color:var(--nas-room-capacity-color)!important;
  -webkit-text-fill-color:var(--nas-room-capacity-color)!important;
  background:none!important;
  background-image:none!important;
}

html body .main.page-nasStorage .nas-room-capacity-disc b i,
html[data-theme] body .main.page-nasStorage .nas-room-capacity-disc b i{
  display:block!important;
  width:32px!important;
  height:1px!important;
  background:rgba(244,244,241,.28)!important;
}

html body .main.page-nasStorage .nas-room-capacity-disc b small,
html[data-theme] body .main.page-nasStorage .nas-room-capacity-disc b small{
  display:block!important;
  max-width:48px!important;
  color:rgba(244,244,241,.82)!important;
  font-size:7.4px!important;
  font-weight:840!important;
  line-height:1!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html body .main.page-nasStorage .nas-room-capacity-pie-text,
html[data-theme] body .main.page-nasStorage .nas-room-capacity-pie-text{
  display:grid!important;
  justify-items:start!important;
  align-content:center!important;
  gap:1px!important;
  max-width:74px!important;
  min-width:0!important;
  line-height:1!important;
}

html body .main.page-nasStorage .nas-room-capacity-pie-text strong,
html[data-theme] body .main.page-nasStorage .nas-room-capacity-pie-text strong{
  max-width:74px!important;
  color:var(--nas-room-capacity-color)!important;
  font-size:8.8px!important;
  font-weight:900!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html body .main.page-nasStorage .nas-room-cell .live-floor-detail-status .nas-room-capacity-pie-text .nas-room-capacity-used,
html[data-theme] body .main.page-nasStorage .nas-room-cell .live-floor-detail-status .nas-room-capacity-pie-text .nas-room-capacity-used{
  color:var(--nas-room-capacity-color)!important;
}

html body .main.page-nasStorage .nas-room-capacity-pie-text em,
html[data-theme] body .main.page-nasStorage .nas-room-capacity-pie-text em{
  max-width:74px!important;
  color:rgba(244,244,241,.55)!important;
  font-size:8px!important;
  font-style:normal!important;
  font-weight:760!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html body .main.page-nasStorage .nas-room-capacity-pie-text small,
html[data-theme] body .main.page-nasStorage .nas-room-capacity-pie-text small{
  max-width:74px!important;
  color:#68d8ff!important;
  font-size:7.5px!important;
  font-style:normal!important;
  font-weight:820!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html body .main.page-nasStorage .nas-room-field-line b,
html[data-theme] body .main.page-nasStorage .nas-room-field-line b{
  color:rgba(244,244,241,.55)!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1!important;
}

html body .main.page-nasStorage .nas-room-field-line i,
html[data-theme] body .main.page-nasStorage .nas-room-field-line i{
  color:#f4f4f1!important;
  font-size:9.5px!important;
  font-weight:860!important;
  line-height:1.05!important;
  font-style:normal!important;
}

html body .main.page-nasStorage .nas-room-sync-stack,
html[data-theme] body .main.page-nasStorage .nas-room-sync-stack{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:3px!important;
  align-items:start!important;
  justify-items:start!important;
  min-width:0!important;
  max-width:100%!important;
}

html body .main.page-nasStorage .nas-room-sync-corner,
html[data-theme] body .main.page-nasStorage .nas-room-sync-corner{
  position:absolute!important;
  left:8px!important;
  bottom:7px!important;
  max-width:calc(100% - 96px)!important;
  min-width:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1!important;
  color:#f4f4f1!important;
  font-size:9.5px!important;
  font-weight:860!important;
  pointer-events:none!important;
}

html body .main.page-nasStorage .nas-room-sync-total-row,
html[data-theme] body .main.page-nasStorage .nas-room-sync-total-row{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  margin-top:1px!important;
}

html body .main.page-nasStorage .nas-room-field-line.speed i,
html[data-theme] body .main.page-nasStorage .nas-room-field-line.speed i{
  color:#f4f4f1!important;
}

html body .main.page-nasStorage .nas-room-field-line.speed i .nas-room-speed-up,
html[data-theme] body .main.page-nasStorage .nas-room-field-line.speed i .nas-room-speed-up{
  color:#7ef0a4!important;
}

html body .main.page-nasStorage .nas-room-field-line.speed i .nas-room-speed-down,
html[data-theme] body .main.page-nasStorage .nas-room-field-line.speed i .nas-room-speed-down{
  color:#8bdfff!important;
}

html body .main.page-nasStorage .nas-room-field-line.speed i .nas-room-speed-arrow,
html[data-theme] body .main.page-nasStorage .nas-room-field-line.speed i .nas-room-speed-arrow{
  display:inline-block!important;
  min-width:9px!important;
  margin-right:1px!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:.9!important;
  transform:translateY(-.5px) scaleX(1.12)!important;
  -webkit-text-stroke:.38px currentColor!important;
}

html body .main.page-nasStorage .nas-room-field-line.speed i .nas-room-speed-sep,
html[data-theme] body .main.page-nasStorage .nas-room-field-line.speed i .nas-room-speed-sep{
  color:#f4f4f1!important;
}

html body .main.page-nasStorage .nas-room-field-line.sync i,
html[data-theme] body .main.page-nasStorage .nas-room-field-line.sync i{
  color:#f4f4f1!important;
}

html body .main.page-nasStorage .nas-room-sync-compact,
html[data-theme] body .main.page-nasStorage .nas-room-sync-compact{
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:nowrap!important;
  color:#f4f4f1!important;
}

html body .main.page-nasStorage .nas-room-sync-last,
html[data-theme] body .main.page-nasStorage .nas-room-sync-last{
  gap:4px!important;
  letter-spacing:0!important;
}

html body .main.page-nasStorage .nas-room-sync-ok,
html[data-theme] body .main.page-nasStorage .nas-room-sync-ok{
  color:#7ef0a4!important;
  font-weight:930!important;
}

html body .main.page-nasStorage .nas-room-sync-missing,
html[data-theme] body .main.page-nasStorage .nas-room-sync-missing{
  color:#ff6b6b!important;
  font-weight:930!important;
}

html body .main.page-nasStorage .nas-room-sync-time,
html[data-theme] body .main.page-nasStorage .nas-room-sync-time{
  color:rgba(244,244,241,.92)!important;
  font-weight:880!important;
}

html body .main.page-nasStorage .nas-room-sync-size,
html[data-theme] body .main.page-nasStorage .nas-room-sync-size{
  color:#f4f4f1!important;
  font-weight:900!important;
}

html body .main.page-nasStorage .nas-room-sync-capacity,
html[data-theme] body .main.page-nasStorage .nas-room-sync-capacity{
  color:rgba(244,244,241,.82)!important;
  font-weight:880!important;
}

html body .main.page-nasStorage .nas-room-sync-free,
html[data-theme] body .main.page-nasStorage .nas-room-sync-free{
  color:rgba(244,244,241,.9)!important;
  font-weight:900!important;
}

html body .main.page-nasStorage .nas-room-sync-free.is-low,
html[data-theme] body .main.page-nasStorage .nas-room-sync-free.is-low{
  color:#ff6b6b!important;
  font-weight:960!important;
}

html body .main.page-nasStorage .nas-room-sync-capacity.is-low,
html[data-theme] body .main.page-nasStorage .nas-room-sync-capacity.is-low,
html body .main.page-nasStorage .nas-room-sync-low-note,
html[data-theme] body .main.page-nasStorage .nas-room-sync-low-note{
  color:#ff6b6b!important;
  font-weight:960!important;
}

html body .main.page-nasStorage .nas-room-sync-low,
html[data-theme] body .main.page-nasStorage .nas-room-sync-low{
  color:#fff1f1!important;
}

html body .main.page-nasStorage .nas-room-sync-metric,
html[data-theme] body .main.page-nasStorage .nas-room-sync-metric{
  display:inline-flex!important;
  align-items:center!important;
  gap:1.5px!important;
  min-width:0!important;
  color:inherit!important;
  font-size:9.5px!important;
  font-weight:900!important;
  line-height:1!important;
}

html body .main.page-nasStorage .nas-room-sync-metric b,
html[data-theme] body .main.page-nasStorage .nas-room-sync-metric b{
  display:inline-block!important;
  min-width:.75em!important;
  color:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
  line-height:inherit!important;
}

html body .main.page-nasStorage .nas-room-sync-icon,
html[data-theme] body .main.page-nasStorage .nas-room-sync-icon{
  width:10px!important;
  height:10px!important;
  flex:0 0 10px!important;
  display:block!important;
  stroke-width:2.15!important;
  vertical-align:-1px!important;
}

html body .main.page-nasStorage .nas-room-sync-folder,
html[data-theme] body .main.page-nasStorage .nas-room-sync-folder{
  color:#f3c66f!important;
}

html body .main.page-nasStorage .nas-room-sync-file,
html[data-theme] body .main.page-nasStorage .nas-room-sync-file{
  color:#8bdfff!important;
}

html body .main.page-nasStorage .nas-room-sync-size,
html[data-theme] body .main.page-nasStorage .nas-room-sync-size{
  color:#f4f4f1!important;
}

html body .main.page-nasStorage .nas-room-sync-speed,
html[data-theme] body .main.page-nasStorage .nas-room-sync-speed{
  color:#7ef0a4!important;
}

html body .main.page-nasStorage .nas-room-sync-compact em,
html[data-theme] body .main.page-nasStorage .nas-room-sync-compact em,
html body .main.page-nasStorage .nas-room-sync-total em,
html[data-theme] body .main.page-nasStorage .nas-room-sync-total em{
  color:rgba(244,244,241,.55)!important;
  font-size:9px!important;
  font-style:normal!important;
  font-weight:850!important;
  line-height:1!important;
}

html body .main.page-nasStorage .nas-room-sync-stale,
html[data-theme] body .main.page-nasStorage .nas-room-sync-stale{
  color:rgba(244,244,241,.62)!important;
  font-size:8.5px!important;
  font-weight:850!important;
  line-height:1!important;
}

html body .main.page-nasStorage .nas-room-sync-total,
html[data-theme] body .main.page-nasStorage .nas-room-sync-total{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  opacity:.88!important;
}

html body .main.page-nasStorage .nas-room-sync-total-line,
html[data-theme] body .main.page-nasStorage .nas-room-sync-total-line{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:3px!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#f4f4f1!important;
  line-height:1!important;
}

html body .main.page-nasStorage .nas-room-sync-prefix,
html[data-theme] body .main.page-nasStorage .nas-room-sync-prefix{
  color:rgba(244,244,241,.62)!important;
  font-size:9px!important;
  font-weight:880!important;
  line-height:1!important;
}

html body .main.page-nasStorage .nas-room-sync-extra,
html[data-theme] body .main.page-nasStorage .nas-room-sync-extra{
  color:#f4f4f1!important;
  font-size:9px!important;
  font-weight:850!important;
  line-height:1!important;
  white-space:nowrap!important;
}

html body .main.page-nasStorage .nas-room-field-line.ok i,
html[data-theme] body .main.page-nasStorage .nas-room-field-line.ok i{
  color:#f4f4f1!important;
}

html body .main.page-nasStorage .nas-room-field-line.warn i,
html[data-theme] body .main.page-nasStorage .nas-room-field-line.warn i{
  color:#f4f4f1!important;
}

html body .main.page-nasStorage .nas-room-field-line.bad i,
html[data-theme] body .main.page-nasStorage .nas-room-field-line.bad i{
  color:#f4f4f1!important;
}

html body .main.page-nasStorage .nas-room-field-line.idle i,
html[data-theme] body .main.page-nasStorage .nas-room-field-line.idle i{
  color:rgba(244,244,241,.45)!important;
}

html body .main.page-nasStorage .nas-room-task-token,
html[data-theme] body .main.page-nasStorage .nas-room-task-token{
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-weight:900!important;
  line-height:1!important;
}

html body .main.page-nasStorage .nas-room-task-token em,
html[data-theme] body .main.page-nasStorage .nas-room-task-token em{
  display:inline!important;
  color:rgba(244,244,241,.5)!important;
  font:inherit!important;
  line-height:inherit!important;
}

html body .main.page-nasStorage .nas-room-task-token .nas-room-task-time,
html[data-theme] body .main.page-nasStorage .nas-room-task-token .nas-room-task-time{
  color:#f4f4f1!important;
}

html body .main.page-nasStorage .nas-room-task-token .nas-room-task-upgrade.ready,
html[data-theme] body .main.page-nasStorage .nas-room-task-token .nas-room-task-upgrade.ready{
  color:#ff6b6b!important;
}

html body .main.page-nasStorage .nas-room-task-token .nas-room-task-upgrade.disabled,
html[data-theme] body .main.page-nasStorage .nas-room-task-token .nas-room-task-upgrade.disabled{
  color:rgba(244,244,241,.78)!important;
}

html body .main.page-nasStorage .nas-room-task-token.beat,
html[data-theme] body .main.page-nasStorage .nas-room-task-token.beat{
  color:#7ef0a4!important;
}

html body .main.page-nasStorage .nas-room-task-token.bad,
html[data-theme] body .main.page-nasStorage .nas-room-task-token.bad{
  color:#ff7d8b!important;
}

html body .main.page-nasStorage .nas-room-top-heartbeat .nas-room-task-token,
html[data-theme] body .main.page-nasStorage .nas-room-top-heartbeat .nas-room-task-token{
  font-size:8px!important;
  font-weight:880!important;
  line-height:1!important;
  max-width:78px!important;
}

html body .main.page-nasStorage .nas-room-top-heartbeat .nas-room-task-token.bad,
html[data-theme] body .main.page-nasStorage .nas-room-top-heartbeat .nas-room-task-token.bad{
  color:#ff6b6b!important;
}

html body .main.page-nasStorage .nas-room-cell .live-floor-detail-status .nas-room-top-heartbeat,
html[data-theme] body .main.page-nasStorage .nas-room-cell .live-floor-detail-status .nas-room-top-heartbeat{
  font-size:9.5px!important;
  line-height:1!important;
}

html body .main.page-nasStorage .nas-room-cell .live-floor-detail-status .nas-room-top-heartbeat .nas-room-task-token,
html[data-theme] body .main.page-nasStorage .nas-room-cell .live-floor-detail-status .nas-room-top-heartbeat .nas-room-task-token{
  font-size:8px!important;
  line-height:1!important;
}

@media(max-width:760px), (max-width:920px) and (pointer:coarse){
  html body .main.page-nasStorage .nas-room-workspace,
  html[data-theme] body .main.page-nasStorage .nas-room-workspace{
    grid-template-columns:1fr!important;
  }
  html body .main.page-nasStorage .nas-room-floor-menu,
  html[data-theme] body .main.page-nasStorage .nas-room-floor-menu{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  html body .main.page-nasStorage .nas-room-field-grid,
  html[data-theme] body .main.page-nasStorage .nas-room-field-grid{
    grid-template-columns:1fr!important;
  }
  html body .main.page-nasStorage .nas-room-ident-grid,
  html[data-theme] body .main.page-nasStorage .nas-room-ident-grid{
    grid-template-columns:1fr!important;
  }
}

html body .main.page-nasStorage .nas-client-room-card,
html[data-theme] body .main.page-nasStorage .nas-client-room-card{
  --nas-room-tone:#68d8ff;
  display:grid!important;
  gap:10px!important;
  min-width:0!important;
  padding:12px!important;
  border:1px solid rgba(244,244,241,.12)!important;
  border-radius:var(--mc-radius-control)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--nas-room-tone) 10%,rgba(255,255,255,.032)),rgba(255,255,255,.02))!important;
  box-shadow:none!important;
  backdrop-filter:blur(16px) saturate(126%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(126%)!important;
}

html body .main.page-nasStorage .nas-client-room-card.tone-1,
html[data-theme] body .main.page-nasStorage .nas-client-room-card.tone-1{--nas-room-tone:#7ef0a4}

html body .main.page-nasStorage .nas-client-room-card.tone-2,
html[data-theme] body .main.page-nasStorage .nas-client-room-card.tone-2{--nas-room-tone:#b19cff}

html body .main.page-nasStorage .nas-client-room-card.tone-3,
html[data-theme] body .main.page-nasStorage .nas-client-room-card.tone-3{--nas-room-tone:#f3c66f}

html body .main.page-nasStorage .nas-room-cell.capacity-low,
html[data-theme] body .main.page-nasStorage .nas-room-cell.capacity-low{
  background:
    linear-gradient(135deg,rgba(255,107,107,.13),rgba(255,107,107,.055) 42%,rgba(255,255,255,.024))!important;
}

html body .main.page-nasStorage .nas-room-capacity-alert,
html[data-theme] body .main.page-nasStorage .nas-room-capacity-alert{
  position:absolute!important;
  right:12px!important;
  bottom:48px!important;
  z-index:7!important;
  pointer-events:none!important;
  color:#ff7d8b!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:960!important;
  letter-spacing:0!important;
  text-shadow:0 0 12px rgba(255,107,107,.36)!important;
  white-space:nowrap!important;
}

html body .main.page-nasStorage .nas-client-room-head,
html[data-theme] body .main.page-nasStorage .nas-client-room-head{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}

html body .main.page-nasStorage .nas-client-room-head>span,
html[data-theme] body .main.page-nasStorage .nas-client-room-head>span{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  border-radius:var(--mc-radius-control)!important;
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--nas-room-tone) 72%,transparent),rgba(255,255,255,.06)),
    radial-gradient(circle at 72% 24%,rgba(255,255,255,.72),transparent 18%)!important;
}

html body .main.page-nasStorage .nas-client-room-head h3,
html[data-theme] body .main.page-nasStorage .nas-client-room-head h3{
  margin:0!important;
  min-width:0!important;
  color:#8bdfff!important;
  font-size:15px!important;
  line-height:1.1!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html body .main.page-nasStorage .nas-client-room-head p,
html[data-theme] body .main.page-nasStorage .nas-client-room-head p{
  margin:3px 0 0!important;
  color:rgba(244,244,241,.58)!important;
  font-size:11px!important;
  font-weight:720!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/rooms/segments/084-nas-storage-rooms-segment-02.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/shared/segments/084-nas-storage-shared-segment-04.css */

html body .main.page-nasStorage .nas-client-device-list,
html[data-theme] body .main.page-nasStorage .nas-client-device-list{
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
}

html body .main.page-nasStorage .nas-client-device-row,
html[data-theme] body .main.page-nasStorage .nas-client-device-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:2px 8px!important;
  align-items:center!important;
  min-width:0!important;
  padding:7px 8px!important;
  border-radius:var(--mc-radius-control)!important;
  background:rgba(0,0,0,.16)!important;
  border:1px solid rgba(244,244,241,.07)!important;
}

html body .main.page-nasStorage .nas-client-device-row b,
html body .main.page-nasStorage .nas-client-device-row em,
html body .main.page-nasStorage .nas-client-device-row small,
html[data-theme] body .main.page-nasStorage .nas-client-device-row b,
html[data-theme] body .main.page-nasStorage .nas-client-device-row em,
html[data-theme] body .main.page-nasStorage .nas-client-device-row small{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-style:normal!important;
}

html body .main.page-nasStorage .nas-client-device-row b,
html[data-theme] body .main.page-nasStorage .nas-client-device-row b{
  color:#f4f4f1!important;
  font-size:12px!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/shared/segments/084-nas-storage-shared-segment-04.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/rooms/segments/084-nas-storage-rooms-segment-03.css */

html body .main.page-nasStorage .nas-client-device-row em,
html[data-theme] body .main.page-nasStorage .nas-client-device-row em{
  color:var(--nas-room-tone)!important;
  font-size:12px!important;
  font-weight:800!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/rooms/segments/084-nas-storage-rooms-segment-03.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/shared/segments/084-nas-storage-shared-segment-05.css */

html body .main.page-nasStorage .nas-client-device-row small,
html[data-theme] body .main.page-nasStorage .nas-client-device-row small{
  grid-column:1/-1!important;
  color:rgba(244,244,241,.5)!important;
  font-size:10.5px!important;
}

html body .main.page-nasStorage .nas-client-map-empty,
html[data-theme] body .main.page-nasStorage .nas-client-map-empty{
  grid-column:1/-1!important;
  display:grid!important;
  gap:5px!important;
  padding:18px 14px!important;
  border-radius:var(--mc-radius-control)!important;
  border:1px dashed rgba(244,244,241,.14)!important;
  background:rgba(255,255,255,.025)!important;
  color:rgba(244,244,241,.62)!important;
}

html body .main.page-nasStorage .nas-client-map-empty b,
html[data-theme] body .main.page-nasStorage .nas-client-map-empty b{color:#f4f4f1!important;font-size:13px!important}

html body .main.page-nasStorage .nas-client-map-empty span,
html[data-theme] body .main.page-nasStorage .nas-client-map-empty span{font-size:11px!important}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/shared/segments/084-nas-storage-shared-segment-05.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/access-center/segments/084-nas-storage-access-center-segment-08.css */

html body .main.page-nasStorage .nas-config-page-panel,
html[data-theme] body .main.page-nasStorage .nas-config-page-panel,
html body .main.page-nasStorage .nas-configured-card-panel,
html[data-theme] body .main.page-nasStorage .nas-configured-card-panel{
  display:grid!important;
  gap:14px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}

html body .main.page-nasStorage .nas-config-section-title,
html[data-theme] body .main.page-nasStorage .nas-config-section-title{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-width:0!important;
}

html body .main.page-nasStorage .nas-config-section-title h3,
html[data-theme] body .main.page-nasStorage .nas-config-section-title h3{
  margin:0!important;
  color:#f4f4f1!important;
  font-size:var(--mc-type-section-heading,15px)!important;
  line-height:1.2!important;
  font-weight:900!important;
}

html body .main.page-nasStorage .nas-config-section-title p,
html[data-theme] body .main.page-nasStorage .nas-config-section-title p{
  margin:4px 0 0!important;
  color:rgba(244,244,241,.58)!important;
  font-size:12px!important;
  line-height:1.45!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/access-center/segments/084-nas-storage-access-center-segment-08.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/permissions/segments/084-nas-storage-permissions-segment-05.css */

html body .main.page-nasStorage .nas-role-template-panel,
html body .main.page-nasStorage .nas-permission-summary-panel,
html body .main.page-nasStorage .nas-permission-action-panel,
html body .main.page-nasStorage .nas-quick-permission-panel,
html body .main.page-nasStorage .nas-sub-permission-panel,
html[data-theme] body .main.page-nasStorage .nas-role-template-panel,
html[data-theme] body .main.page-nasStorage .nas-permission-summary-panel,
html[data-theme] body .main.page-nasStorage .nas-permission-action-panel,
html[data-theme] body .main.page-nasStorage .nas-quick-permission-panel,
html[data-theme] body .main.page-nasStorage .nas-sub-permission-panel{
  display:grid!important;
  gap:11px!important;
  min-width:0!important;
}

html body .main.page-nasStorage .nas-role-template-grid,
html[data-theme] body .main.page-nasStorage .nas-role-template-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;
  justify-content:stretch!important;
  gap:8px!important;
}

html body .main.page-nasStorage .nas-role-template-card,
html[data-theme] body .main.page-nasStorage .nas-role-template-card{
  position:relative!important;
  display:grid!important;
  align-content:start!important;
  gap:5px!important;
  min-height:142px!important;
  min-width:0!important;
  padding:10px!important;
  border:1px solid rgba(244,244,241,.10)!important;
  border-radius:var(--mc-radius-control)!important;
  background:rgba(255,255,255,.035)!important;
  color:#f4f4f1!important;
  text-align:left!important;
  box-shadow:none!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  user-select:none!important;
}

html body .main.page-nasStorage .nas-role-template-card:hover,
html[data-theme] body .main.page-nasStorage .nas-role-template-card:hover{
  background:rgba(125,211,252,.08)!important;
}

html body .main.page-nasStorage .nas-role-template-card.is-selected,
html[data-theme] body .main.page-nasStorage .nas-role-template-card.is-selected{
  border-color:rgba(125,211,252,.64)!important;
  background:linear-gradient(135deg,rgba(125,211,252,.16),rgba(255,255,255,.045))!important;
  box-shadow:0 0 0 1px rgba(125,211,252,.18),0 16px 36px rgba(14,165,233,.16)!important;
}

html body .main.page-nasStorage .nas-role-template-card i,
html[data-theme] body .main.page-nasStorage .nas-role-template-card i{
  width:34px!important;
  height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:var(--mc-radius-control)!important;
  background:rgba(125,211,252,.12)!important;
  color:#bae6fd!important;
  font-style:normal!important;
  font-size:11px!important;
  font-weight:900!important;
}

html body .main.page-nasStorage .nas-role-template-card>span,
html[data-theme] body .main.page-nasStorage .nas-role-template-card>span{
  position:absolute!important;
  top:11px!important;
  right:11px!important;
  color:#86efac!important;
  font-size:11px!important;
  font-weight:860!important;
}

html body .main.page-nasStorage .nas-role-template-card h4,
html[data-theme] body .main.page-nasStorage .nas-role-template-card h4{
  margin:0!important;
  color:#f4f4f1!important;
  font-size:16px!important;
  line-height:1.2!important;
}

html body .main.page-nasStorage .nas-role-template-card p,
html[data-theme] body .main.page-nasStorage .nas-role-template-card p{
  margin:0!important;
  color:rgba(244,244,241,.68)!important;
  font-size:12px!important;
  line-height:1.45!important;
}

html body .main.page-nasStorage .nas-role-template-card div,
html[data-theme] body .main.page-nasStorage .nas-role-template-card div{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
}

html body .main.page-nasStorage .nas-role-template-card em,
html[data-theme] body .main.page-nasStorage .nas-role-template-card em{
  padding:4px 6px!important;
  border-radius:var(--mc-radius-control)!important;
  background:rgba(255,255,255,.055)!important;
  color:rgba(244,244,241,.78)!important;
  font-style:normal!important;
  font-size:10px!important;
  font-weight:780!important;
}

html body .main.page-nasStorage .nas-role-template-card b,
html body .main.page-nasStorage .nas-role-template-card strong,
html[data-theme] body .main.page-nasStorage .nas-role-template-card b,
html[data-theme] body .main.page-nasStorage .nas-role-template-card strong{
  color:rgba(244,244,241,.72)!important;
  font-size:11px!important;
  font-weight:820!important;
}

html body .main.page-nasStorage .nas-role-template-card.risk-high b,
html[data-theme] body .main.page-nasStorage .nas-role-template-card.risk-high b{color:#fca5a5!important}

html body .main.page-nasStorage .nas-role-template-card.risk-medium b,
html[data-theme] body .main.page-nasStorage .nas-role-template-card.risk-medium b{color:#fde68a!important}

html body .main.page-nasStorage .nas-role-template-card.risk-low b,
html[data-theme] body .main.page-nasStorage .nas-role-template-card.risk-low b{color:#86efac!important}

html body .main.page-nasStorage .nas-permission-summary-grid,
html body .main.page-nasStorage .nas-permission-action-grid,
html[data-theme] body .main.page-nasStorage .nas-permission-summary-grid,
html[data-theme] body .main.page-nasStorage .nas-permission-action-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}

html body .main.page-nasStorage .nas-permission-summary-grid div,
html body .main.page-nasStorage .nas-permission-action-grid div,
html[data-theme] body .main.page-nasStorage .nas-permission-summary-grid div,
html[data-theme] body .main.page-nasStorage .nas-permission-action-grid div,
html body .main.page-nasStorage .nas-sub-permission-grid section,
html[data-theme] body .main.page-nasStorage .nas-sub-permission-grid section{
  display:grid!important;
  gap:8px!important;
  min-width:0!important;
  padding:11px 12px!important;
  border-radius:var(--mc-radius-control)!important;
  background:rgba(255,255,255,.032)!important;
  border:1px solid rgba(244,244,241,.08)!important;
  box-shadow:none!important;
}

html body .main.page-nasStorage .nas-permission-summary-grid span,
html body .main.page-nasStorage .nas-permission-action-grid span,
html[data-theme] body .main.page-nasStorage .nas-permission-summary-grid span,
html[data-theme] body .main.page-nasStorage .nas-permission-action-grid span{
  color:rgba(244,244,241,.55)!important;
  font-size:11px!important;
}

html body .main.page-nasStorage .nas-permission-summary-grid b,
html body .main.page-nasStorage .nas-permission-action-grid b,
html[data-theme] body .main.page-nasStorage .nas-permission-summary-grid b,
html[data-theme] body .main.page-nasStorage .nas-permission-action-grid b{
  color:#f4f4f1!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:760!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/permissions/segments/084-nas-storage-permissions-segment-05.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/route-preview/segments/084-nas-storage-route-preview-segment-01.css */

html body .main.page-nasStorage .nas-quick-package-row,
html[data-theme] body .main.page-nasStorage .nas-quick-package-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}

html body .main.page-nasStorage .nas-quick-package-row button,
html[data-theme] body .main.page-nasStorage .nas-quick-package-row button{
  min-height:32px!important;
  padding:0 11px!important;
  border:0!important;
  border-radius:var(--mc-radius-control)!important;
  background:rgba(125,211,252,.11)!important;
  color:#dff7ff!important;
  font-size:12px!important;
  font-weight:800!important;
  box-shadow:none!important;
}

html body .main.page-nasStorage .nas-quick-package-row button:hover,
html[data-theme] body .main.page-nasStorage .nas-quick-package-row button:hover{
  background:rgba(125,211,252,.20)!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/route-preview/segments/084-nas-storage-route-preview-segment-01.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/shared/segments/084-nas-storage-shared-segment-06.css */

html body .main.page-nasStorage .nas-sub-permission-grid,
html[data-theme] body .main.page-nasStorage .nas-sub-permission-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(248px,1fr))!important;
  gap:10px!important;
  align-items:start!important;
}

html body .main.page-nasStorage .nas-sub-permission-grid h4,
html[data-theme] body .main.page-nasStorage .nas-sub-permission-grid h4{
  margin:0!important;
  color:#f4f4f1!important;
  font-size:13px!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/shared/segments/084-nas-storage-shared-segment-06.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/permissions/segments/084-nas-storage-permissions-segment-06.css */

html body .main.page-nasStorage .nas-permission-check-grid,
html[data-theme] body .main.page-nasStorage .nas-permission-check-grid,
html body .main.page-nasStorage .nas-data-scope-row,
html[data-theme] body .main.page-nasStorage .nas-data-scope-row{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(138px,1fr))!important;
  gap:7px!important;
}

html body .main.page-nasStorage .nas-permission-toggle,
html body .main.page-nasStorage .nas-data-scope,
html[data-theme] body .main.page-nasStorage .nas-permission-toggle,
html[data-theme] body .main.page-nasStorage .nas-data-scope{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:30px!important;
  padding:6px 7px!important;
  border-radius:var(--mc-radius-control)!important;
  background:rgba(255,255,255,.026)!important;
  color:#f4f4f1!important;
}

html body .main.page-nasStorage .nas-permission-toggle.is-risk,
html[data-theme] body .main.page-nasStorage .nas-permission-toggle.is-risk{
  background:rgba(248,113,113,.08)!important;
}

html body .main.page-nasStorage .nas-permission-toggle span,
html[data-theme] body .main.page-nasStorage .nas-permission-toggle span{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
}

html body .main.page-nasStorage .nas-permission-toggle b,
html body .main.page-nasStorage .nas-data-scope span,
html[data-theme] body .main.page-nasStorage .nas-permission-toggle b,
html[data-theme] body .main.page-nasStorage .nas-data-scope span{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  font-size:12px!important;
  font-weight:760!important;
  line-height:1.12!important;
  min-width:0!important;
  white-space:nowrap!important;
}

html body .main.page-nasStorage .nas-permission-toggle small,
html[data-theme] body .main.page-nasStorage .nas-permission-toggle small{
  color:#fca5a5!important;
  display:inline!important;
  font-size:9px!important;
  font-weight:760!important;
  line-height:1!important;
  margin-left:0!important;
  white-space:nowrap!important;
}

html body .main.page-nasStorage .nas-data-scope.is-selected,
html[data-theme] body .main.page-nasStorage .nas-data-scope.is-selected{
  background:rgba(52,211,153,.10)!important;
}

html body .main.page-nasStorage .nas-permission-toggle input,
html body .main.page-nasStorage .nas-data-scope input,
html[data-theme] body .main.page-nasStorage .nas-permission-toggle input,
html[data-theme] body .main.page-nasStorage .nas-data-scope input{
  flex:0 0 16px!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  margin:0!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/permissions/segments/084-nas-storage-permissions-segment-06.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/access-center/segments/084-nas-storage-access-center-segment-09.css */

html body #modal .nas-card-editor,
html[data-theme] body #modal .nas-card-editor,
html body #modal .nas-card-form,
html[data-theme] body #modal .nas-card-form{
  display:grid!important;
  gap:14px!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
}

html body #modal .nas-config-section-title,
html[data-theme] body #modal .nas-config-section-title{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-width:0!important;
}

html body #modal .nas-config-section-title h3,
html[data-theme] body #modal .nas-config-section-title h3{
  margin:0!important;
  color:#f4f4f1!important;
  font-size:var(--mc-type-section-heading,15px)!important;
  line-height:1.2!important;
  font-weight:900!important;
}

html body #modal .nas-config-section-title p,
html[data-theme] body #modal .nas-config-section-title p{
  margin:4px 0 0!important;
  color:rgba(244,244,241,.58)!important;
  font-size:12px!important;
  line-height:1.45!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/access-center/segments/084-nas-storage-access-center-segment-09.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/permissions/segments/084-nas-storage-permissions-segment-07.css */

html body #modal .nas-role-template-panel,
html body #modal .nas-permission-summary-panel,
html body #modal .nas-quick-permission-panel,
html body #modal .nas-sub-permission-panel,
html[data-theme] body #modal .nas-role-template-panel,
html[data-theme] body #modal .nas-permission-summary-panel,
html[data-theme] body #modal .nas-quick-permission-panel,
html[data-theme] body #modal .nas-sub-permission-panel{
  display:grid!important;
  gap:11px!important;
  min-width:0!important;
}

html body #modal .nas-role-template-grid,
html[data-theme] body #modal .nas-role-template-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
  justify-content:stretch!important;
  gap:8px!important;
}

html body #modal .nas-role-template-card,
html[data-theme] body #modal .nas-role-template-card{
  position:relative!important;
  display:grid!important;
  align-content:start!important;
  gap:5px!important;
  min-height:138px!important;
  min-width:0!important;
  padding:10px!important;
  border:1px solid rgba(244,244,241,.10)!important;
  border-radius:var(--mc-radius-control)!important;
  background:rgba(255,255,255,.035)!important;
  color:#f4f4f1!important;
  text-align:left!important;
  box-shadow:none!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  user-select:none!important;
}

html body #modal .nas-role-template-card.is-selected,
html[data-theme] body #modal .nas-role-template-card.is-selected{
  border-color:rgba(125,211,252,.64)!important;
  background:linear-gradient(135deg,rgba(125,211,252,.16),rgba(255,255,255,.045))!important;
  box-shadow:0 0 0 1px rgba(125,211,252,.18),0 16px 36px rgba(14,165,233,.16)!important;
}

html body #modal .nas-role-template-card i,
html[data-theme] body #modal .nas-role-template-card i{
  width:34px!important;
  height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:var(--mc-radius-control)!important;
  background:rgba(125,211,252,.12)!important;
  color:#bae6fd!important;
  font-style:normal!important;
  font-size:11px!important;
  font-weight:900!important;
}

html body #modal .nas-role-template-card>span,
html[data-theme] body #modal .nas-role-template-card>span{
  position:absolute!important;
  top:11px!important;
  right:11px!important;
  color:#86efac!important;
  font-size:11px!important;
  font-weight:860!important;
}

html body #modal .nas-role-template-card h4,
html[data-theme] body #modal .nas-role-template-card h4{
  margin:0!important;
  color:#f4f4f1!important;
  font-size:16px!important;
  line-height:1.2!important;
}

html body #modal .nas-role-template-card p,
html[data-theme] body #modal .nas-role-template-card p{
  margin:0!important;
  color:rgba(244,244,241,.68)!important;
  font-size:12px!important;
  line-height:1.45!important;
}

html body #modal .nas-role-template-card div,
html[data-theme] body #modal .nas-role-template-card div{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
}

html body #modal .nas-role-template-card em,
html[data-theme] body #modal .nas-role-template-card em{
  padding:4px 6px!important;
  border-radius:var(--mc-radius-control)!important;
  background:rgba(255,255,255,.055)!important;
  color:rgba(244,244,241,.78)!important;
  font-style:normal!important;
  font-size:10px!important;
  font-weight:780!important;
}

html body #modal .nas-role-template-card b,
html body #modal .nas-role-template-card strong,
html[data-theme] body #modal .nas-role-template-card b,
html[data-theme] body #modal .nas-role-template-card strong{
  color:rgba(244,244,241,.72)!important;
  font-size:11px!important;
  font-weight:820!important;
}

html body #modal .nas-role-template-card.risk-high b,
html[data-theme] body #modal .nas-role-template-card.risk-high b{color:#fca5a5!important}

html body #modal .nas-role-template-card.risk-medium b,
html[data-theme] body #modal .nas-role-template-card.risk-medium b{color:#fde68a!important}

html body #modal .nas-role-template-card.risk-low b,
html[data-theme] body #modal .nas-role-template-card.risk-low b{color:#86efac!important}

html body #modal .nas-permission-summary-grid,
html[data-theme] body #modal .nas-permission-summary-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
  gap:10px!important;
}

html body #modal .nas-permission-summary-grid div,
html[data-theme] body #modal .nas-permission-summary-grid div{
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
  padding:11px 12px!important;
  border-radius:var(--mc-radius-control)!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(244,244,241,.08)!important;
}

html body #modal .nas-permission-summary-grid span,
html[data-theme] body #modal .nas-permission-summary-grid span{
  color:rgba(244,244,241,.55)!important;
  font-size:11px!important;
}

html body #modal .nas-permission-summary-grid b,
html[data-theme] body #modal .nas-permission-summary-grid b{
  color:#f4f4f1!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:760!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/permissions/segments/084-nas-storage-permissions-segment-07.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/route-preview/segments/084-nas-storage-route-preview-segment-02.css */

html body #modal .nas-quick-package-row,
html[data-theme] body #modal .nas-quick-package-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}

html body #modal .nas-quick-package-row button,
html[data-theme] body #modal .nas-quick-package-row button{
  min-height:32px!important;
  padding:0 11px!important;
  border:0!important;
  border-radius:var(--mc-radius-control)!important;
  background:rgba(125,211,252,.11)!important;
  color:#dff7ff!important;
  font-size:12px!important;
  font-weight:800!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/route-preview/segments/084-nas-storage-route-preview-segment-02.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/permissions/segments/084-nas-storage-permissions-segment-08.css */

html body #modal .nas-template-brief-panel,
html[data-theme] body #modal .nas-template-brief-panel{
  display:grid!important;
  gap:12px!important;
  padding:12px!important;
  border-radius:var(--mc-radius-control)!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(244,244,241,.08)!important;
  box-shadow:none!important;
}

html body #modal .nas-template-brief-head,
html[data-theme] body #modal .nas-template-brief-head{
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
}

html body #modal .nas-template-brief-head h3,
html[data-theme] body #modal .nas-template-brief-head h3{
  margin:0!important;
  color:#f4f4f1!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:900!important;
}

html body #modal .nas-template-brief-head p,
html[data-theme] body #modal .nas-template-brief-head p{
  margin:0!important;
  color:rgba(244,244,241,.68)!important;
  font-size:12px!important;
  line-height:1.45!important;
}

html body #modal .nas-template-brief-list,
html[data-theme] body #modal .nas-template-brief-list{
  display:grid!important;
  gap:8px!important;
}

html body #modal .nas-template-brief-list div,
html[data-theme] body #modal .nas-template-brief-list div{
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
}

html body #modal .nas-template-brief-list span,
html[data-theme] body #modal .nas-template-brief-list span{
  color:rgba(244,244,241,.52)!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:760!important;
}

html body #modal .nas-template-brief-list p,
html[data-theme] body #modal .nas-template-brief-list p{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin:0!important;
}

html body #modal .nas-template-brief-list b,
html[data-theme] body #modal .nas-template-brief-list b{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:0 9px!important;
  border-radius:var(--mc-radius-control)!important;
  background:rgba(52,211,153,.09)!important;
  color:#dcfce7!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:780!important;
}

html body #modal .nas-scope-compact,
html[data-theme] body #modal .nas-scope-compact{
  display:grid!important;
  gap:8px!important;
  padding-top:2px!important;
  min-width:0!important;
}

html body #modal .nas-scope-head,
html[data-theme] body #modal .nas-scope-head{
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
}

html body #modal .nas-scope-head h4,
html[data-theme] body #modal .nas-scope-head h4{
  margin:0!important;
  color:#f4f4f1!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:860!important;
}

html body #modal .nas-scope-head p,
html[data-theme] body #modal .nas-scope-head p{
  margin:0!important;
  color:rgba(244,244,241,.55)!important;
  font-size:11px!important;
  line-height:1.25!important;
  text-align:right!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/permissions/segments/084-nas-storage-permissions-segment-08.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/access-center/segments/084-nas-storage-access-center-segment-10.css */

html body #modal .nas-sub-permission-panel .nas-config-section-title,
html[data-theme] body #modal .nas-sub-permission-panel .nas-config-section-title{
  display:grid!important;
  align-items:start!important;
  justify-content:start!important;
  gap:4px!important;
}

html body #modal .nas-sub-permission-panel .nas-config-section-title p,
html[data-theme] body #modal .nas-sub-permission-panel .nas-config-section-title p{
  text-align:left!important;
  margin:0!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/access-center/segments/084-nas-storage-access-center-segment-10.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/shared/segments/084-nas-storage-shared-segment-07.css */

html body #modal .nas-sub-permission-grid,
html[data-theme] body #modal .nas-sub-permission-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  align-items:start!important;
}

html body #modal .nas-sub-permission-grid section,
html[data-theme] body #modal .nas-sub-permission-grid section{
  display:grid!important;
  gap:7px!important;
  min-width:0!important;
  padding:10px!important;
  border-radius:var(--mc-radius-control)!important;
  background:rgba(255,255,255,.032)!important;
  border:1px solid rgba(244,244,241,.08)!important;
}

html body #modal .nas-sub-permission-grid h4,
html[data-theme] body #modal .nas-sub-permission-grid h4{
  margin:0!important;
  color:#f4f4f1!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:860!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/shared/segments/084-nas-storage-shared-segment-07.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/permissions/segments/084-nas-storage-permissions-segment-09.css */

html body #modal .nas-permission-check-grid,
html[data-theme] body #modal .nas-permission-check-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(138px,1fr))!important;
  gap:7px!important;
}

html body #modal .nas-permission-toggle,
html body #modal .nas-data-scope,
html[data-theme] body #modal .nas-permission-toggle,
html[data-theme] body #modal .nas-data-scope{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:30px!important;
  padding:6px 7px!important;
  border-radius:var(--mc-radius-control)!important;
  background:rgba(255,255,255,.026)!important;
  color:#f4f4f1!important;
  min-width:0!important;
}

html body #modal .nas-permission-toggle.is-risk,
html[data-theme] body #modal .nas-permission-toggle.is-risk{
  background:rgba(248,113,113,.08)!important;
}

html body #modal .nas-permission-toggle span,
html[data-theme] body #modal .nas-permission-toggle span{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
}

html body #modal .nas-permission-toggle b,
html body #modal .nas-data-scope span,
html[data-theme] body #modal .nas-permission-toggle b,
html[data-theme] body #modal .nas-data-scope span{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  font-size:12px!important;
  font-weight:760!important;
  line-height:1.18!important;
  min-width:0!important;
  white-space:normal!important;
}

html body #modal .nas-permission-toggle small,
html[data-theme] body #modal .nas-permission-toggle small{
  color:#fca5a5!important;
  display:inline!important;
  font-size:9px!important;
  font-weight:760!important;
  line-height:1!important;
  margin-left:0!important;
  white-space:nowrap!important;
}

html body #modal .nas-permission-toggle input,
html body #modal .nas-data-scope input,
html[data-theme] body #modal .nas-permission-toggle input,
html[data-theme] body #modal .nas-data-scope input{
  flex:0 0 16px!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  margin:0!important;
}

html body #modal .nas-data-scope-row,
html[data-theme] body #modal .nas-data-scope-row{
  display:grid!important;
  gap:7px!important;
}

html body #modal .nas-data-scope.is-selected,
html[data-theme] body #modal .nas-data-scope.is-selected{
  background:rgba(52,211,153,.10)!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/permissions/segments/084-nas-storage-permissions-segment-09.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/shared/segments/084-nas-storage-shared-segment-08.css */

html body #modal .nas-editor-alert,
html[data-theme] body #modal .nas-editor-alert{
  padding:11px 12px!important;
  border-radius:12px!important;
  border:1px solid rgba(96,165,250,.22)!important;
  background:rgba(96,165,250,.08)!important;
  color:#bfdbfe!important;
  font-size:12px!important;
}

html body #modal .nas-editor-list,
html[data-theme] body #modal .nas-editor-list{
  display:grid!important;
  gap:8px!important;
}

html body #modal .nas-editor-row,
html[data-theme] body #modal .nas-editor-row{
  display:grid!important;
  grid-template-columns:minmax(130px,1fr) minmax(90px,.7fr) minmax(140px,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  min-height:42px!important;
  border:0!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.045)!important;
  color:#f4f4f1!important;
  padding:8px 10px!important;
  text-align:left!important;
  box-shadow:none!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/shared/segments/084-nas-storage-shared-segment-08.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/access-center/segments/084-nas-storage-access-center-segment-11.css */

html body #modal .nas-card-form-grid,
html[data-theme] body #modal .nas-card-form-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}

html body #modal .nas-card-form-row,
html[data-theme] body #modal .nas-card-form-row{
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
}

html body #modal .nas-card-form-row.wide,
html[data-theme] body #modal .nas-card-form-row.wide{
  grid-column:1/-1!important;
}

html body #modal .nas-card-form-row label,
html[data-theme] body #modal .nas-card-form-row label{
  color:rgba(244,244,241,.64)!important;
  font-size:11px!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/access-center/segments/084-nas-storage-access-center-segment-11.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/route-preview/segments/084-nas-storage-route-preview-segment-03.css */

html body #modal .nas-readonly-meta,
html[data-theme] body #modal .nas-readonly-meta{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}

html body #modal .nas-readonly-meta div,
html[data-theme] body #modal .nas-readonly-meta div{
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
  padding:10px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.035)!important;
}

html body #modal .nas-readonly-meta span,
html[data-theme] body #modal .nas-readonly-meta span{
  color:rgba(244,244,241,.55)!important;
  font-size:11px!important;
}

html body #modal .nas-readonly-meta b,
html[data-theme] body #modal .nas-readonly-meta b{
  min-width:0!important;
  color:#f4f4f1!important;
  font-size:12px!important;
  font-weight:760!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/route-preview/segments/084-nas-storage-route-preview-segment-03.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/permissions/segments/084-nas-storage-permissions-segment-10.css */

html body #modal .nas-permission-selector,
html[data-theme] body #modal .nas-permission-selector{
  display:grid!important;
  gap:10px!important;
  padding:12px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.035)!important;
  position:relative!important;
  z-index:1!important;
}

html body #modal .nas-permission-head,
html[data-theme] body #modal .nas-permission-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-width:0!important;
}

html body #modal .nas-permission-selector h3,
html[data-theme] body #modal .nas-permission-selector h3{
  margin:0!important;
  color:#f4f4f1!important;
  font-size:13px!important;
}

html body #modal .nas-template-inline-picker.people-picker-v2,
html[data-theme] body #modal .nas-template-inline-picker.people-picker-v2{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  padding:0!important;
}

html body #modal .nas-template-inline-picker :where(.people-picker-tabs,.people-picker-breadcrumb,.people-picker-path,.org-pick-searchbar,.people-picker-selected,.people-picker-selected-head,.people-picker-selected-list,.people-picker-nav-list,.org-pick-list,.org-simple-pick,.people-picker-company-block,.people-picker-current-dept,.people-picker-current-line,.people-picker-section-line),
html[data-theme] body #modal .nas-template-inline-picker :where(.people-picker-tabs,.people-picker-breadcrumb,.people-picker-path,.org-pick-searchbar,.people-picker-selected,.people-picker-selected-head,.people-picker-selected-list,.people-picker-nav-list,.org-pick-list,.org-simple-pick,.people-picker-company-block,.people-picker-current-dept,.people-picker-current-line,.people-picker-section-line){
  border:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

html body #modal .nas-template-inline-picker :where(.people-picker-tabs,.people-picker-breadcrumb,.people-picker-path,.org-pick-searchbar,.people-picker-selected,.people-picker-selected-head,.people-picker-selected-list,.people-picker-nav-list,.org-pick-list,.org-simple-pick,.people-picker-company-block,.people-picker-current-dept,.people-picker-current-line,.people-picker-section-line)::before,
html body #modal .nas-template-inline-picker :where(.people-picker-tabs,.people-picker-breadcrumb,.people-picker-path,.org-pick-searchbar,.people-picker-selected,.people-picker-selected-head,.people-picker-selected-list,.people-picker-nav-list,.org-pick-list,.org-simple-pick,.people-picker-company-block,.people-picker-current-dept,.people-picker-current-line,.people-picker-section-line)::after,
html[data-theme] body #modal .nas-template-inline-picker :where(.people-picker-tabs,.people-picker-breadcrumb,.people-picker-path,.org-pick-searchbar,.people-picker-selected,.people-picker-selected-head,.people-picker-selected-list,.people-picker-nav-list,.org-pick-list,.org-simple-pick,.people-picker-company-block,.people-picker-current-dept,.people-picker-current-line,.people-picker-section-line)::before,
html[data-theme] body #modal .nas-template-inline-picker :where(.people-picker-tabs,.people-picker-breadcrumb,.people-picker-path,.org-pick-searchbar,.people-picker-selected,.people-picker-selected-head,.people-picker-selected-list,.people-picker-nav-list,.org-pick-list,.org-simple-pick,.people-picker-company-block,.people-picker-current-dept,.people-picker-current-line,.people-picker-section-line)::after{
  display:none!important;
  content:none!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}

html body #modal .nas-template-inline-picker .people-picker-selected-head small,
html[data-theme] body #modal .nas-template-inline-picker .people-picker-selected-head small,
html body #modal .nas-template-inline-picker .org-pick-main span,
html[data-theme] body #modal .nas-template-inline-picker .org-pick-main span{
  display:none!important;
}

html body #modal .nas-template-inline-picker :where(.people-picker-tabs,.people-picker-breadcrumb,.org-pick-searchbar),
html[data-theme] body #modal .nas-template-inline-picker :where(.people-picker-tabs,.people-picker-breadcrumb,.org-pick-searchbar){
  margin-bottom:6px!important;
}

html body #modal .nas-template-inline-picker :where(.people-picker-nav-list,.org-pick-list),
html[data-theme] body #modal .nas-template-inline-picker :where(.people-picker-nav-list,.org-pick-list){
  max-height:260px!important;
  overflow:auto!important;
}

html body #modal .nas-template-inline-picker :where(.org-pick-row,.org-pick-person,.people-picker-nav-row,.people-picker-current-dept,.people-picker-selected-person,.people-picker-selected-dept,.people-picker-selected-role),
html[data-theme] body #modal .nas-template-inline-picker :where(.org-pick-row,.org-pick-person,.people-picker-nav-row,.people-picker-current-dept,.people-picker-selected-person,.people-picker-selected-dept,.people-picker-selected-role){
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
}

html body #modal .nas-permission-selector p,
html[data-theme] body #modal .nas-permission-selector p{
  margin:3px 0 0!important;
  color:rgba(244,244,241,.55)!important;
  font-size:11px!important;
  line-height:1.45!important;
}

html body #modal .nas-people-pick-btn,
html[data-theme] body #modal .nas-people-pick-btn{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:8px!important;
  background:rgba(96,165,250,.16)!important;
  color:#dbeafe!important;
  font-size:12px!important;
  font-weight:780!important;
  box-shadow:none!important;
}

html body #modal .nas-people-pick-btn:hover,
html[data-theme] body #modal .nas-people-pick-btn:hover{
  background:rgba(96,165,250,.26)!important;
}

html body #modal .nas-permission-checkrow,
html[data-theme] body #modal .nas-permission-checkrow{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:38px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#f4f4f1!important;
  box-shadow:none!important;
}

html body #modal .nas-permission-checkrow span,
html[data-theme] body #modal .nas-permission-checkrow span{
  display:grid!important;
  gap:2px!important;
}

html body #modal .nas-permission-checkrow b,
html[data-theme] body #modal .nas-permission-checkrow b{
  font-size:12px!important;
}

html body #modal .nas-permission-checkrow small,
html[data-theme] body #modal .nas-permission-checkrow small{
  color:rgba(244,244,241,.55)!important;
  font-size:11px!important;
}

html body #modal .nas-permission-account-list,
html[data-theme] body #modal .nas-permission-account-list{
  display:grid!important;
  gap:7px!important;
}

html body #modal .nas-permission-account-row,
html[data-theme] body #modal .nas-permission-account-row{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-height:42px!important;
  padding:7px 8px!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.026)!important;
}

html body #modal .nas-permission-account-row .avatar,
html[data-theme] body #modal .nas-permission-account-row .avatar{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:9px!important;
}

html body #modal .nas-permission-account-row span,
html[data-theme] body #modal .nas-permission-account-row span{
  display:grid!important;
  gap:1px!important;
  min-width:0!important;
}

html body #modal .nas-permission-account-row b,
html[data-theme] body #modal .nas-permission-account-row b{
  color:#f4f4f1!important;
  font-size:12px!important;
}

html body #modal .nas-permission-account-row small,
html[data-theme] body #modal .nas-permission-account-row small{
  color:#86efac!important;
  font-size:11px!important;
}

html body #modal .nas-permission-account-row.missing-account small,
html[data-theme] body #modal .nas-permission-account-row.missing-account small{
  color:#fca5a5!important;
}

html body #modal .nas-permission-account-empty,
html[data-theme] body #modal .nas-permission-account-empty{
  color:rgba(244,244,241,.55)!important;
  font-size:12px!important;
}

html body #modal .nas-permission-avatar-box,
html[data-theme] body #modal .nas-permission-avatar-box{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  padding:8px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.028)!important;
}

html body #modal .nas-permission-avatar-strip.mc-selected-avatar-strip,
html[data-theme] body #modal .nas-permission-avatar-strip.mc-selected-avatar-strip{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}

/* NAS role template assigned members: reuse shared selected people avatar model. */

html body .main.page-nasStorage .nas-role-template-card .nas-role-assigned-members,
html[data-theme] body .main.page-nasStorage .nas-role-template-card .nas-role-assigned-members{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  align-content:end!important;
  gap:4px!important;
  width:100%!important;
  min-width:0!important;
  margin-top:auto!important;
  padding:4px 0 0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body .main.page-nasStorage .nas-role-template-card .nas-role-assigned-strip.mc-selected-avatar-strip,
html[data-theme] body .main.page-nasStorage .nas-role-template-card .nas-role-assigned-strip.mc-selected-avatar-strip{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:4px!important;
  width:100%!important;
  min-width:0!important;
  min-height:26px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body .main.page-nasStorage .nas-role-template-card .nas-role-assigned-strip .mc-selected-avatar-token,
html[data-theme] body .main.page-nasStorage .nas-role-template-card .nas-role-assigned-strip .mc-selected-avatar-token{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body .main.page-nasStorage .nas-role-template-card .nas-role-assigned-strip :where(.avatar,.org-person-avatar),
html[data-theme] body .main.page-nasStorage .nas-role-template-card .nas-role-assigned-strip :where(.avatar,.org-person-avatar){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
  border-radius:var(--mc-avatar-radius,10px)!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid color-mix(in srgb,var(--nas-role-tone,#68d8ff) 32%,rgba(244,244,241,.10))!important;
  color:#f4f4f1!important;
  font-size:8px!important;
  font-weight:860!important;
  line-height:1!important;
  letter-spacing:0!important;
  overflow:hidden!important;
  box-shadow:none!important;
}

html body .main.page-nasStorage .nas-role-template-card .nas-role-assigned-strip :where(.avatar,.org-person-avatar) img,
html[data-theme] body .main.page-nasStorage .nas-role-template-card .nas-role-assigned-strip :where(.avatar,.org-person-avatar) img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:inherit!important;
  display:block!important;
}

html body .main.page-nasStorage .nas-role-template-card .nas-role-assigned-strip :where(.mc-selected-dept-token,.mc-selected-role-token),
html[data-theme] body .main.page-nasStorage .nas-role-template-card .nas-role-assigned-strip :where(.mc-selected-dept-token,.mc-selected-role-token){
  min-height:24px!important;
  max-width:100%!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  color:inherit!important;
  box-shadow:none!important;
  overflow:hidden!important;
  justify-content:flex-start!important;
  text-align:left!important;
}

html body .main.page-nasStorage .nas-role-template-card .nas-role-assigned-strip :where(.mc-selected-dept-token,.mc-selected-role-token) span,
html[data-theme] body .main.page-nasStorage .nas-role-template-card .nas-role-assigned-strip :where(.mc-selected-dept-token,.mc-selected-role-token) span{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:.96rem!important;
  font-weight:930!important;
  line-height:1.12!important;
}

html body .main.page-nasStorage .nas-role-template-card .nas-role-assigned-strip :where(.mc-selected-dept-token,.mc-selected-role-token) small,
html[data-theme] body .main.page-nasStorage .nas-role-template-card .nas-role-assigned-strip :where(.mc-selected-dept-token,.mc-selected-role-token) small{
  color:rgba(244,244,241,.55)!important;
  font-size:9px!important;
  font-weight:760!important;
}

html body .main.page-nasStorage .nas-role-template-card .nas-role-assigned-empty,
html[data-theme] body .main.page-nasStorage .nas-role-template-card .nas-role-assigned-empty{
  color:rgba(244,244,241,.42)!important;
  font-size:11px!important;
  font-weight:740!important;
}

html body .main.page-nasStorage .nas-role-template-card .nas-role-assigned-all,
html[data-theme] body .main.page-nasStorage .nas-role-template-card .nas-role-assigned-all{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:24px!important;
  padding:4px 9px!important;
  border-radius:var(--mc-radius-control)!important;
  border:1px solid color-mix(in srgb,var(--nas-role-tone,#68d8ff) 34%,rgba(244,244,241,.10))!important;
  background:color-mix(in srgb,var(--nas-role-tone,#68d8ff) 16%,rgba(255,255,255,.055))!important;
  color:#f4f4f1!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1.1!important;
  letter-spacing:0!important;
  box-shadow:none!important;
}

@media (max-width:900px){
  html body .main.page-nasStorage .nas-access-summary,
  html[data-theme] body .main.page-nasStorage .nas-access-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body .main.page-nasStorage .nas-role-template-grid,
  html[data-theme] body .main.page-nasStorage .nas-role-template-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body .main.page-nasStorage .nas-permission-summary-grid,
  html[data-theme] body .main.page-nasStorage .nas-permission-summary-grid,
  html body .main.page-nasStorage .nas-sub-permission-grid,
  html[data-theme] body .main.page-nasStorage .nas-sub-permission-grid{
    grid-template-columns:1fr!important;
  }
  html body #modal .nas-role-template-grid,
  html[data-theme] body #modal .nas-role-template-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body #modal .nas-permission-summary-grid,
  html[data-theme] body #modal .nas-permission-summary-grid,
  html body #modal .nas-sub-permission-grid,
  html[data-theme] body #modal .nas-sub-permission-grid{
    grid-template-columns:1fr!important;
  }
  html body #modal .nas-card-form-grid,
  html[data-theme] body #modal .nas-card-form-grid{
    grid-template-columns:1fr!important;
  }
  html body #modal .nas-readonly-meta,
  html[data-theme] body #modal .nas-readonly-meta{
    grid-template-columns:1fr!important;
  }
}

@media (max-width:640px){
  html body .main.page-nasStorage .nas-role-template-grid,
  html[data-theme] body .main.page-nasStorage .nas-role-template-grid{
    grid-template-columns:1fr!important;
  }
  html body .main.page-nasStorage .nas-config-section-title,
  html[data-theme] body .main.page-nasStorage .nas-config-section-title{
    display:grid!important;
    align-items:start!important;
  }
  html body #modal .nas-role-template-grid,
  html[data-theme] body #modal .nas-role-template-grid{
    grid-template-columns:1fr!important;
  }
  html body #modal .nas-config-section-title,
  html[data-theme] body #modal .nas-config-section-title{
    display:grid!important;
    align-items:start!important;
  }
  html body .main.page-nasStorage .nas-permission-branch,
  html[data-theme] body .main.page-nasStorage .nas-permission-branch{
    grid-template-columns:22px minmax(0,1fr)!important;
    gap:8px!important;
  }
  html body .main.page-nasStorage .nas-admin-summary,
  html[data-theme] body .main.page-nasStorage .nas-admin-summary{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  html body .main.page-nasStorage .nas-permission-org-tree,
  html[data-theme] body .main.page-nasStorage .nas-permission-org-tree{
    gap:12px!important;
  }
  html body .main.page-nasStorage .nas-org-main-permission,
  html[data-theme] body .main.page-nasStorage .nas-org-main-permission{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding-left:22px!important;
  }
  html body .main.page-nasStorage .nas-org-main-permission:after,
  html[data-theme] body .main.page-nasStorage .nas-org-main-permission:after,
  html body .main.page-nasStorage .nas-org-subline,
  html[data-theme] body .main.page-nasStorage .nas-org-subline{
    display:none!important;
  }
  html body .main.page-nasStorage .nas-org-main-head:before,
  html[data-theme] body .main.page-nasStorage .nas-org-main-head:before{
    left:-24px!important;
  }
  html body .main.page-nasStorage .nas-admin-actions,
  html[data-theme] body .main.page-nasStorage .nas-admin-actions{
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
  }
  html body .main.page-nasStorage .nas-card-grid-admin,
  html body .main.page-nasStorage .nas-card-grid-company,
  html body .main.page-nasStorage .nas-card-grid-staff,
  html[data-theme] body .main.page-nasStorage .nas-card-grid-admin{
    grid-template-columns:1fr!important;
  }
  html[data-theme] body .main.page-nasStorage .nas-card-grid-company,
  html[data-theme] body .main.page-nasStorage .nas-card-grid-staff{
    grid-template-columns:1fr!important;
  }
  html body .main.page-nasStorage .nas-branch-head,
  html[data-theme] body .main.page-nasStorage .nas-branch-head{
    display:grid!important;
  }
  html body .main.page-nasStorage .nas-access-summary,
  html[data-theme] body .main.page-nasStorage .nas-access-summary,
  html body .main.page-nasStorage .nas-security-note,
  html[data-theme] body .main.page-nasStorage .nas-security-note{
    grid-template-columns:1fr!important;
  }
  html body .main.page-nasStorage .nas-log-row,
  html[data-theme] body .main.page-nasStorage .nas-log-row{
    grid-template-columns:8px minmax(0,1fr)!important;
  }
  html body .main.page-nasStorage .nas-log-row em,
  html body .main.page-nasStorage .nas-log-row small,
  html body .main.page-nasStorage .nas-log-row i,
  html[data-theme] body .main.page-nasStorage .nas-log-row em,
  html[data-theme] body .main.page-nasStorage .nas-log-row small,
  html[data-theme] body .main.page-nasStorage .nas-log-row i{
    grid-column:2!important;
  }
}

/* NAS role template cards final override: must stay after legacy card rules. */

html body .main.page-nasStorage .nas-role-template-grid,
html[data-theme] body .main.page-nasStorage .nas-role-template-grid,
html body #modal .nas-role-template-grid,
html[data-theme] body #modal .nas-role-template-grid{
  grid-template-columns:minmax(92px,96px) repeat(4,minmax(192px,1fr))!important;
  justify-content:stretch!important;
  gap:8px!important;
}

html body .main.page-nasStorage .nas-role-template-card,
html[data-theme] body .main.page-nasStorage .nas-role-template-card,
html body #modal .nas-role-template-card,
html[data-theme] body #modal .nas-role-template-card{
  min-height:142px!important;
  gap:5px!important;
  padding:10px!important;
  overflow:hidden!important;
  border-color:transparent!important;
  border-radius:var(--mc-radius-control)!important;
  contain:paint!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 18% 0,color-mix(in srgb,var(--nas-role-tone) 28%,transparent),transparent 38%),
    linear-gradient(135deg,color-mix(in srgb,var(--nas-role-tone) 18%,rgba(255,255,255,.035)),rgba(255,255,255,.022))!important;
  box-shadow:none!important;
}

html body .main.page-nasStorage .nas-role-template-card.template-super_admin,
html[data-theme] body .main.page-nasStorage .nas-role-template-card.template-super_admin,
html body #modal .nas-role-template-card.template-super_admin,
html[data-theme] body #modal .nas-role-template-card.template-super_admin{
  --nas-role-tone:#f3c66f;
}

html body .main.page-nasStorage .nas-role-template-card.template-super_admin,
html[data-theme] body .main.page-nasStorage .nas-role-template-card.template-super_admin,
html body #modal .nas-role-template-card.template-super_admin,
html[data-theme] body #modal .nas-role-template-card.template-super_admin{
  min-height:142px!important;
  width:100%!important;
  justify-self:stretch!important;
  padding-inline:10px!important;
}

html body .main.page-nasStorage .nas-role-template-card.template-super_admin p,
html[data-theme] body .main.page-nasStorage .nas-role-template-card.template-super_admin p,
html body #modal .nas-role-template-card.template-super_admin p,
html[data-theme] body #modal .nas-role-template-card.template-super_admin p{
  display:block!important;
  color:rgba(255,255,255,.86)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}

html body .main.page-nasStorage .nas-role-template-card.template-super_admin .nas-role-template-inline-summary,
html[data-theme] body .main.page-nasStorage .nas-role-template-card.template-super_admin .nas-role-template-inline-summary,
html body #modal .nas-role-template-card.template-super_admin .nas-role-template-inline-summary,
html[data-theme] body #modal .nas-role-template-card.template-super_admin .nas-role-template-inline-summary{
  display:none!important;
}

html body .main.page-nasStorage .nas-role-template-card.template-super_admin .nas-role-template-system-home,
html[data-theme] body .main.page-nasStorage .nas-role-template-card.template-super_admin .nas-role-template-system-home,
html body #modal .nas-role-template-card.template-super_admin .nas-role-template-system-home,
html[data-theme] body #modal .nas-role-template-card.template-super_admin .nas-role-template-system-home,
html body .main.page-nasStorage .nas-role-template-card.template-super_admin .nas-role-template-home,
html[data-theme] body .main.page-nasStorage .nas-role-template-card.template-super_admin .nas-role-template-home,
html body #modal .nas-role-template-card.template-super_admin .nas-role-template-home,
html[data-theme] body #modal .nas-role-template-card.template-super_admin .nas-role-template-home,
html body .main.page-nasStorage .nas-role-template-card.template-super_admin .nas-role-assigned-members,
html[data-theme] body .main.page-nasStorage .nas-role-template-card.template-super_admin .nas-role-assigned-members,
html body #modal .nas-role-template-card.template-super_admin .nas-role-assigned-members,
html[data-theme] body #modal .nas-role-template-card.template-super_admin .nas-role-assigned-members{
  display:flex!important;
  overflow:hidden!important;
}

html body .main.page-nasStorage .nas-role-template-card.template-data_manager,
html[data-theme] body .main.page-nasStorage .nas-role-template-card.template-data_manager,
html body #modal .nas-role-template-card.template-data_manager,
html[data-theme] body #modal .nas-role-template-card.template-data_manager{
  --nas-role-tone:#68d8ff;
}

html body .main.page-nasStorage .nas-role-template-card.template-employee,
html[data-theme] body .main.page-nasStorage .nas-role-template-card.template-employee,
html body #modal .nas-role-template-card.template-employee,
html[data-theme] body #modal .nas-role-template-card.template-employee{
  --nas-role-tone:#7ef0a4;
}

html body .main.page-nasStorage .nas-role-template-card.template-custom,
html[data-theme] body .main.page-nasStorage .nas-role-template-card.template-custom,
html body #modal .nas-role-template-card.template-custom,
html[data-theme] body #modal .nas-role-template-card.template-custom{
  --nas-role-tone:#b19cff;
}

html body .main.page-nasStorage .nas-role-template-card:hover,
html[data-theme] body .main.page-nasStorage .nas-role-template-card:hover,
html body #modal .nas-role-template-card:hover,
html[data-theme] body #modal .nas-role-template-card:hover{
  background:
    radial-gradient(circle at 18% 0,color-mix(in srgb,var(--nas-role-tone) 34%,transparent),transparent 40%),
    linear-gradient(135deg,color-mix(in srgb,var(--nas-role-tone) 24%,rgba(255,255,255,.045)),rgba(255,255,255,.028))!important;
}

html body .main.page-nasStorage .nas-role-template-card.is-selected,
html[data-theme] body .main.page-nasStorage .nas-role-template-card.is-selected,
html body #modal .nas-role-template-card.is-selected,
html[data-theme] body #modal .nas-role-template-card.is-selected{
  border-color:color-mix(in srgb,var(--nas-role-tone) 72%,rgba(244,244,241,.18))!important;
  background:
    radial-gradient(circle at 18% 0,color-mix(in srgb,var(--nas-role-tone) 38%,transparent),transparent 40%),
    linear-gradient(135deg,color-mix(in srgb,var(--nas-role-tone) 28%,rgba(255,255,255,.05)),rgba(255,255,255,.035))!important;
  box-shadow:none!important;
}

html body .main.page-nasStorage .nas-role-template-card i,
html[data-theme] body .main.page-nasStorage .nas-role-template-card i,
html body #modal .nas-role-template-card i,
html[data-theme] body #modal .nas-role-template-card i{
  display:none!important;
}

html body .main.page-nasStorage .nas-role-template-card>span,
html[data-theme] body .main.page-nasStorage .nas-role-template-card>span,
html body #modal .nas-role-template-card>span,
html[data-theme] body #modal .nas-role-template-card>span{
  top:9px!important;
  right:10px!important;
  color:var(--nas-role-tone)!important;
  font-size:10px!important;
}

html body .main.page-nasStorage .nas-role-template-card h4,
html[data-theme] body .main.page-nasStorage .nas-role-template-card h4,
html body #modal .nas-role-template-card h4,
html[data-theme] body #modal .nas-role-template-card h4{
  color:#f4f4f1!important;
  font-size:15px!important;
}

html body .main.page-nasStorage .nas-role-template-card p,
html[data-theme] body .main.page-nasStorage .nas-role-template-card p,
html body #modal .nas-role-template-card p,
html[data-theme] body #modal .nas-role-template-card p{
  color:rgba(244,244,241,.68)!important;
  font-size:11px!important;
  line-height:1.36!important;
}

html body .main.page-nasStorage .nas-role-template-card em,
html[data-theme] body .main.page-nasStorage .nas-role-template-card em,
html body #modal .nas-role-template-card em,
html[data-theme] body #modal .nas-role-template-card em{
  padding:3px 5px!important;
  background:color-mix(in srgb,var(--nas-role-tone) 13%,rgba(255,255,255,.04))!important;
  color:rgba(244,244,241,.80)!important;
  font-size:9px!important;
}

html body .main.page-nasStorage .nas-role-template-card b,
html body .main.page-nasStorage .nas-role-template-card strong,
html[data-theme] body .main.page-nasStorage .nas-role-template-card b,
html[data-theme] body .main.page-nasStorage .nas-role-template-card strong,
html body #modal .nas-role-template-card b,
html body #modal .nas-role-template-card strong,
html[data-theme] body #modal .nas-role-template-card b,
html[data-theme] body #modal .nas-role-template-card strong{
  color:var(--nas-role-tone)!important;
  font-size:10px!important;
}

html body .main.page-nasStorage .nas-role-template-card .nas-role-template-system-home,
html[data-theme] body .main.page-nasStorage .nas-role-template-card .nas-role-template-system-home{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  margin-top:auto!important;
  padding-top:4px!important;
  width:100%!important;
}

html body .main.page-nasStorage .nas-role-template-system-home span,
html[data-theme] body .main.page-nasStorage .nas-role-template-system-home span{
  min-width:0!important;
  color:rgba(244,244,241,.58)!important;
  font-size:10px!important;
  line-height:1.2!important;
  text-align:right!important;
}

html body .main.page-nasStorage .nas-role-template-system-home button,
html[data-theme] body .main.page-nasStorage .nas-role-template-system-home button{
  height:24px!important;
  min-width:54px!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:var(--mc-radius-control)!important;
  background:color-mix(in srgb,var(--nas-role-tone) 18%,rgba(255,255,255,.035))!important;
  color:#f4f4f1!important;
  font-size:11px!important;
  line-height:24px!important;
  box-shadow:none!important;
}

html body .main.page-nasStorage .nas-role-template-system-home button:hover,
html[data-theme] body .main.page-nasStorage .nas-role-template-system-home button:hover{
  background:color-mix(in srgb,var(--nas-role-tone) 30%,rgba(255,255,255,.05))!important;
}

html body .main.page-nasStorage .nas-role-template-system-home button:disabled,
html[data-theme] body .main.page-nasStorage .nas-role-template-system-home button:disabled{
  opacity:.45!important;
  cursor:not-allowed!important;
}

/* NAS permission controls: final selected gradient stroke override. */

html body .main.page-nasStorage .nas-role-template-card.is-selected,
html[data-theme] body .main.page-nasStorage .nas-role-template-card.is-selected,
html body #modal .nas-role-template-card.is-selected,
html[data-theme] body #modal .nas-role-template-card.is-selected,
html body .main.page-nasStorage .nas-data-scope.is-selected,
html[data-theme] body .main.page-nasStorage .nas-data-scope.is-selected,
html body #modal .nas-data-scope.is-selected,
html[data-theme] body #modal .nas-data-scope.is-selected{
  border:1px solid transparent!important;
  background:
    linear-gradient(180deg,rgb(17,24,35),rgb(13,19,29)) padding-box,
    linear-gradient(135deg,rgba(104,216,255,.78),rgba(126,240,164,.66) 38%,rgba(177,156,255,.62) 72%,rgba(243,198,111,.56)) border-box!important;
  background-origin:padding-box,border-box!important;
  background-clip:padding-box,border-box!important;
  box-shadow:none!important;
}

html body .main.page-nasStorage .nas-role-template-card:not(.is-selected),
html[data-theme] body .main.page-nasStorage .nas-role-template-card:not(.is-selected),
html body #modal .nas-role-template-card:not(.is-selected),
html[data-theme] body #modal .nas-role-template-card:not(.is-selected),
html body .main.page-nasStorage .nas-data-scope:not(.is-selected),
html[data-theme] body .main.page-nasStorage .nas-data-scope:not(.is-selected),
html body #modal .nas-data-scope:not(.is-selected),
html[data-theme] body #modal .nas-data-scope:not(.is-selected){
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body .main.page-nasStorage .nas-role-template-card:not(.is-selected):hover,
html[data-theme] body .main.page-nasStorage .nas-role-template-card:not(.is-selected):hover,
html body #modal .nas-role-template-card:not(.is-selected):hover,
html[data-theme] body #modal .nas-role-template-card:not(.is-selected):hover,
html body .main.page-nasStorage .nas-data-scope:not(.is-selected):hover,
html[data-theme] body .main.page-nasStorage .nas-data-scope:not(.is-selected):hover,
html body #modal .nas-data-scope:not(.is-selected):hover,
html[data-theme] body #modal .nas-data-scope:not(.is-selected):hover{
  background:linear-gradient(135deg,color-mix(in srgb,var(--nas-role-tone,#68d8ff) 14%,rgba(255,255,255,.035)),rgba(255,255,255,.022))!important;
}

/* NAS template entry multi-select: standard textbox shell with borderless dropdown options. */

html body #modal .nas-template-entry-panel,
html[data-theme] body #modal .nas-template-entry-panel{
  display:grid!important;
  gap:10px!important;
  position:relative!important;
  z-index:30!important;
  overflow:visible!important;
}

html body #modal .nas-template-entry-field,
html[data-theme] body #modal .nas-template-entry-field{
  display:grid!important;
  gap:6px!important;
  overflow:visible!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/permissions/segments/084-nas-storage-permissions-segment-10.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/shared/segments/084-nas-storage-shared-segment-09.css */

html body #modal .nas-entry-multi-select,
html[data-theme] body #modal .nas-entry-multi-select{
  position:relative!important;
  overflow:visible!important;
  z-index:9300!important;
  height:38px!important;
  min-height:38px!important;
  padding:0!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/shared/segments/084-nas-storage-shared-segment-09.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/permissions/segments/084-nas-storage-permissions-segment-11.css */

html body #modal .nas-template-config-form,
html[data-theme] body #modal .nas-template-config-form,
html body #modal .nas-card-form,
html[data-theme] body #modal .nas-card-form{
  overflow:visible!important;
}

html body #modal .nas-template-entry-panel:has(.nas-entry-multi-select.open),
html[data-theme] body #modal .nas-template-entry-panel:has(.nas-entry-multi-select.open){
  z-index:9200!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/permissions/segments/084-nas-storage-permissions-segment-11.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/shared/segments/084-nas-storage-shared-segment-10.css */

html body #modal .nas-entry-multi-trigger,
html[data-theme] body #modal .nas-entry-multi-trigger{
  width:100%!important;
  height:36px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:var(--mc-radius-control)!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
}

html body #modal .nas-entry-multi-trigger span,
html[data-theme] body #modal .nas-entry-multi-trigger span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:rgba(244,244,241,.94)!important;
  font-size:var(--mc-type-body-control,.82rem)!important;
  font-weight:760!important;
}

html body #modal .nas-entry-multi-trigger b,
html[data-theme] body #modal .nas-entry-multi-trigger b{
  color:#67d7ff!important;
  font-size:.72rem!important;
}

html body #modal .nas-entry-multi-menu,
html[data-theme] body #modal .nas-entry-multi-menu{
  position:absolute!important;
  top:calc(100% + 6px)!important;
  left:0!important;
  right:0!important;
  z-index:9400!important;
  display:grid!important;
  gap:4px!important;
  padding:8px!important;
  border:1px solid rgba(244,244,241,.14)!important;
  border-radius:var(--mc-radius-control)!important;
  background:rgba(0,0,0,.92)!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:none!important;
}

html body #modal .nas-entry-multi-option,
html[data-theme] body #modal .nas-entry-multi-option{
  min-height:32px!important;
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:var(--mc-radius-control)!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
}

html body #modal .nas-entry-multi-option:hover,
html body #modal .nas-entry-multi-option.active,
html[data-theme] body #modal .nas-entry-multi-option:hover,
html[data-theme] body #modal .nas-entry-multi-option.active{
  background:var(--mc-model-button-fill-hover,rgba(126,240,164,.13))!important;
}

html body #modal .nas-entry-multi-option span,
html[data-theme] body #modal .nas-entry-multi-option span{
  color:rgba(244,244,241,.9)!important;
  font-size:var(--mc-type-body-control,.82rem)!important;
  font-weight:760!important;
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/shared/segments/084-nas-storage-shared-segment-10.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/recycle-bin/segments/084-nas-storage-recycle-bin-segment-01.css */

html body .main.page-nasStorage .nas-recycle-page,
html[data-theme] body .main.page-nasStorage .nas-recycle-page{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:10px;
}

html body .main.page-nasStorage .nas-recycle-head,
html[data-theme] body .main.page-nasStorage .nas-recycle-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:8px;
  background:rgba(15,23,42,.48);
  backdrop-filter:blur(18px);
}

html body .main.page-nasStorage .nas-recycle-head h2,
html[data-theme] body .main.page-nasStorage .nas-recycle-head h2{
  margin:0;
  font-size:22px;
  letter-spacing:0;
  color:#f8fafc;
}

html body .main.page-nasStorage .nas-recycle-head p,
html[data-theme] body .main.page-nasStorage .nas-recycle-head p{
  margin:6px 0 0;
  max-width:720px;
  font-size:13px;
  line-height:1.6;
  color:rgba(226,232,240,.72);
}

html body .main.page-nasStorage .nas-recycle-head>div:last-child,
html[data-theme] body .main.page-nasStorage .nas-recycle-head>div:last-child{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

html body .main.page-nasStorage .nas-recycle-table-wrap,
html[data-theme] body .main.page-nasStorage .nas-recycle-table-wrap{
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}

html body .main.page-nasStorage .nas-recycle-table,
html[data-theme] body .main.page-nasStorage .nas-recycle-table{
  width:100%;
  min-width:0;
  border-collapse:collapse;
  color:#e5edf8;
}

html body .main.page-nasStorage .nas-recycle-table th,
html body .main.page-nasStorage .nas-recycle-table td,
html[data-theme] body .main.page-nasStorage .nas-recycle-table th,
html[data-theme] body .main.page-nasStorage .nas-recycle-table td{
  padding:11px 14px;
  border-bottom:1px solid rgba(103,215,255,.085);
  text-align:left;
  vertical-align:middle;
  font-size:13px;
}

html body .main.page-nasStorage .nas-recycle-table th,
html[data-theme] body .main.page-nasStorage .nas-recycle-table th{
  position:sticky;
  top:0;
  z-index:1;
  background:rgba(5,18,32,.42);
  color:rgba(147,197,253,.76);
  font-weight:700;
}

html body .main.page-nasStorage .nas-recycle-table tbody tr,
html[data-theme] body .main.page-nasStorage .nas-recycle-table tbody tr{
  position:relative;
  background:rgba(2,8,18,.18);
}

html body .main.page-nasStorage .nas-recycle-table tbody tr:nth-child(even),
html[data-theme] body .main.page-nasStorage .nas-recycle-table tbody tr:nth-child(even){
  background:rgba(255,255,255,.026);
}

html body .main.page-nasStorage .nas-recycle-table tbody tr:hover,
html[data-theme] body .main.page-nasStorage .nas-recycle-table tbody tr:hover{
  background:var(--mc-model-button-fill-hover,var(--mc-spectrum-fill-hover,rgba(103,215,255,.075)));
}

html body .main.page-nasStorage .nas-recycle-table tbody tr.room-online,
html[data-theme] body .main.page-nasStorage .nas-recycle-table tbody tr.room-online{
  background:linear-gradient(90deg,rgba(34,197,94,.13),rgba(2,8,18,.18) 58%);
}

html body .main.page-nasStorage .nas-recycle-table tbody tr.room-offline,
html[data-theme] body .main.page-nasStorage .nas-recycle-table tbody tr.room-offline{
  background:linear-gradient(90deg,rgba(239,68,68,.13),rgba(2,8,18,.18) 58%);
}

html body .main.page-nasStorage .nas-recycle-table td,
html[data-theme] body .main.page-nasStorage .nas-recycle-table td{
  overflow:visible;
}

html body .main.page-nasStorage .nas-recycle-table td b,
html[data-theme] body .main.page-nasStorage .nas-recycle-table td b{
  display:block;
  max-width:340px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:rgba(245,251,255,.96);
  font-size:13px;
}

html body .main.page-nasStorage .nas-recycle-file-cell,
html[data-theme] body .main.page-nasStorage .nas-recycle-file-cell{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  align-items:center;
  gap:10px;
  min-width:0;
}

html body .main.page-nasStorage .nas-recycle-file-copy,
html[data-theme] body .main.page-nasStorage .nas-recycle-file-copy{
  display:block;
  min-width:0;
}

html body .main.page-nasStorage .nas-recycle-thumb,
html[data-theme] body .main.page-nasStorage .nas-recycle-thumb{
  position:relative;
  z-index:2;
  width:44px;
  height:34px;
  min-width:44px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(103,215,255,.22);
  border-radius:var(--mc-radius-control,8px);
  background:linear-gradient(135deg,rgba(103,215,255,.16),rgba(126,240,164,.08));
  color:rgba(245,251,255,.88);
  box-shadow:none;
  cursor:zoom-in;
  transform:translateZ(0);
  transform-origin:left center;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}

html body .main.page-nasStorage .nas-recycle-thumb-video,
html[data-theme] body .main.page-nasStorage .nas-recycle-thumb-video{
  border-color:rgba(167,139,250,.28);
  background:linear-gradient(135deg,rgba(103,215,255,.14),rgba(167,139,250,.16));
}

html body .main.page-nasStorage .nas-recycle-thumb-image,
html[data-theme] body .main.page-nasStorage .nas-recycle-thumb-image{
  border-color:rgba(126,240,164,.3);
  background:linear-gradient(135deg,rgba(126,240,164,.16),rgba(103,215,255,.12));
}

html body .main.page-nasStorage .nas-recycle-thumb img,
html[data-theme] body .main.page-nasStorage .nas-recycle-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:inherit;
}

html body .main.page-nasStorage .nas-recycle-thumb b,
html[data-theme] body .main.page-nasStorage .nas-recycle-thumb b{
  max-width:none;
  color:rgba(245,251,255,.9);
  font-size:11px;
  line-height:1;
}

html body .main.page-nasStorage .nas-recycle-thumb i,
html[data-theme] body .main.page-nasStorage .nas-recycle-thumb i{
  position:absolute;
  right:3px;
  bottom:2px;
  color:rgba(245,251,255,.58);
  font-size:9px;
  font-style:normal;
  line-height:1;
}

html body .main.page-nasStorage .nas-recycle-thumb:is(:hover,:focus-visible),
html[data-theme] body .main.page-nasStorage .nas-recycle-thumb:is(:hover,:focus-visible){
  z-index:80;
  transform:scale(2.35);
  border-color:rgba(103,215,255,.62);
  background:rgba(4,16,30,.92);
  box-shadow:0 0 0 1px rgba(103,215,255,.26),0 14px 32px rgba(0,0,0,.32);
  outline:0;
}

html body .main.page-nasStorage .nas-recycle-table td small,
html[data-theme] body .main.page-nasStorage .nas-recycle-table td small{
  display:block;
  margin-top:4px;
  max-width:420px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:rgba(148,163,184,.78);
}

html body .main.page-nasStorage .nas-recycle-room-state,
html[data-theme] body .main.page-nasStorage .nas-recycle-room-state{
  display:inline-grid;
  gap:2px;
  min-width:66px;
  line-height:1.15;
}

html body .main.page-nasStorage .nas-recycle-room-state b,
html[data-theme] body .main.page-nasStorage .nas-recycle-room-state b{
  max-width:none;
  font-size:13px;
  color:inherit;
}

html body .main.page-nasStorage .nas-recycle-room-state i,
html[data-theme] body .main.page-nasStorage .nas-recycle-room-state i{
  font-style:normal;
  font-size:11px;
  font-weight:800;
}

html body .main.page-nasStorage .nas-recycle-room-state.online,
html[data-theme] body .main.page-nasStorage .nas-recycle-room-state.online{
  color:#86efac;
}

html body .main.page-nasStorage .nas-recycle-room-state.offline,
html[data-theme] body .main.page-nasStorage .nas-recycle-room-state.offline{
  color:#fca5a5;
}

html body .main.page-nasStorage .nas-recycle-status,
html[data-theme] body .main.page-nasStorage .nas-recycle-status{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  border-radius:var(--mc-radius-control,8px);
  font-size:12px;
  font-weight:800;
  background:rgba(59,130,246,.16);
  color:#93c5fd;
}

html body .main.page-nasStorage .nas-recycle-status.pending,
html[data-theme] body .main.page-nasStorage .nas-recycle-status.pending{
  background:rgba(245,158,11,.16);
  color:#fcd34d;
}

html body .main.page-nasStorage .nas-recycle-status.done,
html[data-theme] body .main.page-nasStorage .nas-recycle-status.done{
  background:rgba(34,197,94,.16);
  color:#86efac;
}

html body .main.page-nasStorage .nas-recycle-status.failed,
html[data-theme] body .main.page-nasStorage .nas-recycle-status.failed{
  background:rgba(239,68,68,.16);
  color:#fca5a5;
}

html body .main.page-nasStorage .nas-recycle-table td:last-child,
html[data-theme] body .main.page-nasStorage .nas-recycle-table td:last-child{
  white-space:nowrap;
}

html body .main.page-nasStorage .nas-recycle-table td:last-child .btn,
html[data-theme] body .main.page-nasStorage .nas-recycle-table td:last-child .btn{
  margin-right:6px;
}

html body .main.page-nasStorage .nas-recycle-danger-action,
html[data-theme] body .main.page-nasStorage .nas-recycle-danger-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:var(--mc-radius-control,8px)!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#ff6b7a!important;
  -webkit-text-fill-color:#ff6b7a!important;
  font-weight:850!important;
  min-height:28px!important;
  padding:0 10px!important;
  line-height:1!important;
}

html body .main.page-nasStorage .nas-recycle-danger-action .nas-recycle-danger-label,
html[data-theme] body .main.page-nasStorage .nas-recycle-danger-action .nas-recycle-danger-label{
  color:#ff334d!important;
  -webkit-text-fill-color:#ff334d!important;
}

html body .main.page-nasStorage .nas-recycle-last-success,
html[data-theme] body .main.page-nasStorage .nas-recycle-last-success{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  color:#86efac;
  font-size:12px;
  font-weight:750;
  white-space:nowrap;
}

html body .main.page-nasStorage .nas-recycle-danger-action:is(:hover,:focus-visible),
html[data-theme] body .main.page-nasStorage .nas-recycle-danger-action:is(:hover,:focus-visible){
  background:var(--mc-model-button-fill-hover,var(--mc-spectrum-fill-hover,rgba(255,255,255,.07)))!important;
  background-image:var(--mc-model-button-fill-hover,var(--mc-spectrum-fill-hover,rgba(255,255,255,.07)))!important;
  color:#ff4f64!important;
  -webkit-text-fill-color:#ff4f64!important;
  outline:0!important;
}

html body .main.page-nasStorage .nas-recycle-danger-action:disabled,
html[data-theme] body .main.page-nasStorage .nas-recycle-danger-action:disabled{
  background:transparent!important;
  color:rgba(148,163,184,.64)!important;
}

html body .main.page-nasStorage .nas-recycle-table .nas-recycle-queued-btn,
html[data-theme] body .main.page-nasStorage .nas-recycle-table .nas-recycle-queued-btn{
  border:1px solid transparent!important;
  border-radius:var(--mc-radius-control,6px)!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(203,213,225,.78)!important;
  cursor:default!important;
  font-weight:780!important;
  min-height:28px;
}

html body .main.page-nasStorage .nas-recycle-table .nas-recycle-undo-btn,
html[data-theme] body .main.page-nasStorage .nas-recycle-table .nas-recycle-undo-btn{
  min-width:52px;
}

html body .main.page-nasStorage .nas-recycle-empty,
html[data-theme] body .main.page-nasStorage .nas-recycle-empty{
  height:120px;
  text-align:center!important;
  color:rgba(147,197,253,.62);
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/recycle-bin/segments/084-nas-storage-recycle-bin-segment-01.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/route-preview/segments/084-nas-storage-route-preview-segment-04.css */

/* NAS candidate read-only preview. */

html body .main.page-nasStorage .nas-candidate-preview-panel,
html[data-theme] body .main.page-nasStorage .nas-candidate-preview-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  min-width:0;
  padding:10px 12px;
  border:1px solid rgba(148,163,184,.2);
  border-radius:var(--mc-radius-control,8px);
  background:rgba(15,23,42,.34);
}

html body .main.page-nasStorage .nas-candidate-preview-copy,
html[data-theme] body .main.page-nasStorage .nas-candidate-preview-copy{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:5px 10px;
  min-width:0;
}

html body .main.page-nasStorage .nas-candidate-preview-label,
html[data-theme] body .main.page-nasStorage .nas-candidate-preview-label{
  color:rgba(203,213,225,.74);
  font-size:12px;
  font-weight:750;
}

html body .main.page-nasStorage .nas-candidate-preview-ref,
html[data-theme] body .main.page-nasStorage .nas-candidate-preview-ref{
  min-width:0;
  max-width:100%;
  color:#cbd5e1;
  font-size:12px;
  font-weight:800;
  overflow-wrap:anywhere;
  word-break:break-word;
}

html body .main.page-nasStorage .nas-candidate-preview-status,
html[data-theme] body .main.page-nasStorage .nas-candidate-preview-status{
  color:#86efac;
  font-size:12px;
  font-weight:800;
}

html body .main.page-nasStorage .nas-candidate-preview-panel.state-ready .nas-candidate-preview-ref,
html[data-theme] body .main.page-nasStorage .nas-candidate-preview-panel.state-ready .nas-candidate-preview-ref{
  color:#86efac;
}

html body .main.page-nasStorage .nas-candidate-preview-button,
html[data-theme] body .main.page-nasStorage .nas-candidate-preview-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 44px;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  padding:0!important;
}

html body .main.page-nasStorage .nas-candidate-preview-button:focus-visible,
html[data-theme] body .main.page-nasStorage .nas-candidate-preview-button:focus-visible{
  outline:2px solid #60a5fa!important;
  outline-offset:2px;
}

@media (max-width:560px){
  html body .main.page-nasStorage .nas-candidate-preview-panel,
  html[data-theme] body .main.page-nasStorage .nas-candidate-preview-panel{
    gap:8px;
    padding:8px 10px;
  }
}

/* <<< runtime/legacy/styles/blocks/network/nas-storage/route-preview/segments/084-nas-storage-route-preview-segment-04.css */


/* >>> runtime/legacy/styles/blocks/network/nas-storage/page/084-nas-storage-live-page.css */

/* NAS storage legacy style compatibility entry. Ordered responsibility segments preserve the original cascade. */

/* <<< runtime/legacy/styles/blocks/network/nas-storage/page/084-nas-storage-live-page.css */


/* >>> runtime/legacy/styles/blocks/shell/topbar/effect/085-top-head-blue-glass.css */

/* top-head-blue-glass-v2
   Reversible desktop titlebar tint: remove this import to return to the locked neutral glass. */
html body .app.app,
html body #modal{
  --mc-head-bg:
    radial-gradient(760px 150px at 12% -12%,rgba(0,210,255,.078),transparent 72%),
    linear-gradient(112deg,rgba(0,145,255,.058) 0%,rgba(60,105,255,.032) 42%,rgba(255,255,255,.01) 100%),
    linear-gradient(180deg,rgba(255,255,255,.012),rgba(0,0,0,.008));
  --mc-head-bg-solid:rgba(6,18,32,.105);
}

html body .app.app .layout.layout > .main.main :is(.mc-page-head-model,.page-head,.nd-page-head,.employee-admin-fixed,.settings-modern-head,.history-fixed-head,.live-room-head,.att-rule-fixed-head,.att-rule-topline,.workbench-unified-head,.att-report-fixed-head,.account-fixed-head,.agent-fixed-head),
html[data-theme] body .app.app .layout.layout > .main.main :is(.mc-page-head-model,.page-head,.nd-page-head,.employee-admin-fixed,.settings-modern-head,.history-fixed-head,.live-room-head,.att-rule-fixed-head,.att-rule-topline,.workbench-unified-head,.att-report-fixed-head,.account-fixed-head,.agent-fixed-head),
html body #modal :is(.mc-page-head-model,.secondary-rail-head),
html[data-theme] body #modal :is(.mc-page-head-model,.secondary-rail-head){
  background:var(--mc-head-bg)!important;
  background-color:var(--mc-head-bg-solid)!important;
  background-image:var(--mc-head-bg)!important;
}

/* <<< runtime/legacy/styles/blocks/shell/topbar/effect/085-top-head-blue-glass.css */


/* >>> runtime/legacy/styles/index-parts/index-part-07.css */

/* Legacy CSS entry part 7/7. Keep import order stable. */

/* <<< runtime/legacy/styles/index-parts/index-part-07.css */


/* >>> runtime/legacy/styles/index.legacy.css */

/* Legacy CSS entry.
   Static CSS blocks are split under runtime/legacy/styles/blocks.
   Blocks 2-53 were JS runtime style strings and are intentionally not duplicated here.
   Migrate rules from blocks into style-models, then delete the legacy block.
   Ordered block imports live under runtime/legacy/styles/index-parts. */








html body .management-eval-import-body,
html[data-theme] body .management-eval-import-body{
  display:grid!important;
  gap:12px!important;
}
html body .management-eval-import-text,
html[data-theme] body .management-eval-import-text{
  width:100%!important;
  min-height:260px!important;
  resize:vertical!important;
  border-radius:10px!important;
  border:1px solid rgba(244,244,241,.14)!important;
  background:rgba(255,255,255,.045)!important;
  color:#f4f4f1!important;
  padding:12px!important;
  line-height:1.55!important;
  box-shadow:none!important;
  outline:0!important;
}
html body .management-eval-import-text:focus,
html[data-theme] body .management-eval-import-text:focus{
  border-color:rgba(125,211,252,.58)!important;
  box-shadow:none!important;
}
html body #managementEvalImportFile,
html[data-theme] body #managementEvalImportFile{
  display:none!important;
}
html body .management-eval-import-actions,
html[data-theme] body .management-eval-import-actions{
  display:flex!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}

/* <<< runtime/legacy/styles/index.legacy.css */