.portal-simple{display:grid;gap:16px}.portal-simple-card{padding:22px;border-radius:16px}.portal-simple-card .panel__head{margin-bottom:16px}.portal-simple-card .panel__head h3{font-size:18px;margin:0 0 5px}.portal-simple-card .panel__head p{font-size:13px;color:#6d6780;line-height:1.8;margin:0}.portal-simple-link{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #e9e4f2;background:#faf9fd;border-radius:12px;padding:14px;min-width:0}.portal-simple-link .ltr{overflow-wrap:anywhere;word-break:break-all;text-align:left;direction:ltr;font-size:14px}.portal-simple-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.portal-simple-info{display:grid;gap:12px}.portal-simple-info p{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:11px;background:#faf9fd;line-height:1.9;margin:0;color:#443e55;font-size:14px}.portal-simple-info i{color:#7949d7;margin-top:7px}@media(max-width:650px){.portal-simple-card{padding:16px}.portal-simple-link{flex-direction:column;align-items:stretch}.portal-simple-actions .btn{flex:1}}
.portal-simple-summary{display:flex;flex-wrap:wrap;gap:20px;margin:12px 0 18px}.portal-simple-summary span{background:#f6f3fd;border-radius:10px;padding:10px 18px;color:#403755}.portal-simple-table-wrap{overflow-x:auto}.portal-simple-table{width:100%;border-collapse:collapse;font-size:13px}.portal-simple-table th,.portal-simple-table td{text-align:center;padding:13px;border-bottom:1px solid #ece8f3;white-space:nowrap}.portal-simple-table th{font-weight:700;background:#faf9fd}.portal-simple-table .ltr{direction:ltr;text-align:center}

.portal-guide .panel__head{margin-bottom:15px}
.portal-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.portal-guide-card{border:1px solid #ede9f5;background:#faf9fd;border-radius:13px;padding:17px;min-width:0}
.portal-guide-icon{display:grid;place-items:center;width:39px;height:39px;background:#eee7fc;color:#7748c8;border-radius:11px;margin-bottom:12px}
.portal-guide-card strong{display:block;font-size:14px;color:#302943;margin-bottom:6px}
.portal-guide-card p{margin:0;font-size:12px;line-height:1.9;color:#696176}
.portal-tabbar{display:flex;align-items:center;gap:8px;border-bottom:1px solid #e7e2ed;padding:0 3px 10px}
.portal-tab{border:1px solid transparent;border-radius:11px;background:transparent;color:#615a72;padding:12px 19px;font:inherit;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:9px}
.portal-tab:hover{background:#f5f1fd}
.portal-tab.is-active{background:#eee7fd;border-color:#ded0fa;color:#6536bd}
@media(max-width:1050px){.portal-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.portal-guide-grid{grid-template-columns:1fr}.portal-tabbar{display:grid;grid-template-columns:1fr 1fr}.portal-tab{justify-content:center;padding:10px 5px;font-size:12px}}

.portal-person-group{display:block;font-size:11px;color:#82788f;margin-top:5px}.portal-report-footnote{font-size:12px;line-height:1.85;color:#6c6478;margin-top:15px}

/* Staff portal training video in the manager hub */
.portal-learning-video{position:relative;width:min(100%,760px);aspect-ratio:16/9;margin:4px 0 16px;overflow:hidden;border-radius:16px;background:#191025;border:1px solid #e5def3}
.portal-learning-video iframe{display:block;width:100%;height:100%;border:0}
.portal-learning-actions{display:flex;flex-wrap:wrap;gap:10px}
.portal-learning-footnote{margin:12px 0 0;font-size:12px;color:#777083;line-height:1.8}
@media(max-width:650px){.portal-learning-video{border-radius:12px}.portal-learning-actions>.btn{flex:1 1 auto}}

/* Dashboard portal: training media (right) + 2x2 guide cards (left). */
.portal-training-hero{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:28px;align-items:start;direction:rtl}
.portal-training-primary,.portal-training-secondary{min-width:0}
.portal-training-player{position:relative;aspect-ratio:1/1;width:min(100%,270px);overflow:hidden;border-radius:18px;background:#1d1131;border:1px solid #e4dbf4;box-shadow:0 12px 30px rgba(48,29,89,.13)}
.portal-training-player iframe{display:block;width:100%;height:100%;border:0}
.portal-training-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.portal-training-actions .btn{min-height:40px;justify-content:center}
.portal-training-secondary .portal-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.portal-training-secondary .portal-guide-card{min-height:140px;padding:16px}
.portal-training-secondary .portal-guide-icon{margin-bottom:9px}
@media(max-width:900px){.portal-training-hero{grid-template-columns:1fr;gap:24px}.portal-training-player{width:min(100%,320px)}}
@media(max-width:650px){.portal-training-hero{gap:18px}.portal-training-player{width:100%;max-width:360px;aspect-ratio:1/1;margin:auto}.portal-training-actions .btn{flex:1 1 auto}.portal-training-secondary .portal-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.portal-training-secondary .portal-guide-card{padding:12px;min-height:130px}.portal-training-secondary .portal-guide-card strong{font-size:12px}.portal-training-secondary .portal-guide-card p{font-size:11px}}
@media(max-width:380px){.portal-training-secondary .portal-guide-grid{grid-template-columns:1fr}.portal-training-secondary .portal-guide-card{min-height:0}}

/* Compact desktop portal hub: single-screen layout without shrinking mobile controls. */
.portal-hub-heading{display:none}
@media(min-width:901px){
.portal-simple{gap:10px}
.portal-simple-card{padding:14px 16px}
.portal-training-hero{display:grid!important;grid-template-columns:minmax(0,280px) minmax(0,1fr)!important;gap:16px;align-items:stretch}
.portal-training-hero .panel__head{margin-bottom:8px}
.portal-training-hero .panel__head h3{font-size:15px}
.portal-training-hero .panel__head p{font-size:11px;line-height:1.6}
.portal-training-player{width:180px;max-width:100%;aspect-ratio:1/1;border-radius:13px}
.portal-training-actions{gap:5px;margin-top:8px}
.portal-training-actions .btn{min-height:32px;padding:6px 8px;font-size:10px;line-height:1.4}
.portal-training-secondary .portal-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.portal-training-secondary .portal-guide-card{min-height:0;padding:11px}
.portal-training-secondary .portal-guide-icon{width:30px;height:30px;margin-bottom:4px}
.portal-training-secondary .portal-guide-card strong{font-size:12px;margin-bottom:3px}
.portal-training-secondary .portal-guide-card p{font-size:10px;line-height:1.55}
.portal-tabbar{padding-bottom:5px}
.portal-tab{padding:8px 12px}
.portal-simple-link{padding:9px 12px}
.portal-simple-actions{margin-top:9px}
}
@media(min-width:901px) and (max-height:800px){
.portal-training-player{width:148px}
.portal-training-hero{gap:12px}
.portal-training-secondary .portal-guide-card{padding:8px}
.portal-training-secondary .portal-guide-icon{width:25px;height:25px}
.portal-simple-card{padding:10px 14px}
}

/* Portal training: an illustrated square preview; actual 16:9 player opens on demand. */
.portal-training-player{background:#f3edff;border-color:#e5d8fc}
.portal-training-preview{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;padding:16px;border:0;background:radial-gradient(circle at 30% 20%,#e6d9ff,#f5f0ff 70%);color:#4c1d95;cursor:pointer;overflow:hidden;text-align:center}
.portal-training-preview-art{display:flex;align-items:center;justify-content:center;gap:13px;font-size:25px;color:#8050dd}
.portal-training-preview-art i:nth-child(2){font-size:37px;color:#5b21b6}
.portal-training-preview-title{font-weight:900;font-size:12px;line-height:1.55}
.portal-training-play{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:white;background:#6d28d9;box-shadow:0 7px 18px rgba(91,33,182,.24)}
.portal-training-preview:hover .portal-training-play{background:#5520ab;transform:scale(1.05)}
.portal-training-preview:focus-visible{outline:3px solid #7c3aed;outline-offset:-4px}
.portal-training-overlay{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px;background:rgba(18,12,30,.78)}
.portal-training-modal{width:min(900px,100%);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.27);direction:rtl}
.portal-training-modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px;color:#271a3f}
.portal-training-close{width:36px;height:36px;border:0;border-radius:10px;background:#f2edfa;color:#563695;cursor:pointer}
.portal-training-modal-video{width:100%;aspect-ratio:16/9;background:#100c18}
.portal-training-modal-video iframe{display:block;width:100%;height:100%;border:0}
.portal-training-external{display:block;padding:10px 16px;color:#5b21b6;text-decoration:none;font-size:12px;font-weight:800}
@media(max-width:650px){.portal-training-overlay{padding:10px}.portal-training-modal{border-radius:13px}.portal-training-modal-head{padding:9px 12px}}

/* PORTAL-HUB-POLISH5: balanced RTL hero, legible cards, centered video.
   Overrides the earlier overly compressed desktop rules. */
@media (min-width:901px){
  .portal-simple{gap:12px}
  .portal-training-hero{
    display:grid!important;
    grid-template-columns:minmax(285px,32%) minmax(0,1fr)!important;
    gap:24px!important;
    align-items:stretch!important;
    padding:20px 24px!important;
  }
  .portal-training-primary{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:0 0 0 20px;
    border-left:1px solid #eee8f8;
    text-align:center;
  }
  .portal-training-primary .panel__head{text-align:center;margin-bottom:12px!important}
  .portal-training-primary .panel__head h3{font-size:16px!important}
  .portal-training-primary .panel__head p{font-size:12px!important;line-height:1.65!important}
  .portal-training-player{width:164px!important;height:164px;aspect-ratio:1/1;border-radius:16px}
  .portal-training-actions{justify-content:center;max-width:330px;gap:8px;margin-top:13px!important}
  .portal-training-actions .btn{min-height:36px!important;font-size:11px!important;padding:8px 11px!important;white-space:nowrap}
  .portal-training-secondary{display:flex;flex-direction:column;min-width:0}
  .portal-training-secondary .panel__head{margin-bottom:12px!important}
  .portal-training-secondary .panel__head h3{font-size:17px!important}
  .portal-training-secondary .panel__head p{font-size:12px!important;line-height:1.7!important}
  .portal-training-secondary .portal-guide-grid{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px!important}
  .portal-training-secondary .portal-guide-card{min-height:112px!important;padding:14px 16px!important;display:flex;flex-direction:column;justify-content:center}
  .portal-training-secondary .portal-guide-icon{width:34px!important;height:34px!important;margin-bottom:7px!important}
  .portal-training-secondary .portal-guide-card strong{font-size:13px!important;line-height:1.5;margin-bottom:5px!important}
  .portal-training-secondary .portal-guide-card p{font-size:11px!important;line-height:1.75!important}
}
@media(min-width:901px) and (max-height:800px){
  .portal-training-hero{gap:18px!important;padding:14px 20px!important}
  .portal-training-player{width:140px!important;height:140px}
  .portal-training-secondary .portal-guide-card{min-height:92px!important;padding:10px 12px!important}
  .portal-training-secondary .portal-guide-grid{gap:9px!important}
}
@media(min-width:651px) and (max-width:900px){
  .portal-training-hero{grid-template-columns:minmax(0,1fr)!important}
  .portal-training-primary{align-items:center;text-align:center}
  .portal-training-actions{justify-content:center}
}