/* Shared v33 visual language. Native workflows remain within their module. */
[hidden]{display:none!important}
bisp-shell{display:block;flex:0 0 auto;background:#fff;color:#172033;font-family:"Segoe UI",Arial,sans-serif}
.hub-header{min-height:66px;display:flex;align-items:center;gap:12px;padding:10px 24px;border-bottom:1px solid #edf0f5}
.hub-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#172033;font-size:16px;font-weight:600;line-height:1.3}
.hub-brand small{display:block;font-size:11px;font-weight:400;color:#526076;margin-top:2px}
.hub-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#1769d2;color:#fff;font-size:19px;font-weight:600}
.hub-version{padding:3px 7px;border:1px solid #dfe4ec;border-radius:6px;color:#526076;font-size:11px}
.hub-utilities{margin-left:auto;display:flex;align-items:center;gap:12px}
.hub-utilities>a,.hub-utilities>button{display:inline-flex;align-items:center;min-height:34px;border:1px solid #dfe4ec;background:#fff;border-radius:7px;padding:6px 10px;color:#526076;text-decoration:none;font-size:12px;cursor:pointer}
.hub-health{font-size:12px;color:#526076;white-space:nowrap}.hub-health:before{content:'';display:inline-block;width:7px;height:7px;background:#9aa0a6;border-radius:50%;margin-right:6px}.hub-health[data-ok=true]:before{background:#188038}.hub-health[data-ok=false]:before{background:#c53030}
.hub-nav{display:flex;gap:6px;padding:0 24px;border-bottom:1px solid #dfe4ec;overflow-x:auto}
.hub-nav a{padding:13px 16px 11px;border-bottom:3px solid transparent;text-decoration:none;color:#526076;white-space:nowrap;font-size:13px;font-weight:500}
.hub-nav a[aria-current=page]{color:#1558b0;border-bottom-color:#1769d2;background:#f5f9ff}.hub-nav a:hover{background:#f5f7fb}.hub-utilities [aria-current]{color:#1558b0;background:#eaf2ff}
.v33-context{height:48px!important;padding:6px 24px!important;background:#f8fafc!important}.v33-context .brand,.v33-context #backBtn,.v33-context .status{display:none}.v33-context:before{content:'TWI Forms';font-size:16px;font-weight:600}
.topbar[hidden]{display:none!important}.daybar.clean{padding-inline:24px}.sheetbar{padding-inline:24px}
#root table th{font-size:12px!important;color:#526076!important;background:#f8fafc!important}#root table td{font-size:13px}
.hub-resize{position:absolute;right:0;top:0;height:100%;width:8px;min-height:0!important;border:0;border-right:2px solid #cbd3df;background:transparent;cursor:col-resize;padding:0!important;touch-action:none}.hub-resize:hover,.hub-resize:focus-visible{background:#dbe8fd}
.hub-notice{margin:12px 16px;padding:10px 12px;background:#fff7e0;border:1px solid #efd28b;border-radius:8px;font-size:13px;color:#805600}
.hub-empty{padding:40px 24px;text-align:center;color:#526076;line-height:1.7}.hub-empty button{margin-top:12px;padding:8px 14px;border:1px solid #cbd3df;border-radius:7px;background:#fff;color:#1558b0;cursor:pointer}
.hub-detail{position:fixed;inset:0 0 0 auto;width:min(460px,100%);height:100dvh;background:#fff;border-left:1px solid #dfe4ec;box-shadow:-10px 0 40px #17203320;z-index:120;padding:24px;overflow:auto}.hub-detail h2{font-size:20px;margin:14px 0}.hub-detail dl{display:grid;gap:0}.hub-detail dt{font-size:12px;color:#526076;margin-top:16px}.hub-detail dd{margin:4px 0 0;font-size:14px;overflow-wrap:anywhere;white-space:pre-wrap}.hub-detail button{padding:7px 12px;border:1px solid #dfe4ec;border-radius:7px;background:white;cursor:pointer}
@media(max-width:720px){.hub-header{padding:10px 12px;flex-wrap:wrap;gap:8px}.hub-brand{font-size:14px}.hub-utilities{gap:6px}.hub-health{display:none}.hub-nav{padding:0 8px;gap:0}.hub-nav a{padding:11px 12px 9px}.hub-utilities>a,.hub-utilities>button{padding:5px 8px}.v33-context{padding-inline:12px!important}.daybar.clean{padding-inline:12px}.hub-mark{width:30px;height:30px}}