/* V1.1.1: light, space-efficient desktop ribbon and panels */
body.hat111-desktop{--hat111-panel-width:364px}
body.hat111-desktop #hat111Ribbon{height:113px;display:flex;flex-direction:column;background:#edf2f7;border-bottom:1px solid #b7c5d4;position:relative;z-index:25;color:#213953;font-family:'Segoe UI',system-ui,sans-serif;box-shadow:0 2px 7px #15263d15}
body.hat111-desktop #hat111Ribbon .hat111-tabs{height:33px;display:flex;align-items:stretch;background:#f9fbfe;border-bottom:1px solid #cbd5e0;gap:1px;padding-left:12px}
body.hat111-desktop #hat111Ribbon .hat111-tabs button{padding:0 15px;border:0;border-bottom:2px solid transparent;background:transparent;color:#3b5670;font-size:12px;font-weight:600;min-height:32px;border-radius:0}
body.hat111-desktop #hat111Ribbon .hat111-tabs button[aria-selected="true"]{border-bottom-color:#2273b5;background:#e7f0fa;color:#14538a}
body.hat111-desktop #hat111Ribbon .hat111-fill{flex:1}
body.hat111-desktop #hat111Actions{display:flex;align-items:center;gap:4px;padding:6px 14px;min-height:0;overflow-x:auto;flex:1}
body.hat111-desktop #hat111Actions .hat111-action{min-width:72px;min-height:66px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;border:1px solid transparent;border-radius:7px;background:transparent;color:#284660;cursor:pointer}
body.hat111-desktop #hat111Actions .hat111-action:hover{background:#d8e7f5;border-color:#acc8df}
body.hat111-desktop #hat111Actions .hat111-action>span{font-size:24px;line-height:27px}
body.hat111-desktop #hat111Actions .hat111-action small{font-size:11px;white-space:nowrap}
body.hat111-desktop.hat111-ribbon-min #hat111Ribbon{height:33px}
body.hat111-desktop.hat111-ribbon-min #hat111Actions{display:none}
body.hat111-desktop.hat061-ux main{height:calc(100dvh - 58px - 34px - 113px)!important;min-height:220px}
body.hat111-desktop.hat111-ribbon-min.hat061-ux main{height:calc(100dvh - 58px - 34px - 33px)!important}
body.hat111-desktop #hat063Context:not(.hat063-small){width:min(var(--hat111-panel-width),calc(100vw - var(--hat063-panel-left) - 13px))!important}
body.hat111-desktop.hat111-panel-mini #hat063Context{max-height:48px!important;min-height:48px!important;height:48px!important;bottom:auto!important}
body.hat111-desktop.hat111-panel-mini #hat063Context .hat063-body,body.hat111-desktop.hat111-panel-mini #hat063Context .hat063-foot,body.hat111-desktop.hat111-panel-mini #hat063Context .hat102-auto-row{display:none!important}
body.hat111-desktop #hat111PanelControls{display:flex;gap:3px;align-items:center;flex:0 0 auto}
body.hat111-desktop #hat111PanelControls button{width:29px;height:28px;min-height:28px;border:1px solid #a6bacb;border-radius:6px;color:#2c4961;background:#f8fbfd;font-size:16px;padding:2px}
body.hat111-desktop #hat111PanelControls button[aria-pressed=true]{background:#badcf5;border-color:#6aa4c7}
body.hat111-desktop #hat111Resize{position:absolute;right:0;top:52px;bottom:22px;width:8px;cursor:ew-resize;z-index:6;touch-action:none}
body.hat111-desktop #hat111Resize:hover{background:#5b95c850}
body.hat111-desktop.hat111-panel-mini #hat111Resize{display:none}
body.hat111-desktop.hat111-pinned #hat063Context{box-shadow:0 12px 36px #1021394d!important}
body.hat111-desktop #hat111Status{font-size:11px;color:#90b9c9;padding:0 10px;white-space:nowrap;border-left:1px solid #456577}
body.hat111-desktop .hat111-desktop-window{box-shadow:0 18px 50px #0c203860!important;border:1px solid #8da5bb!important;border-radius:10px!important}
@media(max-width:760px){body.hat111-desktop #hat111Ribbon{height:82px}body.hat111-desktop #hat111Ribbon .hat111-tabs{overflow-x:auto;padding-left:2px}body.hat111-desktop #hat111Ribbon .hat111-tabs button{padding:0 8px;white-space:nowrap}body.hat111-desktop #hat111Actions{padding:2px 5px}body.hat111-desktop #hat111Actions .hat111-action{min-width:54px;min-height:42px}body.hat111-desktop #hat111Actions .hat111-action>span{font-size:20px}body.hat111-desktop #hat111Actions .hat111-action small{font-size:9px}body.hat111-desktop.hat061-ux main{height:calc(100dvh - 54px - 34px - 82px)!important}body.hat111-desktop.hat111-ribbon-min.hat061-ux main{height:calc(100dvh - 54px - 34px - 33px)!important}body.hat111-desktop #hat111Resize{display:none}body.hat111-desktop #hat111Status{display:none}}
@media print{body.hat111-desktop #hat111Ribbon{display:none!important}}


/* V1.1.3 – synchronized desktop menu and compact top command bar */
body.hat111-desktop{--hat111-panel-width:384px}
body.hat111-desktop header{padding:6px 10px!important;gap:8px;align-items:center;min-height:52px}
body.hat111-desktop header .brand strong{font-size:15px}
body.hat111-desktop header .brand small{font-size:11px;color:#b9cfdd}
body.hat111-desktop header .group{gap:4px;flex-wrap:wrap}
body.hat111-desktop header button{min-height:34px;padding:6px 11px;border-radius:8px;font-size:12px}
body.hat111-desktop header #hat113QuickBar{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;min-width:0}
body.hat111-desktop header #hat113QuickBar .hat113-sep{width:1px;height:22px;background:#36586f;opacity:.45;margin:0 2px}
body.hat111-desktop header #hat113QuickBar>button{white-space:nowrap;flex:0 0 auto}
body.hat111-desktop header #hat113MoreWrap{position:relative;display:flex;align-items:center}
body.hat111-desktop header #hat113MoreBtn{min-width:38px;padding-inline:10px;font-size:18px;line-height:1}
body.hat111-desktop header #hat113MoreMenu{position:absolute;right:0;top:calc(100% + 6px);min-width:210px;display:none;flex-direction:column;gap:4px;padding:8px;background:#183247;border:1px solid #50738b;border-radius:10px;box-shadow:0 14px 34px rgba(0,0,0,.32);z-index:120}
body.hat111-desktop header #hat113MoreMenu.open{display:flex}
body.hat111-desktop header #hat113MoreMenu>button{justify-content:flex-start;text-align:left;width:100%;background:#24455b;border-color:#4e7086;color:#edf9ff}
body.hat111-desktop header .group:empty{display:none!important}
body.hat111-desktop #hat111Ribbon{height:104px}
body.hat111-desktop #hat111Ribbon .hat111-tabs{height:32px;padding-left:10px}
body.hat111-desktop #hat111Ribbon .hat111-tabs button{padding:0 13px;min-height:31px}
body.hat111-desktop #hat111Actions{padding:4px 12px}
body.hat111-desktop #hat111Actions .hat111-action{min-width:68px;min-height:60px;gap:3px;border-radius:8px}
body.hat111-desktop #hat111Actions .hat111-action>span{font-size:22px;line-height:24px}
body.hat111-desktop #hat111Actions .hat111-action small{font-size:10px}
body.hat111-desktop.hat061-ux main{height:calc(100dvh - 52px - 34px - 104px)!important}
body.hat111-desktop.hat111-ribbon-min.hat061-ux main{height:calc(100dvh - 52px - 34px - 33px)!important}
@media(max-width:980px){body.hat111-desktop header #hat113QuickBar{overflow-x:auto;scrollbar-width:thin;padding-bottom:1px}body.hat111-desktop header .brand{min-width:180px}body.hat111-desktop #hat111Ribbon{height:96px}body.hat111-desktop.hat061-ux main{height:calc(100dvh - 52px - 34px - 96px)!important}}
@media(max-width:760px){body.hat111-desktop header{padding:6px 8px!important;gap:6px;min-height:50px}body.hat111-desktop header .brand{max-width:148px;min-width:148px}body.hat111-desktop header .brand strong{font-size:14px}body.hat111-desktop header #hat113QuickBar>button{font-size:11px;padding:6px 8px}body.hat111-desktop #hat111Ribbon{height:82px}}