/* MyOffice TEA2 v4 area hubs — r2 */
.area-hub-view{padding:0!important;overflow:hidden!important}
.area-hub-shell{height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px;padding:12px}
.area-hub-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid rgba(188,231,255,.28);border-radius:18px;background:linear-gradient(135deg,rgba(240,250,255,.16),rgba(38,115,172,.13));box-shadow:inset 0 1px 0 rgba(255,255,255,.2);backdrop-filter:blur(20px)}
.area-hub-title small,.area-hub-title strong{display:block}
.area-hub-title small{font-size:10px!important;letter-spacing:1.4px;text-transform:uppercase;color:#8ce6ff}
.area-hub-title strong{margin-top:4px;font-size:24px;letter-spacing:-.3px}
.area-hub-title span{display:block;margin-top:5px;font-size:11px;color:#c0dcec}
.area-hub-context{display:flex;align-items:end;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.area-hub-context label{display:grid;gap:4px;font-size:9px;color:#b8d6e8;text-transform:uppercase;letter-spacing:.8px}
.area-hub-context select,.area-hub-search input{min-width:180px;height:36px;border:1px solid rgba(170,225,255,.32);border-radius:11px;background:rgba(4,48,86,.52);color:#fff;padding:0 10px}
.area-hub-search{display:flex;align-items:center;gap:8px;padding:0 2px}
.area-hub-search input{width:min(420px,42vw);min-width:220px}
.area-hub-search small{font-size:10px;color:#a8c8dc}
.area-hub-grid{min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:10px;padding:2px 2px 10px;align-content:start;scrollbar-width:thin;scrollbar-color:rgba(107,205,255,.45) transparent}
.area-hub-card{min-height:132px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:14px;border:1px solid rgba(179,228,255,.22);border-radius:16px;background:linear-gradient(145deg,rgba(237,249,255,.11),rgba(24,88,141,.16));color:#f6fbff;text-align:left;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 10px 24px rgba(0,27,63,.09);transition:transform .14s ease,border-color .14s ease,background .14s ease}
.area-hub-card:hover,.area-hub-card:focus-visible{outline:0;transform:translateY(-2px);border-color:rgba(122,220,255,.62);background:linear-gradient(145deg,rgba(243,252,255,.18),rgba(34,125,190,.23));box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 13px 28px rgba(0,31,69,.13)}
.area-hub-card-head{width:100%;display:flex;align-items:center;gap:10px}
.area-hub-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(178,232,255,.54);background:linear-gradient(145deg,#5bd0ff,#176ed4);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 7px 16px rgba(0,83,170,.2);font-size:18px}
.area-hub-card strong{font-size:14px}
.area-hub-card p{margin:0;font-size:11px;line-height:1.45;color:#c3dced}
.area-hub-card em{margin-top:auto;font-style:normal;font-size:10px;color:#79dcff}
.area-hub-card[data-hidden="1"]{display:none}
.area-hub-section-title{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:8px 4px 2px;color:#eefdff}
.area-hub-section-title strong{font-size:12px;text-transform:uppercase;letter-spacing:1px}
.area-hub-section-title span{font-size:10px;color:#8ccdea}
.legacy-tool-view{padding:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
.legacy-tool-view[hidden]{display:none!important}
.legacy-tool-head{flex:0 0 auto}
.legacy-tool-shell{flex:1;min-height:0;margin:0 8px 8px;border:1px solid rgba(176,227,255,.25);border-radius:16px;overflow:hidden;background:rgba(5,34,66,.45)}
.legacy-tool-shell iframe{width:100%;height:100%;display:block;border:0;background:#eaf5fb}
.myoffice-area-menu{display:flex;flex-direction:column;gap:5px}
.myoffice-area-item{width:100%;min-height:46px;display:grid;grid-template-columns:34px minmax(0,1fr) 14px;align-items:center;gap:9px;padding:6px 9px 6px 6px;border:1px solid transparent;border-radius:12px;background:transparent;color:#f6fbff;text-align:left;cursor:pointer}
.myoffice-area-item:hover,.myoffice-area-item:focus-visible,.myoffice-area-item.active{outline:0;border-color:rgba(150,224,255,.4);background:linear-gradient(90deg,rgba(235,249,255,.17),rgba(35,126,193,.16))}
.myoffice-area-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;border:1px solid rgba(178,231,255,.55);background:linear-gradient(145deg,rgba(89,203,255,.96),rgba(17,96,191,.92));font-size:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 6px 14px rgba(0,80,165,.18)}
.myoffice-area-copy{min-width:0}
.myoffice-area-copy strong,.myoffice-area-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.myoffice-area-copy strong{font-size:12px}
.myoffice-area-copy small{margin-top:2px;font-size:9px;color:#b3d2e4}
.myoffice-area-chev{font-size:17px;color:#70d7ff}
.area-context-summary{display:grid;gap:8px}
.area-context-summary .ctx-row{padding:10px;border:1px solid rgba(177,227,255,.18);border-radius:12px;background:rgba(238,249,255,.06)}
.area-context-summary .ctx-row small,.area-context-summary .ctx-row strong{display:block}
.area-context-summary .ctx-row small{font-size:9px;color:#93cbe8;text-transform:uppercase;letter-spacing:.8px}
.area-context-summary .ctx-row strong{margin-top:4px;font-size:12px}
@media(max-width:1280px){.area-hub-grid{grid-template-columns:repeat(2,minmax(210px,1fr))}.area-hub-title strong{font-size:21px}}
@media(max-width:760px){.area-hub-shell{padding:8px}.area-hub-top{align-items:flex-start;flex-direction:column}.area-hub-context{width:100%;justify-content:flex-start}.area-hub-context label{width:100%}.area-hub-context select{width:100%}.area-hub-search input{width:100%;min-width:0}.area-hub-grid{grid-template-columns:1fr}.area-hub-card{min-height:112px}.area-hub-section-title{padding-top:4px}}