/* HAT UI V1.1.4 / Designer 3.7 – shared Office-like design language */
:root{--hat-ui-surface:#f8fafc;--hat-ui-ribbon:#fff;--hat-ui-ink:#24354b;--hat-ui-muted:#62758b;--hat-ui-border:#c9d4e1;--hat-ui-accent:#2367ad;--hat-ui-active:#dcecff;--hat-ui-radius:7px;--hat-ui-shadow:0 10px 28px #0c263d30}
/* Compact contextual ribbons: tab bar and one-level grouped tools */
body.hat111-desktop #hat111Ribbon{background:var(--hat-ui-ribbon)!important;height:92px!important;border-color:var(--hat-ui-border)!important;box-shadow:0 1px 5px #15263d13!important}
body.hat111-desktop #hat111Ribbon .hat111-tabs{height:31px;background:#f8fafc!important;padding-left:8px}
body.hat111-desktop #hat111Ribbon .hat111-tabs button{min-height:29px;padding:0 11px!important;border-radius:5px 5px 0 0}
body.hat111-desktop #hat111Ribbon .hat111-tabs button[aria-selected=true]{background:#fff!important;color:var(--hat-ui-accent)!important;border-bottom:2px solid var(--hat-ui-accent)!important}
body.hat111-desktop #hat111Actions{padding:4px 9px!important;gap:1px!important}
body.hat111-desktop #hat111Actions .hat111-action{min-height:51px!important;min-width:60px!important;padding:3px 7px!important;border-radius:6px!important;color:var(--hat-ui-ink)!important}
body.hat111-desktop #hat111Actions .hat111-action>span{font-size:20px!important;line-height:22px!important}
body.hat111-desktop #hat111Actions .hat111-action small{font-size:10px!important}
body.hat111-desktop #hat111Actions .hat111-action:hover{background:var(--hat-ui-active)!important;border-color:#b7d0e8!important}
body.hat111-desktop.hat111-ribbon-min #hat111Ribbon{height:31px!important}
body.hat111-desktop.hat061-ux main{height:calc(100dvh - 52px - 34px - 92px)!important}
body.hat111-desktop.hat111-ribbon-min.hat061-ux main{height:calc(100dvh - 52px - 34px - 31px)!important}
/* Standard desktop property panel: matching structure, title bar, content scroll, footer */
body.hat063-context-ui #hat063Context{border:1px solid var(--hat-ui-border)!important;border-radius:9px!important;box-shadow:var(--hat-ui-shadow)!important;background:#f0f4f8!important}
body.hat063-context-ui #hat063Context .hat063-head{height:44px!important;min-height:44px!important;background:linear-gradient(#fff,#eef3f8)!important;border-bottom:1px solid var(--hat-ui-border)!important}
body.hat063-context-ui #hat063Context .hat063-body{background:#172b40!important;min-height:0!important;flex:1!important;overflow:auto!important}
body.hat063-context-ui #hat063Context .hat063-foot{min-height:28px!important;background:#eef3f8!important;color:#5c7188!important;border-top:1px solid var(--hat-ui-border)!important}
body.hat063-context-ui #hat063Context .hat063-foot span{color:#21629a!important}
/* Shared icon button vocabulary */
body.hat111-desktop #hat111PanelControls button,body.hat111-desktop #hat063Collapse{border-radius:6px!important;min-height:28px!important}
body.hat111-desktop #hat113MoreBtn{background:linear-gradient(#fff,#e6edf5)!important;color:#25415c!important;border:1px solid #b8c7d5!important}
body.hat111-desktop #hat113QuickBar button{border-radius:6px!important}
@media(max-width:760px){body.hat111-desktop #hat111Ribbon{height:78px!important}body.hat111-desktop.hat061-ux main{height:calc(100dvh - 50px - 34px - 78px)!important}}