/* APEX Learning Hub 2.5.0 — role security, results, notifications and white-label */
:root{--navy:var(--brand-primary,#061f49);--gold:var(--brand-accent,#e3a008);--surface:var(--brand-surface,#fff)}
.history-actions{display:flex;align-items:center;gap:6px}.history-actions a,.history-actions button,.header-notification{width:38px;height:38px;border:1px solid #dce3ee;border-radius:11px;background:#fff;color:var(--navy);display:grid;place-items:center;text-decoration:none;cursor:pointer;position:relative}.history-actions a:hover,.history-actions button:hover,.header-notification:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-1px)}.header-notification span{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;border-radius:99px;background:var(--gold);color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;padding:0 4px}.desktop-portal-brand img,.mobile-brand img,.portal-brand img,.public-brand img{object-fit:contain}.desktop-portal-brand span strong{max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb-actions{display:flex;gap:14px;align-items:center;margin-bottom:9px}.breadcrumb-actions a{display:inline-flex;gap:7px;align-items:center;color:#52617a;font-size:.83rem;font-weight:700;text-decoration:none}.breadcrumb-actions a:hover{color:var(--gold)}
.result-filter{display:grid;grid-template-columns:1.3fr repeat(6,minmax(120px,1fr)) auto auto;gap:12px;align-items:end}.result-filter label{margin:0}.workflow-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;padding:6px 11px;font-size:.72rem;font-weight:850;text-transform:capitalize;background:#edf2f9;color:#48566d}.workflow-badge.draft{background:#eef2f7;color:#48566d}.workflow-badge.proofreading{background:#fff3d5;color:#8a5b00}.workflow-badge.finalized{background:#dff6e6;color:#15753a}.workflow-badge.reopened{background:#ffe7e7;color:#a12b2b}.badge.offline{background:#e9eef8;color:#173c77}.badge.online{background:#e5f7ff;color:#047096}.result-entry-title{align-items:flex-start}.workflow-panel{min-width:180px;border:1px solid #dce3ee;background:#fff;border-radius:16px;padding:14px 18px;display:grid;gap:7px}.workflow-panel span,.workflow-panel small{font-size:.75rem;color:#6b778d}.stat-grid.compact article{min-height:90px}.result-tools{display:flex;align-items:center;justify-content:space-between;gap:20px}.result-tools h2,.workflow-actions h2{margin:0 0 5px}.result-tools p,.workflow-actions p{margin:0;color:#6a758a}.inline-upload{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-upload input[type=file]{max-width:250px}.marks-input{min-width:90px}.grade-input{min-width:70px}.check.compact{display:inline-flex;align-items:center;gap:5px}.form-actions{display:flex;justify-content:flex-end;padding-top:14px}.workflow-actions{display:grid;gap:20px}.workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.workflow-steps article{display:flex;align-items:center;gap:12px;border:1px solid #dce3ee;border-radius:14px;padding:13px;background:#fbfcff}.workflow-steps article>b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e9eef7;color:#627089}.workflow-steps article span{display:grid;gap:2px}.workflow-steps article small{color:#758198}.workflow-steps article.active{border-color:var(--gold);box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 18%,transparent)}.workflow-steps article.active>b{background:var(--navy);color:#fff}.workflow-actions>.row-actions{justify-content:flex-end}.workflow-actions form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.workflow-actions form label{min-width:280px;margin:0}
.notification-preferences{display:grid;grid-template-columns:1fr minmax(360px,.75fr);gap:30px;align-items:start}.notification-preferences form{display:grid;gap:10px}.toggle-row{border:1px solid #dde4ef;border-radius:13px;padding:13px 14px;display:flex!important;align-items:center;justify-content:space-between;gap:15px;margin:0!important}.toggle-row>span{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.toggle-row>span i{grid-row:1/3;color:var(--navy)}.toggle-row small{color:#758198;font-weight:500}.toggle-row input[type=checkbox]{width:43px;height:23px;accent-color:var(--gold)}.notification-list{display:grid;gap:10px}.notification-card{position:relative;display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:start;border:1px solid #dfe5ee;border-radius:14px;padding:15px;background:#fff;text-decoration:none;color:#15284b}.notification-card>span{width:42px;height:42px;border-radius:11px;background:#edf2f9;color:var(--navy);display:grid;place-items:center}.notification-card div{display:grid;gap:3px}.notification-card p{margin:0;color:#5e6b81}.notification-card small{color:#8a94a6}.notification-card em{font-style:normal;background:var(--gold);color:#fff;border-radius:99px;padding:4px 8px;font-size:.68rem}.notification-card.unread{border-left:4px solid var(--gold);background:#fffdf8}
.white-label-form{display:grid;gap:22px}.brand-preview{background:var(--brand-primary);color:#fff;border-radius:18px;padding:18px;display:flex;align-items:center;gap:16px;border-bottom:4px solid var(--brand-accent)}.brand-preview img{width:76px;height:76px;border-radius:16px;background:#fff;object-fit:contain;padding:5px}.brand-preview div{display:grid}.brand-preview strong{font-family:Georgia,serif;font-size:1.6rem}.brand-preview span{color:var(--brand-accent);font-weight:700}.token-reveal{border:2px solid var(--gold);background:#fffaf0}.token-reveal code{display:block;padding:13px;border-radius:10px;background:#071f46;color:#fff;margin:12px 0;overflow:auto}.scope-list,.scope-picker{display:flex;gap:5px;flex-wrap:wrap}.scope-list span,.scope-picker span{display:inline-flex;padding:4px 7px;border-radius:6px;background:#edf2f8;font-size:.7rem}.scope-picker label{display:flex;align-items:center;gap:6px;border:1px solid #dfe5ee;border-radius:9px;padding:8px;margin:0}.api-docs .three-col article{display:grid;gap:8px}.api-docs code{background:#eff3f9;padding:8px;border-radius:8px;overflow-wrap:anywhere}.role-clarity{border-left:4px solid var(--gold)}.empty-state.compact{min-height:140px}
.table-search input{min-width:220px}.table-size{display:flex;align-items:center;gap:8px;margin:0}.table-size select{width:auto}.readonly-field{background:#f1f4f8!important;color:#68758a!important;cursor:not-allowed}.profile-card+.two-col form small{color:#738096}
@media(max-width:1180px){.result-filter{grid-template-columns:repeat(4,1fr)}.result-filter .btn{height:44px}.desktop-portal-brand{display:none!important}.history-actions{margin-right:auto}}
@media(max-width:800px){.history-actions{gap:3px}.history-actions a,.history-actions button,.header-notification{width:34px;height:34px}.header-notification{margin-left:auto}.top-title{display:none!important}.result-filter{grid-template-columns:1fr 1fr}.result-tools,.notification-preferences{grid-template-columns:1fr;display:grid}.workflow-steps{grid-template-columns:1fr}.result-entry-title{display:grid}.workflow-panel{width:100%}.inline-upload{display:grid}.inline-upload input[type=file]{max-width:100%}.notification-card{grid-template-columns:38px 1fr}.notification-card em{position:absolute;right:9px;top:9px}.breadcrumb-actions{flex-wrap:wrap}.white-label-form .form-grid{grid-template-columns:1fr}.scope-picker{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:520px){.result-filter{grid-template-columns:1fr}.history-actions button{display:none}.workflow-actions form{display:grid}.workflow-actions form label{min-width:0}.notification-preferences{display:grid}.scope-picker{grid-template-columns:1fr}.brand-preview strong{font-size:1.15rem}}