#view-hub{flex:1 1 0;height:0;min-height:0;background:var(--surface-2);overflow-x:hidden;overflow-y:scroll;overscroll-behavior-y:contain;scrollbar-gutter:stable;touch-action:pan-y;-webkit-overflow-scrolling:touch}
#view-hub .hub-home{flex:0 0 auto;min-height:100%;width:min(1480px,100%);max-width:none;margin:0 auto;padding:var(--pad-5) var(--pad-6) calc(var(--pad-6) + env(safe-area-inset-bottom,0px));overflow:visible}
.hub-gold-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pad-5);margin-bottom:var(--pad-4)}
.hub-gold-eyebrow{margin:0 0 4px;color:var(--text-3);font:700 var(--fs-xs)/1 var(--font-sans);text-transform:uppercase}
.hub-gold-head h1{margin:0;color:var(--text);font:650 var(--fs-2xl)/1.15 var(--font-sans);letter-spacing:0}
.hub-gold-head p{margin:var(--pad-1) 0 0;color:var(--text-3);font-size:var(--fs-sm)}
.hub-gold-actions{display:flex;align-items:center;gap:var(--pad-2)}
.hub-gold-btn{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:var(--pad-2);padding:0 var(--pad-3);border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-2);font:600 var(--fs-sm)/1 var(--font-sans);text-decoration:none;cursor:pointer}
.hub-gold-btn:hover,.hub-gold-btn.active{border-color:var(--accent);color:var(--text);background:var(--hover)}
.hub-gold-btn svg{width:15px;height:15px}.hub-gold-icon-btn{width:34px;padding:0}
.hub-gold-tools{display:flex;align-items:center;gap:var(--pad-2);margin-bottom:var(--pad-4)}
.hub-module-search{width:min(520px,100%);height:36px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);padding:0 12px;font:400 var(--fs-sm)/1 var(--font-sans);outline:none}
.hub-module-search:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in oklch,var(--accent) 15%,transparent)}
.hub-gold-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:var(--pad-5);align-items:start}
.hub-family-rail{position:sticky;top:64px;display:flex;flex-direction:column;border-right:1px solid var(--border);padding-right:var(--pad-3);min-width:0}
.hub-family-label{padding:0 10px 8px;color:var(--text-3);font:700 var(--fs-xs)/1 var(--font-sans);text-transform:uppercase}
.hub-family-btn{width:100%;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:var(--pad-2);padding:0 var(--pad-3);border:0;border-left:3px solid transparent;border-radius:0 5px 5px 0;background:transparent;color:var(--text-2);font:500 var(--fs-sm)/1.2 var(--font-sans);text-align:left;cursor:pointer}
.hub-family-btn:hover{background:var(--hover);color:var(--text)}
.hub-family-btn.active{border-left-color:var(--accent);background:color-mix(in oklch,var(--accent) 9%,transparent);color:var(--text);font-weight:650}
.hub-family-count{color:var(--text-3);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}
.hub-family-spacer{height:var(--pad-3);margin:var(--pad-1) var(--pad-3);border-top:1px solid var(--border)}
.hub-gold-content{min-width:0}.hub-section{display:block;padding:0;overflow:visible}
.hub-gold-section{margin:0 0 26px}.hub-gold-section[hidden]{display:none}
.hub-gold-section-head{display:flex;align-items:end;justify-content:space-between;gap:var(--pad-3);margin-bottom:var(--pad-3);padding-bottom:var(--pad-2);border-bottom:1px solid var(--border)}
.hub-gold-section-head h2{margin:0;color:var(--text);font:650 var(--fs-md)/1.2 var(--font-sans);letter-spacing:0}
.hub-gold-section-head p{margin:var(--pad-1) 0 0;color:var(--text-3);font-size:var(--fs-xs)}
.hub-section-action{border:0;background:transparent;color:var(--text-3);font-size:var(--fs-xs);cursor:pointer;padding:var(--pad-1) var(--pad-2);border-radius:4px}.hub-section-action:hover{background:var(--hover);color:var(--text)}
.hub-module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:var(--pad-2);align-items:stretch}
.hub-module-card{--hub-family-color:var(--text-3);position:relative;min-height:88px;border:1px solid var(--border);border-left:4px solid var(--hub-family-color);border-radius:6px;background:var(--surface);padding:var(--pad-2) calc(var(--pad-6) + var(--pad-2)) var(--pad-2) var(--pad-2);color:var(--text);transition:border-color .14s,background .14s,box-shadow .14s,opacity .14s;overflow:hidden}
.hub-module-card:hover{background:var(--hover);border-top-color:var(--border-strong);border-right-color:var(--border-strong);border-bottom-color:var(--border-strong)}
.hub-module-card[data-family="daily"]{--hub-family-color:var(--info)}.hub-module-card[data-family="fleet"]{--hub-family-color:var(--teal,var(--accent))}.hub-module-card[data-family="knowledge"]{--hub-family-color:var(--purple)}.hub-module-card[data-family="coordination"]{--hub-family-color:var(--accent)}.hub-module-card[data-family="people"]{--hub-family-color:var(--warning)}.hub-module-card[data-family="platform"]{--hub-family-color:var(--text-3)}.hub-module-card[data-family="integrations"]{--hub-family-color:var(--cyan,var(--info))}.hub-module-card[data-family="roadmap"]{--hub-family-color:var(--warning);opacity:.82}
.hub-module-main{width:100%;display:flex;align-items:flex-start;gap:var(--pad-2);border:0;background:transparent;color:inherit;text-decoration:none;text-align:left;min-width:0;cursor:pointer}.hub-module-main:hover .hub-module-title{text-decoration:underline;text-underline-offset:3px}
.hub-order-reset{display:none}.hub-customizing .hub-order-reset{display:inline-flex}
.hub-module-icon{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--border);border-radius:5px;background:var(--surface-2);color:var(--hub-family-color)}.hub-module-icon svg{width:16px;height:16px}
.hub-module-copy{min-width:0}.hub-module-title{display:block;margin:0 0 2px;color:var(--text);font:700 var(--fs-sm)/1.2 var(--font-ui);letter-spacing:0}.hub-module-sub{display:-webkit-box;overflow:hidden;color:var(--text-3);font:400 var(--fs-xs)/1.35 var(--font-ui);-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hub-module-meta{position:absolute;left:53px;bottom:10px;color:var(--text-3);font-size:var(--fs-2xs);text-transform:uppercase}
.hub-pin-btn{position:absolute;right:8px;top:8px;width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:4px;background:transparent;color:var(--text-3);cursor:pointer}.hub-pin-btn:hover{background:var(--surface-2);color:var(--text)}.hub-pin-btn.active{color:var(--accent)}.hub-pin-btn svg{width:15px;height:15px}
.hub-move-tools{position:absolute;right:7px;bottom:7px;display:none;gap:var(--pad-1)}.hub-customizing .hub-move-tools{display:flex}.hub-move-tools button{width:27px;height:25px;border:1px solid var(--border);border-radius:4px;background:var(--surface-2);color:var(--text-2);cursor:pointer}.hub-move-tools button:hover{border-color:var(--accent);color:var(--text)}
.hub-customizing .hub-module-card:not([data-roadmap="true"]){cursor:grab}.hub-module-card.dragging{opacity:.3}.hub-module-card.drop-before{box-shadow:-4px 0 0 var(--accent)}.hub-module-card.drop-after{box-shadow:4px 0 0 var(--accent)}
.hub-roadmap-badge{position:absolute;right:9px;top:9px;padding:var(--pad-1) var(--pad-2);border:1px solid var(--border);border-radius:3px;color:var(--text-3);font-size:var(--fs-2xs);text-transform:uppercase}
.hub-gold-empty{display:none;padding:var(--pad-6);border:1px dashed var(--border);border-radius:6px;color:var(--text-3);font-size:var(--fs-sm);text-align:center}.hub-gold-empty.show{display:block}
.hub-gold-toast{position:fixed;right:18px;bottom:18px;z-index:100;max-width:360px;padding:var(--pad-3);border:1px solid var(--border-strong);border-radius:6px;background:var(--surface);box-shadow:var(--shadow-lg);color:var(--text);font-size:var(--fs-sm);opacity:0;transform:translateY(8px);pointer-events:none;transition:.16s}.hub-gold-toast.show{opacity:1;transform:none}.hub-gold-toast.error{border-color:var(--danger);color:var(--danger)}
@media(max-width:1100px){.hub-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-gold-layout{grid-template-columns:185px minmax(0,1fr)}}
@media(max-width:760px){#view-hub .hub-home{padding:var(--pad-4) var(--pad-3) var(--pad-6)}.hub-gold-head{align-items:center;margin-bottom:var(--pad-3)}.hub-gold-head h1{font-size:var(--fs-xl)}.hub-gold-head p,.hub-gold-btn-label{display:none}.hub-gold-tools{margin-bottom:var(--pad-3)}.hub-module-search{width:100%}.hub-gold-layout{display:block}.hub-family-rail{position:static;display:flex;flex-direction:row;overflow-x:auto;margin:0 calc(-1 * var(--pad-3)) var(--pad-4);padding:0 var(--pad-3) var(--pad-1);border-right:0}.hub-family-label,.hub-family-spacer{display:none}.hub-family-btn{width:auto;min-width:max-content;border-left:0;border-bottom:2px solid transparent;border-radius:5px 5px 0 0;padding:0 var(--pad-3)}.hub-family-btn.active{border-left:0;border-bottom-color:var(--accent)}.hub-module-grid{grid-template-columns:1fr}.hub-module-card{min-height:96px}.hub-gold-section{margin-bottom:var(--pad-5)}.hub-move-tools{display:flex}.hub-customizing .hub-module-card{cursor:default}}