/* Header actions 76: Facilities is the reference for every shared workspace row.
   One renderer/owner replaces 75's compact rails and Accounting's legacy flat bar.
   Hero CTAs, register actions, sidebar controls and utilities retain their own roles. */
@font-face {
    font-family:"EcoTracer Header Actions"; font-style:normal; font-weight:700; font-display:swap;
    src:url("../../fonts/ecotracer/chakra-petch-700-v19-1.woff") format("woff");
}
body.eco-application #applicationMain .eco-command-header:has(> [data-eco-header-actions="76"]) {
    container:eco-command-head / inline-size;
}
body.eco-application #applicationMain .eco-command-actions[data-eco-header-actions="76"] {
    display:grid!important; grid-template-columns:repeat(var(--eco-header-action-columns,4),minmax(0,1fr))!important;
    grid-auto-rows:1fr; align-items:stretch!important; justify-content:normal!important; gap:.75rem!important;
    box-sizing:border-box; inline-size:100%!important; min-inline-size:0; max-inline-size:100%;
    margin:0!important; padding:1rem 1.5rem!important; border:0!important; border-block:1px solid #28576b!important;
    border-radius:0!important; background:linear-gradient(180deg,#082936,#061f2c)!important;
}
body.eco-application #applicationMain [data-eco-header-actions="76"] > .eco-header-action76 {
    --eco-header-edge:linear-gradient(120deg,#52d9ff,#27accc 45%,#4bd5f5);
    --eco-header-fill:linear-gradient(135deg,#0a2b3d,#041c2a);
    position:relative!important; isolation:isolate; box-sizing:border-box;
    display:flex!important; align-items:center!important; justify-content:space-between!important;
    inline-size:100%!important; width:100%!important; min-inline-size:0!important; max-inline-size:none!important;
    min-block-size:4.75rem!important; align-self:stretch!important; margin:0!important;
    padding:1.125rem 1rem!important; gap:.625rem!important;
    border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important;
    color:#f4fcff!important; font:700 1rem/1.25 "EcoTracer Header Actions","Chakra Petch",sans-serif!important;
    letter-spacing:.035em!important; text-transform:uppercase!important; text-decoration:none!important;
    text-align:start!important; white-space:normal!important; overflow-wrap:anywhere; text-shadow:none!important;
    clip-path:none!important; transform:none!important; filter:none!important; overflow:visible!important;
    transition:color 140ms ease;
}
body.eco-application #applicationMain [data-eco-header-actions="76"] > .eco-header-action76::before,
body.eco-application #applicationMain [data-eco-header-actions="76"] > .eco-header-action76::after {
    content:""!important; display:block!important; position:absolute!important; inset:0!important; z-index:-2!important;
    inline-size:auto!important; block-size:auto!important; pointer-events:none;
    border:0!important; border-radius:0!important; box-shadow:none!important; transform:none!important;
    mask:none!important; -webkit-mask:none!important;
    clip-path:polygon(12px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 12px),calc(100% - 12px) 100%,18px 100%,0 calc(100% - 18px),0 12px)!important;
    background:var(--eco-header-edge)!important;
}
body.eco-application #applicationMain [data-eco-header-actions="76"] > .eco-header-action76::after {
    inset:1.5px!important; z-index:-1!important;
    clip-path:polygon(11px 0,calc(100% - 17px) 0,100% 17px,100% calc(100% - 11px),calc(100% - 11px) 100%,17px 100%,0 calc(100% - 17px),0 11px)!important;
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%2096%22%20preserveAspectRatio%3D%22none%22%20fill%3D%22none%22%3E%3Cg%20stroke%3D%22%2352d9ff%22%20stroke-width%3D%22.8%22%20vector-effect%3D%22non-scaling-stroke%22%3E%3Cpath%20opacity%3D%22.48%22%20d%3D%22M18%206H294L313%2025V73L296%2089H22L7%2074V20Z%22%2F%3E%3Cpath%20opacity%3D%22.24%22%20d%3D%22M25%2011H288L307%2029V69L291%2084H27L13%2069V24Z%22%2F%3E%3Cpath%20opacity%3D%22.7%22%20d%3D%22M18%206h78M222%206h60M35%2089h64M212%2089h70%22%2F%3E%3Cpath%20opacity%3D%22.55%22%20d%3D%22M7%2083v8h9M306%206h7v8%22%2F%3E%3Cpath%20opacity%3D%22.3%22%20d%3D%22M230%2013h26M16%2024v24%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%2352d9ff%22%20opacity%3D%22.65%22%3E%3Ccircle%20cx%3D%22185%22%20cy%3D%2282%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%22190%22%20cy%3D%2282%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%22195%22%20cy%3D%2282%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%2282%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),linear-gradient(#52d9ff0f 1px,transparent 1px),linear-gradient(90deg,#52d9ff0f 1px,transparent 1px),var(--eco-header-fill)!important;
    background-size:100% 100%,14px 14px,14px 14px,100% 100%!important;
    background-repeat:no-repeat,repeat,repeat,no-repeat!important;
}
body.eco-application #applicationMain [data-eco-header-actions="76"] > .eco-command-primary {
    --eco-header-edge:linear-gradient(110deg,#f0ffff,#52d9ff 31%,#aef8ff 68%,#f0ffff);
    --eco-header-fill:linear-gradient(105deg,#0d4053,#062d3e);
}
body.eco-application #applicationMain [data-eco-header-actions="76"] .eco-header-action-icon76 {
    display:flex!important; align-items:center; position:static!important;
    flex:0 0 1.5rem!important; inline-size:1.5rem!important; block-size:1.5rem!important;
    margin:0!important; padding:0!important; color:#70e5ff; line-height:1;
}
body.eco-application #applicationMain [data-eco-header-actions="76"] .eco-header-action-icon76::before {content:none!important;display:none!important;}
body.eco-application #applicationMain [data-eco-header-actions="76"] .eco-header-action-icon76 svg {display:block;inline-size:100%;block-size:100%;}
body.eco-application #applicationMain [data-eco-header-actions="76"] .eco-header-action-label76 {
    display:block; flex:1 1 auto!important; min-inline-size:0; padding:0!important; font:inherit!important; letter-spacing:inherit!important;
}
body.eco-application #applicationMain [data-eco-header-actions="76"] .eco-header-action-label76 small {
    display:block; margin-top:.25rem; font:700 .75rem/1.4 "EcoTracer Header Actions",sans-serif; letter-spacing:0; text-transform:none;
}
body.eco-application #applicationMain [data-eco-header-actions="76"] .eco-header-action-arrow76 {
    flex:0 0 auto!important; margin:0!important; padding:0!important; color:#70e5ff; font-size:1.25rem; line-height:1;
}
body.eco-application #applicationMain [data-eco-header-actions="76"] > a:is(:hover,:focus-visible) {
    --eco-header-edge:linear-gradient(120deg,#efffff,#64e5ff,#bffaff); --eco-header-fill:linear-gradient(135deg,#103d50,#062839);
}
body.eco-application #applicationMain [data-eco-header-actions="76"] > a:focus-visible {outline:2px solid #f4fcff!important;outline-offset:3px!important;}
body.eco-application #applicationMain [data-eco-header-actions="76"] > [aria-disabled="true"] {
    --eco-header-edge:#617c8b; --eco-header-fill:linear-gradient(#102630,#102630); color:#afc3ce!important; cursor:not-allowed; opacity:1;
}
body.eco-application #applicationMain [data-eco-header-actions="76"] > [aria-disabled="true"] :is(.eco-header-action-icon76,.eco-header-action-arrow76) {color:#afc3ce;}

/* Breakpoints use available header width, including an expanded sidebar.
   A final unpaired action keeps the same cell width rather than spanning the row. */
@container eco-command-head (max-width:80rem) {
    body.eco-application #applicationMain [data-eco-header-actions="76"]:is([data-eco-header-action-count="5"],[data-eco-header-action-count="6"]) {grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@container eco-command-head (max-width:64rem) {
    body.eco-application #applicationMain [data-eco-header-actions="76"]:not([data-eco-header-action-count="3"]) {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@container eco-command-head (max-width:52rem) {
    body.eco-application #applicationMain .eco-command-actions[data-eco-header-actions="76"] {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@container eco-command-head (max-width:34rem) {
    body.eco-application #applicationMain .eco-command-actions[data-eco-header-actions="76"] {grid-template-columns:minmax(0,1fr)!important;padding:1rem!important;}
}
body.eco-application #applicationMain .eco-command-actions[data-eco-header-actions="76"][data-eco-header-action-count="1"] {grid-template-columns:minmax(0,min(100%,24rem))!important;}
@media (max-width:40rem) {
    body.eco-application #applicationMain .eco-command-actions[data-eco-header-actions="76"][data-eco-header-action-count] {
        grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:auto;padding:.75rem!important;
    }
    body.eco-application #applicationMain [data-eco-header-actions="76"] > .eco-header-action76 {
        min-block-size:3.5rem!important;padding:.875rem 1rem!important;font-size:.875rem!important;
        white-space:normal!important;word-break:normal;overflow-wrap:break-word;
    }
    body.eco-application #applicationMain [data-eco-header-actions="76"] .eco-header-action-label76 {word-break:normal;overflow-wrap:break-word;}
}
@media (prefers-reduced-motion:reduce) {
    body.eco-application #applicationMain [data-eco-header-actions="76"] > .eco-header-action76 {transition:none;}
}
@media (forced-colors:active) {
    body.eco-application #applicationMain .eco-command-actions[data-eco-header-actions="76"] {background:Canvas!important;border-color:CanvasText!important;}
    body.eco-application #applicationMain [data-eco-header-actions="76"] > .eco-header-action76 {background:ButtonFace!important;color:ButtonText!important;border:1px solid ButtonText!important;}
    body.eco-application #applicationMain [data-eco-header-actions="76"] > .eco-header-action76::before,
    body.eco-application #applicationMain [data-eco-header-actions="76"] > .eco-header-action76::after {content:none!important;}
    body.eco-application #applicationMain [data-eco-header-actions="76"] :is(.eco-header-action-icon76,.eco-header-action-arrow76) {color:ButtonText;}
    body.eco-application #applicationMain [data-eco-header-actions="76"] > [aria-disabled="true"] {color:GrayText!important;border-color:GrayText!important;}
    body.eco-application #applicationMain [data-eco-header-actions="76"] > a:focus-visible {outline-color:Highlight!important;}
}
@media print {
    body.eco-application #applicationMain .eco-command-actions[data-eco-header-actions="76"] {background:#fff!important;border-color:#777!important;}
    body.eco-application #applicationMain [data-eco-header-actions="76"] > .eco-header-action76 {background:#fff!important;color:#111!important;border:1px solid #777!important;}
    body.eco-application #applicationMain [data-eco-header-actions="76"] > .eco-header-action76::before,
    body.eco-application #applicationMain [data-eco-header-actions="76"] > .eco-header-action76::after {content:none!important;}
}