/* V55 extracted styles */

:root{
  --bg:#f5f7fb;--card:#fff;--text:#1f2937;--muted:#6b7280;--line:#e5e7eb;
  --primary:#2563eb;--primary2:#1d4ed8;--success:#059669;--danger:#dc2626;
  --warning:#d97706;--violet:#7c3aed;--sidebar:#111827;--sidebar2:#1f2937;
  --shadow:0 10px 30px rgba(15,23,42,.07);--radius:16px;
}
*{box-sizing:border-box}
body{margin:0;font-family:Tahoma,Arial,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
button,input,select{font:inherit}
button{cursor:pointer}
.app{min-height:100vh;display:grid;grid-template-columns:1fr 290px}
.sidebar{
  background:linear-gradient(180deg,var(--sidebar),var(--sidebar2));color:#fff;padding:20px 15px;
  position:sticky;top:0;height:100vh;overflow:auto
}
.brand{padding:7px 10px 20px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:16px}
.brand h2{margin:0 0 6px;font-size:20px}.brand p{margin:0;color:#9ca3af;font-size:12px}
.nav-title{color:#9ca3af;font-size:11px;margin:18px 10px 7px}
.nav-btn{
  width:100%;border:0;background:transparent;color:#e5e7eb;display:flex;align-items:center;gap:10px;
  padding:11px 13px;border-radius:10px;margin:4px 0;text-align:right;transition:.2s
}
.nav-btn:hover,.nav-btn.active{background:var(--primary);color:#fff}
.nav-btn.sub{padding-right:24px;font-size:13px}
.main{padding:25px;min-width:0}
.view.hidden{display:none!important}
.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px}
.topbar h1{margin:0;font-size:27px}.subtitle{color:var(--muted);font-size:13px;margin-top:6px;line-height:1.7}
.admin-badge{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 13px;box-shadow:var(--shadow);white-space:nowrap}
.grid{display:grid;gap:17px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.card-head{padding:17px 19px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}
.card-head h3{margin:0;font-size:17px}.card-body{padding:19px}
.form-grid{display:grid;grid-template-columns:1fr 2fr auto;gap:13px;align-items:end}
.form-grid.two{grid-template-columns:1fr 1.7fr}.form-grid.three{grid-template-columns:1fr 1fr 1fr}
.field label{display:block;font-weight:700;font-size:13px;margin-bottom:7px}
.field input,.field select{
  width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 11px;background:#fff;outline:none
}
.field input:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.11)}
.btn{border:0;border-radius:10px;padding:10px 14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary2)}
.btn-success{background:#d1fae5;color:#065f46}.btn-warning{background:#ffedd5;color:#9a3412}
.btn-danger{background:#fee2e2;color:#991b1b}.btn-gray{background:#f3f4f6;color:#374151}
.btn-violet{background:#ede9fe;color:#5b21b6}.btn-sm{padding:7px 9px;font-size:12px}
.actions{display:flex;gap:6px;flex-wrap:wrap}
.badge{display:inline-block;border-radius:999px;padding:5px 9px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:700}
.badge.green{background:#ecfdf5;color:#047857}.badge.orange{background:#fff7ed;color:#c2410c}.badge.gray{background:#f3f4f6;color:#4b5563}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:820px}
th,td{padding:12px 11px;border-bottom:1px solid var(--line);text-align:right;vertical-align:middle;font-size:13px}
th{background:#f8fafc;color:#475569;font-size:12px}.empty{text-align:center;color:var(--muted);padding:30px 10px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.stat{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:14px}
.stat small{display:block;color:var(--muted);margin-bottom:5px}.stat strong{font-size:23px}
.course-summary{display:grid;grid-template-columns:1fr 2fr;gap:12px}
.summary-box{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:13px}
.summary-box small{display:block;color:var(--muted);margin-bottom:5px}.summary-box strong{font-size:16px}
.topic-builder{margin-top:16px;padding-top:16px;border-top:1px dashed var(--line)}
.topic-row{display:grid;grid-template-columns:170px 1fr;gap:10px;align-items:center;margin-bottom:9px}
.topic-label{background:#f3f4f6;border-radius:9px;padding:10px;font-weight:700;font-size:13px}
.groups-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.group-card{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}
.group-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.group-icon{font-size:27px}.group-card h4{margin:5px 0 6px}.group-meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.member-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.member-chip{background:#eef2ff;color:#3730a3;border-radius:999px;padding:7px 9px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px}
.member-chip button{border:0;background:#fff;color:#991b1b;border-radius:50%;width:19px;height:19px;line-height:19px;padding:0}
.team-header{display:flex;align-items:center;gap:12px}.team-big-icon{font-size:38px}
.assignment-layout{display:grid;grid-template-columns:1fr;gap:16px}
.assignment-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end}
.check-panel{margin-top:13px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;padding:13px}
.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.topic-check{display:flex;gap:8px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px}
.topic-check input{width:auto;margin-top:3px}
.responsibility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.unit-card{border:1px solid var(--line);border-radius:12px;padding:13px;background:#fff}
.unit-card h4{margin:0 0 8px}.unit-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}
.person-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.person-card{border:1px solid var(--line);border-radius:12px;padding:13px;background:#f8fafc}
.person-card h4{margin:0 0 8px}.person-card ul{margin:0;padding-right:18px;color:#475569;font-size:12px;line-height:1.9}
.source-note{padding:11px 13px;border-radius:10px;background:#fffbeb;color:#92400e;border:1px solid #fde68a;font-size:12px;line-height:1.7}
.back-btn{margin-bottom:14px}
.modal{position:fixed;inset:0;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;padding:18px;z-index:999}
.modal.hidden{display:none}.modal-card{background:#fff;width:min(540px,100%);border-radius:16px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.25)}
.toast{position:fixed;left:22px;bottom:22px;background:#111827;color:#fff;padding:11px 14px;border-radius:10px;opacity:0;transform:translateY(8px);transition:.2s;z-index:1000}
.toast.show{opacity:1;transform:none}

.blueprint-upload{margin-top:14px;padding:14px 16px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc}
.optional-label{display:inline-block;margin-right:6px;padding:3px 7px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:700}
.blueprint-file{display:inline-flex;align-items:center;gap:6px;max-width:220px}
.blueprint-file-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#475569;font-size:12px}
.file-action{border:0;background:#eef2ff;color:#3730a3;border-radius:8px;padding:6px 9px;font-weight:700;cursor:pointer}
.file-action:hover{background:#e0e7ff}
@media(max-width:1100px){.groups-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){
  .app{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.main{padding:17px}
  .form-grid,.form-grid.two,.form-grid.three,.course-summary,.topic-row,.assignment-form{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}.groups-grid,.responsibility-grid,.person-summary,.check-grid{grid-template-columns:1fr}
  .topbar{flex-direction:column}
}


/* ===== UI refresh: clearer, calmer, more readable ===== */
:root{
  --bg:#f3f6fb;--card:#ffffff;--text:#172033;--muted:#64748b;--line:#e2e8f0;
  --primary:#2257d6;--primary-soft:#eef4ff;--success:#16835f;--warning:#c76a14;
  --danger:#c83e4d;--violet:#6d4bd1;--sidebar:#172033;--sidebar2:#202d45;
  --shadow:0 8px 24px rgba(15,23,42,.055);--radius:14px;
}
body{line-height:1.65;background:var(--bg);font-size:15px}
.app{grid-template-columns:minmax(0,1fr) 300px}
.main{padding:30px;max-width:1700px;width:100%;margin-inline:auto}
.sidebar{padding:22px 16px;background:linear-gradient(180deg,var(--sidebar),var(--sidebar2));border-left:1px solid rgba(255,255,255,.06)}
.brand h2{font-size:21px}.brand p{font-size:13px;line-height:1.7}
.nav-btn{min-height:44px;font-size:14px;border-radius:9px;padding:10px 13px}.nav-btn.active{box-shadow:inset 3px 0 0 rgba(255,255,255,.55)}
.topbar{margin-bottom:22px;align-items:center}.topbar h1{font-size:29px;letter-spacing:-.3px}.subtitle{font-size:14px;line-height:1.8;max-width:900px}
.card{border-color:#e4e9f1;box-shadow:var(--shadow);border-radius:14px}.card-head{padding:17px 20px;background:#fff}.card-head h3{font-size:17px}.card-body{padding:20px}
.field label{font-size:13px;color:#344054;margin-bottom:7px}.field input,.field select,textarea{min-height:44px;border-color:#cfd7e3;border-radius:9px;background:#fff;color:var(--text)}
.field input:hover,.field select:hover,textarea:hover{border-color:#aeb9c8}.field input:focus,.field select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(34,87,214,.10)}
.btn{min-height:40px;border-radius:9px;padding:9px 14px}.btn-sm{min-height:34px;padding:6px 9px}
table{min-width:900px}th{position:sticky;top:0;z-index:1;background:#f7f9fc;color:#475569;font-weight:800}th,td{padding:13px 14px}tbody tr:nth-child(even){background:#fbfcfe}tbody tr:hover{background:#f6f9ff}
.badge{font-size:12px;padding:5px 9px}.stats{gap:12px}.stat{padding:16px;background:#f8fafc}.stat strong{font-size:25px}.stat small{font-size:12px}
.team-header{gap:13px}.team-big-icon{width:52px;height:52px;display:grid;place-items:center;background:#f1f5ff;border:1px solid #dfe8ff;border-radius:13px;font-size:27px}
.member-chip{background:#f5f7fb;color:#344054;border:1px solid #e2e8f0;padding:7px 10px}.member-chip button{background:#fff;border:1px solid #e5e7eb}
.source-note{background:#fffbeb;border-color:#f7e6b7}

/* Instructional design command center */
.instructional-only.hidden,.generic-only.hidden{display:none!important}
.command-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.command-title{display:flex;align-items:center;gap:10px}.command-title strong{font-size:16px}.command-title span{color:var(--muted);font-size:13px}
.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.kpi{border:1px solid var(--line);border-radius:12px;padding:15px;background:#fff;min-height:102px}.kpi .kpi-label{color:var(--muted);font-size:12px;font-weight:700}.kpi strong{display:block;font-size:25px;margin-top:5px}.kpi small{display:block;color:var(--muted);margin-top:4px;font-size:11px}
.kpi.good{background:#f6fffb;border-color:#d8f1e7}.kpi.warn{background:#fffaf4;border-color:#f5dfc5}.kpi.review{background:#faf8ff;border-color:#e6ddff}.kpi.danger{background:#fff7f8;border-color:#f2d7dc}
.workflow-toolbar{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.workflow-board{display:grid;grid-template-columns:repeat(6,minmax(230px,1fr));gap:12px;overflow-x:auto;padding:2px 2px 10px;direction:rtl}
.workflow-column{background:#f7f9fc;border:1px solid var(--line);border-radius:12px;min-height:190px;max-height:560px;overflow:auto;padding:10px}.workflow-column-head{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:7px 4px 10px;font-size:12px;font-weight:800;color:#475569;position:sticky;top:-10px;background:#f7f9fc;z-index:2}
.workflow-card{background:#fff;border:1px solid #e2e8f0;border-radius:11px;padding:12px;margin-bottom:9px;box-shadow:0 2px 8px rgba(15,23,42,.035)}.workflow-card:hover{border-color:#c9d5e8;box-shadow:0 5px 14px rgba(15,23,42,.065)}
.workflow-card .unit-name{font-weight:800;font-size:13px;line-height:1.55}.workflow-card .person{font-size:12px;color:#475569;margin-top:7px}.workflow-card .mini-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.workflow-card .card-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:9px}
.progress-wrap{margin-top:9px}.progress-row{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:5px}.progress-track{height:7px;background:#e8edf4;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:#2d6cdf;border-radius:999px}
.priority{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.priority-critical{background:#fff0f2;color:#b4233b}.priority-high{background:#fff5e8;color:#a64b0a}.priority-normal{background:#eff6ff;color:#2457c5}.priority-low{background:#f1f5f9;color:#526172}
.deadline-chip{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 8px;font-size:11px;background:#f8fafc;color:#526172}.deadline-chip.overdue{background:#fff0f2;color:#b4233b;font-weight:800}
.status-pill{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.st-not{background:#f1f5f9;color:#526172}.st-work{background:#fff5e8;color:#a64b0a}.st-review{background:#f4efff;color:#6a3fb7}.st-revise{background:#fff1f2;color:#b4233b}.st-approved{background:#ecfdf5;color:#087a56}.st-handoff{background:#eef4ff;color:#2457c5}
.quick-select{height:32px!important;min-height:32px!important;padding:4px 7px!important;font-size:11px!important;border-radius:7px!important;width:auto!important;max-width:150px}
.instructional-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:16px}.workload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.workload-card{border:1px solid var(--line);border-radius:11px;padding:13px;background:#fff}.workload-card h4{margin:0 0 7px;font-size:13px}.workload-card .meta{font-size:11px;color:var(--muted);display:flex;gap:7px;flex-wrap:wrap}
.unit-work-card{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff}.unit-work-card+.unit-work-card{margin-top:10px}.unit-work-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.unit-work-card h4{margin:0;font-size:14px}.unit-work-card p{margin:6px 0 0;color:var(--muted);font-size:12px}.unit-work-people{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.detail-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-card{width:min(900px,100%);max-height:90vh;overflow:auto}.modal-card .card-head{position:sticky;top:0;z-index:4}
.checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.check-item{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fafbfd}.check-item input{margin-top:4px}.check-item span{font-size:12px;line-height:1.6}
.detail-section{margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}.detail-section h4{margin:0 0 10px;font-size:14px}.history{display:grid;gap:7px}.history-item{background:#f8fafc;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-size:12px}.history-item small{color:var(--muted);display:block;margin-top:3px}
.file-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.topic-status-table{width:100%;min-width:650px}.topic-status-table td,.topic-status-table th{font-size:12px;padding:10px}
.empty-soft{padding:18px;text-align:center;color:var(--muted);font-size:12px;border:1px dashed var(--line);border-radius:10px;background:#fafbfd}

@media(max-width:1250px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.instructional-grid{grid-template-columns:1fr}.workload-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.app{grid-template-columns:1fr}.main{padding:16px}.kpi-grid,.workflow-toolbar,.detail-grid,.detail-grid.two,.checklist-grid,.file-grid,.workload-grid{grid-template-columns:1fr}.workflow-board{grid-template-columns:repeat(6,260px)}.topbar h1{font-size:24px}}


/* Final instructional-design page */
.final-team-layout{gap:18px}
.member-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}
.member-profile-card{position:relative;display:flex;align-items:center;gap:11px;min-height:72px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe}
.member-avatar{flex:0 0 42px;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#eef4ff;color:#2257d6;font-size:17px;font-weight:900;border:1px solid #dce7ff}
.member-profile-info{min-width:0;flex:1}.member-profile-info strong{display:block;font-size:14px;color:#1e293b;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-profile-info small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.member-remove{flex:0 0 30px;width:30px;height:30px;padding:0;border:1px solid #f0d8dc;background:#fff7f8;color:#b4233b;border-radius:8px;font-weight:900;cursor:pointer}
.member-add-box{padding-top:15px;border-top:1px solid var(--line)}
.course-choice{max-width:760px}.course-choice select{font-weight:700;background:#fff}
.assignment-step-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:12px;align-items:end}
.assignment-meta-grid{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(320px,1.25fr);gap:12px;align-items:stretch;margin-top:12px}
.assignment-meta-grid .blueprint-upload{margin-top:0;height:100%}
.assignment-step-footer{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:12px;align-items:end;margin-top:12px;padding-top:12px;border-top:1px solid #edf1f6}
.assignment-hint{margin-top:6px;color:var(--muted);font-size:12px}
#specificTopicsPanel{margin-top:13px}
#specificTopics .topic-check{min-height:62px;align-items:center}
.current-assignments-table{min-width:1180px}.current-assignments-table th{white-space:nowrap}.assignment-date{white-space:nowrap;font-weight:700;color:#475569}
.followup-card .card-head{background:#fbfcff}.followup-card #unitResponsibility{display:grid;gap:10px}
.section-caption{color:var(--muted);font-size:12px;margin-top:4px}
@media(max-width:1200px){.member-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.member-profile-grid,.assignment-step-grid,.assignment-meta-grid,.assignment-step-footer{grid-template-columns:1fr}.member-profile-card{min-height:66px}.current-assignments-table{min-width:1050px}}


/* ===== Instructional Designer Portal ===== */
.designer-shell{display:grid;gap:18px}
.designer-profile-box{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;box-shadow:var(--shadow)}
.designer-profile-avatar{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#eef4ff;color:#2257d6;font-weight:900;font-size:17px;border:1px solid #dce7ff}
.designer-profile-box select{border:0;background:transparent;outline:0;font-weight:800;color:#1e293b;min-width:190px}
.designer-profile-box small{display:block;color:var(--muted);font-size:11px;margin-bottom:2px}
.designer-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.designer-stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 16px;box-shadow:0 5px 16px rgba(15,23,42,.035)}
.designer-stat .label{font-size:12px;color:var(--muted);font-weight:700}.designer-stat strong{display:block;font-size:26px;margin-top:5px;color:#172033}.designer-stat small{font-size:11px;color:var(--muted)}
.designer-stat.new{border-right:4px solid #2563eb}.designer-stat.work{border-right:4px solid #d97706}.designer-stat.review{border-right:4px solid #7c3aed}.designer-stat.due{border-right:4px solid #dc2626}
.designer-toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap}.designer-toolbar .field{min-width:220px}
.designer-filter-group{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.digital-topics-list{display:grid;gap:14px}
.digital-topic-card{border:1px solid #dfe6ef;border-radius:14px;background:#fff;overflow:hidden}
.digital-topic-head{display:flex;align-items:flex-start;gap:11px;padding:14px 15px;background:#f8fafc;border-bottom:1px solid #e9eef5}
.digital-topic-head h4{margin:0;font-size:14px;line-height:1.6;color:#1e293b}.digital-topic-head p{margin:3px 0 0;color:var(--muted);font-size:11px}
.digital-topic-body{padding:14px 15px}
.digital-create-row{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(260px,1.5fr) auto;gap:10px;align-items:end;margin-bottom:13px}
.digital-table{min-width:640px}.digital-table td,.digital-table th{vertical-align:middle}.digital-index-pill{display:inline-flex;align-items:center;justify-content:center;min-width:92px;border-radius:999px;padding:5px 9px;background:#eef4ff;color:#2457c5;font-size:11px;font-weight:800}
.digital-title-cell{font-weight:800;color:#344054}.digital-empty{padding:14px;text-align:center;border:1px dashed #d8e0ea;border-radius:10px;background:#fbfcfe;color:#7a889b;font-size:12px}
.topic-review-bar,.unit-review-bar{margin-top:14px;padding:12px 14px;border:1px solid #dbe4f0;border-radius:12px;background:#f8fbff;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.review-state{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.review-state strong{font-size:12px}.review-state small{color:var(--muted);font-size:11px}.review-chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.review-chip.sent{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.review-chip.revision{background:#fff7ed;color:#c2410c;border-color:#fdba74}.table-action-btns{display:flex;gap:6px;flex-wrap:wrap}
.unit-storyboard-card{border:1px solid #cfdcf1;border-radius:14px;padding:15px;background:linear-gradient(180deg,#fbfdff,#fff)}
.unit-storyboard-head{display:flex;align-items:center;gap:11px;margin-bottom:11px}.unit-storyboard-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#eaf1ff;font-size:21px}.unit-storyboard-head h4{margin:0;font-size:14px}.unit-storyboard-head p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.6}
.designer-task-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.designer-task-card{position:relative;border:1px solid #dfe6ef;border-radius:14px;background:#fff;padding:17px;box-shadow:0 5px 16px rgba(15,23,42,.035);transition:.18s}
.designer-task-card:hover{transform:translateY(-1px);border-color:#c8d6ec;box-shadow:0 9px 24px rgba(15,23,42,.07)}
.designer-task-card.unread{border-color:#a9c3ff;background:linear-gradient(180deg,#fbfdff,#fff)}
.designer-task-card.unread:before{content:"";position:absolute;right:-1px;top:18px;width:4px;height:38px;border-radius:4px 0 0 4px;background:#2563eb}
.designer-task-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.designer-task-title{min-width:0}.designer-task-title h3{margin:0;font-size:16px;line-height:1.65;color:#172033}.designer-task-title p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
.designer-task-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.task-meta-box{background:#f8fafc;border:1px solid #edf0f4;border-radius:9px;padding:9px 10px}.task-meta-box span{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}.task-meta-box strong{font-size:12px;color:#344054;line-height:1.5}
.designer-task-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:13px;border-top:1px solid #edf1f6}.designer-task-actions .left-tags{display:flex;gap:6px;flex-wrap:wrap}
.notification-list{display:grid;gap:8px}.notification-item{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:#fff}.notification-item.unread{background:#f8fbff;border-color:#d7e5ff}.notification-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#f1f5f9}.notification-body strong{display:block;font-size:13px;color:#1e293b}.notification-body p{margin:4px 0 0;font-size:12px;color:#58677a;line-height:1.65}.notification-item time{font-size:10px;color:#98a2b3;white-space:nowrap}
.nav-badge-count{margin-right:auto;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;display:inline-grid;place-items:center;font-size:10px;font-weight:900}.nav-badge-count.hidden{display:none!important}

/* Designer task detail */
.designer-task-hero{background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;border-radius:16px;padding:20px 22px;box-shadow:0 12px 30px rgba(37,99,235,.16)}
.designer-task-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.designer-task-hero h1{margin:0;font-size:24px;line-height:1.6}.designer-task-hero p{margin:5px 0 0;color:#dbeafe;font-size:13px}.designer-task-hero .status-pill{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.24)}
.hero-meta{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:18px}.hero-meta-box{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);border-radius:11px;padding:10px 11px}.hero-meta-box span{display:block;color:#cfe0ff;font-size:10px;margin-bottom:4px}.hero-meta-box strong{display:block;font-size:12px;line-height:1.5;color:#fff}
.designer-progress-card{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.progress-big strong{font-size:28px;color:#1e3a8a}.progress-big p{margin:3px 0 10px;color:var(--muted);font-size:12px}.progress-big .progress-track{height:10px}.progress-completion-text{font-size:12px;color:#475569;margin-top:7px}
.blueprint-readonly{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px;border:1px solid #d8e6ff;border-radius:12px;background:#f7faff}.blueprint-readonly .file-main{display:flex;gap:11px;align-items:center}.blueprint-readonly .file-ico{width:40px;height:40px;display:grid;place-items:center;background:#e8f0ff;border-radius:10px;font-size:20px}.blueprint-readonly strong{display:block;font-size:13px}.blueprint-readonly small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.topic-upload-list{display:grid;gap:11px}.topic-upload-card{display:grid;grid-template-columns:minmax(260px,1.15fr) minmax(260px,.85fr);gap:14px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff}.topic-upload-title{display:flex;gap:11px;align-items:flex-start}.topic-number{flex:0 0 34px;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#eef4ff;color:#2457c5;font-weight:900;font-size:12px}.topic-upload-title h4{margin:0;font-size:13px;line-height:1.55}.topic-upload-title p{margin:4px 0 0;color:var(--muted);font-size:11px}.upload-slot{border:1px dashed #bdc9d8;border-radius:10px;padding:10px 11px;background:#fafbfd}.upload-slot.done{border-style:solid;border-color:#bfe5d5;background:#f6fffb}.upload-slot-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:7px}.upload-slot-head strong{font-size:12px}.upload-slot input[type=file]{width:100%;font-size:11px;min-height:auto;padding:7px;background:#fff}.uploaded-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:7px;font-size:10px;color:#667085}.uploaded-meta .file-name{font-weight:800;color:#344054;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.unit-files-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.unit-file-card{border:1px solid var(--line);border-radius:12px;padding:13px;background:#fff}.unit-file-card.done{border-color:#bfe5d5;background:#fbfffd}.unit-file-card .unit-file-head{display:flex;align-items:center;gap:9px;margin-bottom:9px}.unit-file-card .unit-file-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#f1f5f9}.unit-file-card h4{margin:0;font-size:13px}.unit-file-card p{margin:3px 0 0;color:var(--muted);font-size:10px}.unit-file-card input[type=file]{width:100%;font-size:11px;min-height:auto;padding:7px}
.review-panel{display:grid;gap:9px}.review-note{border-right:3px solid #7c3aed;background:#faf8ff;border-top:1px solid #eee8ff;border-bottom:1px solid #eee8ff;border-left:1px solid #eee8ff;border-radius:9px;padding:11px 12px}.review-note strong{font-size:12px}.review-note p{margin:5px 0 0;font-size:12px;line-height:1.7;color:#475569}.review-note small{display:block;color:#98a2b3;font-size:10px;margin-top:5px}
.designer-submit-bar{position:sticky;bottom:12px;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border:1px solid #dce3ed;border-radius:13px;padding:11px 13px;box-shadow:0 10px 30px rgba(15,23,42,.12);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.designer-submit-info strong{display:block;font-size:13px}.designer-submit-info small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.btn[disabled]{opacity:.48;cursor:not-allowed;filter:grayscale(.15)}
.file-ready{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 7px;background:#ecfdf5;color:#087a56;font-size:10px;font-weight:800}.file-missing{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 7px;background:#f8fafc;color:#667085;font-size:10px;font-weight:800}

@media(max-width:1150px){.designer-task-list{grid-template-columns:1fr}.hero-meta{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.designer-summary{grid-template-columns:repeat(2,1fr)}.hero-meta{grid-template-columns:repeat(2,1fr)}.topic-upload-card,.unit-files-grid,.digital-create-row{grid-template-columns:1fr}.designer-filter-group{width:100%}.designer-filter-group .field{flex:1;min-width:180px}.designer-profile-box{width:100%}.designer-profile-box select{min-width:0;width:100%}}
@media(max-width:560px){.designer-summary{grid-template-columns:1fr}.designer-task-meta{grid-template-columns:1fr}.hero-meta{grid-template-columns:1fr}.designer-task-hero{padding:17px}.designer-task-hero h1{font-size:20px}}



/* ===== Admin Review Center ===== */
.review-center-shell{display:grid;gap:18px}
.review-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
.review-kpi{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px 15px;box-shadow:0 5px 16px rgba(15,23,42,.035)}
.review-kpi span{display:block;color:var(--muted);font-size:11px;font-weight:700}.review-kpi strong{display:block;font-size:25px;margin-top:4px;color:#172033}
.review-kpi.ready{border-right:4px solid #2563eb}.review-kpi.progress{border-right:4px solid #7c3aed}.review-kpi.revise{border-right:4px solid #d97706}.review-kpi.approved{border-right:4px solid #059669}.review-kpi.language{border-right:4px solid #0f766e}
.review-filters{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;align-items:end}
.review-table{min-width:1180px}.review-table th{white-space:nowrap}.review-table td{vertical-align:middle}
.review-status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;white-space:nowrap}
.review-status.ready{background:#eff6ff;color:#1d4ed8}.review-status.progress{background:#f5f3ff;color:#6d28d9}.review-status.revise{background:#fff7ed;color:#c2410c}.review-status.approved{background:#ecfdf5;color:#047857}.review-status.language{background:#ecfeff;color:#0f766e}.review-status.waiting{background:#f8fafc;color:#64748b}
.review-detail-hero{background:linear-gradient(135deg,#172554,#1d4ed8);color:#fff;border-radius:16px;padding:20px 22px;box-shadow:0 12px 30px rgba(29,78,216,.15)}
.review-detail-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.review-detail-hero h1{margin:0;font-size:23px;line-height:1.6}.review-detail-hero p{margin:4px 0 0;color:#dbeafe;font-size:12px}
.review-meta{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:15px}.review-meta-box{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:9px 10px}.review-meta-box span{display:block;font-size:10px;color:#bfdbfe;margin-bottom:2px}.review-meta-box strong{font-size:12px;color:#fff;line-height:1.55}
.review-content-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.7fr);gap:16px;align-items:start}.review-side{display:grid;gap:16px;position:sticky;top:16px}
.review-file-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--line);border-radius:11px;background:#fbfcfe}.review-file-main{display:flex;align-items:center;gap:10px;min-width:0}.review-file-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#eef4ff;font-size:20px}.review-file-main strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.review-file-main small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.review-comment-box textarea{width:100%;min-height:130px;resize:vertical;padding:11px 12px}.review-actions{display:grid;gap:8px;margin-top:11px}.review-actions.two{grid-template-columns:1fr 1fr}.review-action-note{font-size:11px;color:var(--muted);line-height:1.65;margin-top:8px}
.review-thread{display:grid;gap:8px}.review-thread-item{border:1px solid var(--line);border-radius:10px;padding:10px 11px;background:#fff}.review-thread-item strong{display:block;font-size:12px}.review-thread-item p{margin:4px 0 0;font-size:12px;line-height:1.7;color:#475569}.review-thread-item small{display:block;margin-top:5px;color:#98a2b3;font-size:10px}.review-thread-item.system{background:#f8fafc}
.review-digital-table{min-width:650px}.review-digital-table th,.review-digital-table td{font-size:12px}
.review-empty{padding:22px;text-align:center;border:1px dashed #d7e0ec;background:#fbfcfe;border-radius:11px;color:var(--muted);font-size:12px}
@media(max-width:1250px){.review-kpis{grid-template-columns:repeat(3,1fr)}.review-filters{grid-template-columns:repeat(3,1fr)}.review-content-grid{grid-template-columns:1fr}.review-side{position:static}.review-meta{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.review-kpis,.review-filters,.review-meta{grid-template-columns:1fr}.review-actions.two{grid-template-columns:1fr}.review-detail-hero{padding:17px}}


/* ===== V13: language reviewer portal + scoped comments ===== */
.scoped-notes{margin-top:12px;display:grid;gap:8px}.scoped-note{border-right:3px solid #2563eb;background:#f8fbff;border:1px solid #dce8fb;border-right-width:3px;border-radius:9px;padding:10px 11px}.scoped-note.language{border-right-color:#0f766e;background:#f0fdfa;border-color:#ccfbf1}.scoped-note strong{font-size:11px;color:#1f3b64}.scoped-note.language strong{color:#0f766e}.scoped-note p{margin:4px 0 0;font-size:12px;line-height:1.75;color:#475569}.scoped-note small{display:block;margin-top:5px;color:#94a3b8;font-size:10px}
.admin-reupload-box{margin-top:12px;border:1px dashed #bfd0ec;border-radius:11px;background:#f8fbff;padding:12px}.admin-reupload-box label{display:block;font-size:12px;font-weight:800;margin-bottom:7px}.admin-reupload-box input{width:100%;border:1px solid #d9e1ec;border-radius:9px;padding:9px;background:#fff}.admin-file-note{font-size:10px;color:#64748b;margin-top:6px;line-height:1.6}
.language-shell{display:grid;gap:18px}.language-profile{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;box-shadow:var(--shadow)}.language-profile-avatar{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#ecfeff;color:#0f766e;font-weight:900;font-size:17px;border:1px solid #a5f3fc}.language-profile select{border:0;background:transparent;outline:0;font-weight:800;color:#1e293b;min-width:210px}.language-profile small{display:block;color:var(--muted);font-size:11px;margin-bottom:2px}
.language-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.language-stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 16px;box-shadow:0 5px 16px rgba(15,23,42,.035)}.language-stat span{display:block;color:var(--muted);font-size:11px;font-weight:700}.language-stat strong{display:block;font-size:25px;margin-top:4px;color:#172033}.language-stat.new{border-right:4px solid #0ea5e9}.language-stat.progress{border-right:4px solid #7c3aed}.language-stat.returned{border-right:4px solid #d97706}.language-stat.done{border-right:4px solid #059669}
.language-filters{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px}.language-task-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.language-task-card{border:1px solid #dfe7ea;border-radius:14px;background:#fff;padding:16px;box-shadow:0 5px 16px rgba(15,23,42,.035)}.language-task-card:hover{border-color:#bcdce0}.language-task-card h3{margin:0;font-size:16px;line-height:1.6}.language-task-card p{margin:4px 0 0;color:var(--muted);font-size:12px}.language-task-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.language-task-meta div{border:1px solid #edf1f2;background:#f8fafb;border-radius:9px;padding:9px}.language-task-meta span{display:block;font-size:10px;color:var(--muted)}.language-task-meta strong{font-size:12px}.language-task-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding-top:12px;border-top:1px solid #edf2f3}
.language-hero{background:linear-gradient(135deg,#134e4a,#0f766e);color:#fff;border-radius:16px;padding:20px 22px;box-shadow:0 12px 30px rgba(15,118,110,.15)}.language-hero h1{margin:0;font-size:23px}.language-hero p{margin:5px 0 0;color:#ccfbf1;font-size:12px}.language-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}.language-meta div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:9px 10px}.language-meta span{display:block;font-size:10px;color:#99f6e4}.language-meta strong{font-size:12px;color:#fff}
.language-topic-card{border:1px solid #d8e7e5;border-radius:14px;background:#fff;overflow:hidden}.language-topic-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#f0fdfa;border-bottom:1px solid #d8e7e5}.language-topic-head h4{margin:0;font-size:14px}.language-topic-head p{margin:3px 0 0;color:#64748b;font-size:11px}.language-topic-body{padding:15px}.language-comment-box textarea{width:100%;min-height:92px;resize:vertical;border:1px solid #d4e2e0;border-radius:10px;padding:11px;outline:none}.language-comment-box textarea:focus{border-color:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.1)}.language-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.language-thread{display:grid;gap:8px;margin-top:12px}.language-thread-item{border:1px solid #e2e8f0;border-radius:9px;padding:9px 10px;background:#f8fafc}.language-thread-item strong{font-size:11px}.language-thread-item p{margin:4px 0 0;font-size:12px;line-height:1.7;color:#475569}.language-thread-item small{display:block;margin-top:4px;color:#94a3b8;font-size:10px}.lang-status{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.lang-waiting{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.lang-new{background:#eff6ff;color:#1d4ed8}.lang-progress{background:#f5f3ff;color:#6d28d9}.lang-return{background:#fff7ed;color:#c2410c}.lang-approved{background:#ecfdf5;color:#047857}.lang-recording{background:#ecfeff;color:#0f766e}
@media(max-width:1000px){.language-task-list{grid-template-columns:1fr}.language-summary,.language-meta{grid-template-columns:repeat(2,1fr)}.language-filters{grid-template-columns:1fr}}
@media(max-width:560px){.language-summary,.language-meta{grid-template-columns:1fr}.language-profile{width:100%}.language-profile select{min-width:0;width:100%}}


/* ===== V15: Employee directory & professional group management ===== */
.employee-import-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:16px;align-items:start}
.employee-drop{border:1px dashed #9fb5d6;border-radius:12px;padding:16px;background:#f8fbff}.employee-drop input[type=file]{width:100%;margin-top:9px;padding:9px;background:#fff;border:1px solid #d6dfeb;border-radius:9px}
.employee-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.employee-summary .summary-box strong{font-size:22px}.employee-table{min-width:850px}.specialty-chip{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef4ff;color:#2457c5;font-size:11px;font-weight:800}
.member-picker{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:end}.member-picker-note{font-size:11px;color:var(--muted);margin-top:6px}.member-profile-card .employee-code{font-size:10px;color:#94a3b8;margin-top:2px}.group-specialty{font-size:11px;color:var(--muted);margin-top:4px}
@media(max-width:900px){.employee-import-grid,.member-picker{grid-template-columns:1fr}.employee-summary{grid-template-columns:1fr}}


/* ===== V16: Recording workflow ===== */
.recording-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.recording-stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 16px;box-shadow:0 5px 16px rgba(15,23,42,.035)}.recording-stat span{display:block;color:var(--muted);font-size:11px;font-weight:700}.recording-stat strong{display:block;font-size:24px;margin-top:4px;color:#172033}.recording-stat.new{border-right:4px solid #2563eb}.recording-stat.progress{border-right:4px solid #d97706}.recording-stat.review{border-right:4px solid #7c3aed}.recording-stat.done{border-right:4px solid #059669}
.recording-filters{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px}.recording-assign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recording-task-card{border:1px solid #dfe7ef;border-radius:14px;background:#fff;padding:16px;box-shadow:0 5px 16px rgba(15,23,42,.035)}.recording-task-card h3{margin:0;font-size:15px}.recording-task-card p{margin:4px 0 0;color:var(--muted);font-size:12px}.recording-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.recording-meta div{background:#f8fafc;border:1px solid #edf2f7;border-radius:9px;padding:8px}.recording-meta span{display:block;color:var(--muted);font-size:10px}.recording-meta strong{font-size:12px}
.recording-hero{background:linear-gradient(135deg,#312e81,#6d28d9);color:#fff;border-radius:16px;padding:20px 22px;box-shadow:0 12px 30px rgba(109,40,217,.16)}.recording-hero h1{margin:0;font-size:23px}.recording-hero p{margin:5px 0 0;color:#ede9fe;font-size:12px}.recording-topic-tabs,.recording-element-tabs{display:flex;gap:8px;flex-wrap:wrap}.recording-tab{border:1px solid #dbe3ef;background:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;cursor:pointer}.recording-tab.active{background:#312e81;color:#fff;border-color:#312e81}.recording-element-card{border:1px solid #ddd6fe;border-radius:14px;background:#fff;overflow:hidden}.recording-element-head{padding:14px 16px;background:#f5f3ff;border-bottom:1px solid #e9e5ff}.recording-element-head h3{margin:0;font-size:15px}.recording-element-head p{margin:4px 0 0;color:#64748b;font-size:11px}.scene-list{display:grid;gap:10px}.scene-card{border:1px solid #e2e8f0;border-radius:12px;padding:12px;background:#fbfcfe}.scene-grid{display:grid;grid-template-columns:130px minmax(180px,1fr) minmax(230px,1.2fr) auto;gap:9px;align-items:end}.scene-audio{margin-top:10px;padding-top:10px;border-top:1px solid #edf2f7}.scene-audio audio{width:100%;height:38px}.audio-review-card{border:1px solid #d7e5e3;border-radius:13px;background:#fff;padding:14px}.audio-review-row{border-top:1px solid #edf2f3;padding-top:12px;margin-top:12px}.audio-review-row:first-child{border-top:0;padding-top:0;margin-top:0}.audio-review-row audio{width:100%;height:38px;margin:8px 0}.audio-comment{width:100%;min-height:70px;resize:vertical;border:1px solid #d4e2e0;border-radius:9px;padding:9px}.notification-dot{display:inline-flex;min-width:20px;height:20px;border-radius:999px;align-items:center;justify-content:center;background:#dc2626;color:#fff;font-size:10px;font-weight:900;padding:0 5px}
@media(max-width:900px){.recording-summary{grid-template-columns:repeat(2,1fr)}.recording-filters,.recording-assign-grid{grid-template-columns:1fr}.scene-grid{grid-template-columns:1fr}}


.course-topic-list{display:flex;gap:7px;flex-wrap:wrap;min-width:280px}.course-topic-chip{display:inline-flex;gap:5px;align-items:center;border:1px solid #dbe4f0;background:#f8fafc;border-radius:9px;padding:7px 9px;font-size:11px}.course-topic-chip b{color:#2457c5}.course-bulk-import input[type=file]{background:#fff}

/* V44 — Graphic portal */
.gr-shell{display:grid;gap:18px}.gr-hero{background:linear-gradient(135deg,#15263a,#243e58);color:#fff;border-radius:24px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 14px 36px rgba(21,38,58,.14)}.gr-hero.compact{padding:20px 24px}.gr-hero h1{margin:4px 0 7px;font-size:26px}.gr-hero p{margin:0;color:#dbe4ec}.gr-hero>div>span{color:#e8b28f;font-weight:800}.gr-user{min-width:250px}.gr-user label{color:#fff}.gr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gr-stats>div,.gr-card{background:#fff;border:1px solid #e8e2d9;border-radius:18px;box-shadow:0 8px 24px rgba(21,38,58,.06)}.gr-stats>div{padding:16px 18px}.gr-stats span{display:block;color:#6f777f;font-size:12px}.gr-stats strong{font-size:25px;color:#15263a}.gr-card{padding:18px}.gr-card-head,.gr-design-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:15px}.gr-card-head h3,.gr-design-head h3{margin:0;color:#15263a}.gr-card-head p,.gr-design-head span{margin:4px 0 0;color:#77808a;font-size:12px}.gr-task-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:14px}.gr-task{border:1px solid #e4ddd3;border-radius:16px;padding:17px;background:#fbf8f1}.gr-task h3{margin:10px 0 5px}.gr-task p{min-height:36px;color:#6f777f}.gr-task-meta{display:flex;justify-content:space-between;color:#7a838c;font-size:11px;margin:12px 0}.gr-chip,.gr-wait{display:inline-flex;padding:6px 10px;border-radius:999px;background:#f2e6de;color:#a4512d;font-size:11px;font-weight:800}.gr-chip.ok{background:#e4f4e9;color:#247044}.gr-big-status{background:#fff;color:#15263a;padding:9px 14px;border-radius:999px;font-weight:800}.gr-tabs{display:flex;gap:8px;flex-wrap:wrap}.gr-tabs button{border:1px solid #ded7ce;background:#fff;border-radius:12px;padding:10px 14px;font-weight:800;color:#48525b}.gr-tabs button.active{background:#c66a3d;color:#fff;border-color:#c66a3d}.gr-script-list{display:grid;gap:10px}.gr-script{border:1px solid #e6ded4;border-radius:14px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff}.gr-script.mind{background:#fbf4ea;border-style:dashed}.gr-script small{display:block;color:#7a838c;margin-top:4px}.gr-form-grid,.gr-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gr-preview{margin-top:15px;border:1px solid #e5ddd3;border-radius:15px;overflow:hidden}.gr-preview>div{padding:12px 14px;background:#fbf8f1}.gr-preview small{display:block;color:#777}.gr-preview iframe,.gr-review-card iframe{width:100%;height:420px;border:0;background:#f4f4f4}.gr-review-grid{margin-top:14px}.gr-review-grid>div{padding:13px;border:1px solid #e6ded4;border-radius:13px;display:flex;justify-content:space-between}.gr-comments{margin-top:15px}.gr-comments>div{background:#fff7e8;border-right:4px solid #c66a3d;border-radius:10px;padding:10px 12px;margin-top:8px}.gr-comments span{font-size:10px;color:#777;margin-right:8px}.gr-comments p{margin:5px 0 0}.gr-source{margin-top:16px;background:#edf8f0;border:1px solid #cde8d4;border-radius:15px;padding:15px;display:grid;gap:10px}.gr-review-list{display:grid;gap:14px}.gr-review-card{border:1px solid #e3dbd1;border-radius:16px;padding:14px;background:#fff}.gr-review-card iframe{height:360px;border-radius:12px;margin:10px 0}.gr-empty{padding:25px;text-align:center;color:#7a838c;background:#fbf8f1;border-radius:14px}.gr-review-section{margin-top:18px}@media(max-width:900px){.gr-stats{grid-template-columns:repeat(2,1fr)}.gr-hero{align-items:stretch;flex-direction:column}.gr-user{min-width:0;width:100%}.gr-form-grid,.gr-review-grid{grid-template-columns:1fr}.gr-script{align-items:flex-start;flex-direction:column}.gr-preview iframe,.gr-review-card iframe{height:300px}}

.gr-name-rule{margin-top:8px;padding:10px 12px;border:1px solid #bfdbfe;background:#eff6ff;border-radius:10px;color:#1e3a8a;font-size:12px;line-height:1.8}.gr-name-rule strong{font-weight:900}.gr-name-rule span{color:#475569}

/* ===== V46: Admin-managed graphics source upload link ===== */
.gr-source-link{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:12px;padding:13px 14px;border:1px solid #bfe5d5;border-radius:11px;background:#f6fffb}.gr-source-link div{min-width:0;flex:1}.gr-source-link span{display:block;font-size:11px;color:#64748b;margin-bottom:4px}.gr-source-link strong{display:block;font-size:12px;color:#0f5132;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:720px}.gr-chip.wait{background:#fff7ed;color:#c2410c;border-color:#fed7aa}



/* V25 — Visual redesign for Course Management */
#coursesView{--cv-navy:#15263a;--cv-accent:#c66a3d;--cv-soft:#f6f3ed;--cv-paper:#fffdf9;--cv-line:#e7e0d6;--cv-muted:#6c7580}
#coursesView .topbar{background:linear-gradient(135deg,var(--cv-navy),#223b57);color:#fff;border-radius:20px;padding:24px 26px;margin-bottom:18px;box-shadow:0 14px 34px rgba(21,38,58,.14)}
#coursesView .topbar h1{color:#fff;margin:0 0 7px;font-size:28px}#coursesView .topbar .subtitle{color:#dce5ed}#coursesView .topbar .admin-badge{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2)}
#coursesView .grid{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.7fr);gap:18px;align-items:start}
#coursesView .course-create-card,#coursesView .course-list-card{border:1px solid var(--cv-line);border-radius:18px;overflow:hidden;background:var(--cv-paper);box-shadow:0 10px 28px rgba(28,42,55,.07)}
#coursesView .course-create-card{position:sticky;top:16px}
#coursesView .course-create-card .card-head,#coursesView .course-list-card .card-head{padding:18px 20px;background:#fff;border-bottom:1px solid var(--cv-line)}
#coursesView .course-create-card .card-head h3,#coursesView .course-list-card .card-head h3{font-size:17px;color:var(--cv-navy);margin:0}
#coursesView .course-create-card .card-body{padding:20px}
#coursesView #courseForm{display:grid;grid-template-columns:1fr;gap:16px}
#coursesView #courseForm .field{margin:0}#coursesView #courseForm label{display:block;font-weight:800;color:#27394a;margin-bottom:7px;font-size:13px}
#coursesView #courseForm input[type=text],#coursesView #courseForm input:not([type]){min-height:46px;border:1px solid #d7dee5;border-radius:11px;background:#fff;padding:0 13px;transition:.2s}
#coursesView #courseForm input:focus{border-color:var(--cv-accent);box-shadow:0 0 0 3px rgba(198,106,61,.11);outline:none}
#coursesView #courseBookFile{border:1.5px dashed #c8d0d8;border-radius:12px;padding:12px;background:#f8fafb;width:100%}
#coursesView #courseForm .btn-primary{min-height:47px;border-radius:11px;font-weight:800;font-size:14px;background:var(--cv-accent);border-color:var(--cv-accent);box-shadow:0 7px 16px rgba(198,106,61,.18)}
#coursesView .course-form-note{background:var(--cv-soft);border:1px solid var(--cv-line);border-radius:11px;padding:10px 12px;color:var(--cv-muted);font-size:11px;line-height:1.7;margin-top:-5px}
#coursesView .course-list-card .card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
#coursesView #coursesCount{background:#edf3f7;color:var(--cv-navy);border:none;padding:7px 11px;border-radius:999px;font-weight:800}
#coursesView .table-wrap{overflow:auto;padding:0 14px 14px}
#coursesView table{border-collapse:separate;border-spacing:0 9px;min-width:900px}
#coursesView thead th{background:transparent;color:#7a8490;font-size:11px;border:none;padding:9px 10px;white-space:nowrap}
#coursesView tbody tr{background:#fff;box-shadow:0 3px 13px rgba(28,42,55,.055)}#coursesView tbody td{border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2;padding:13px 10px;vertical-align:middle}
#coursesView tbody td:first-child{border-right:1px solid #edf0f2;border-radius:0 12px 12px 0;color:#8a929a;font-weight:700}#coursesView tbody td:last-child{border-left:1px solid #edf0f2;border-radius:12px 0 0 12px}
#coursesView .course-code-pill{display:inline-flex;background:#eef3f7;color:#24445f;border-radius:8px;padding:6px 9px;font-weight:900;font-size:11px;direction:ltr}
#coursesView .course-name-cell strong{display:block;color:#1e3041;font-size:13px}.course-name-cell small{display:block;color:#8a929a;margin-top:4px}
#coursesView .course-metric{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:30px;border-radius:9px;background:#f4f6f8;font-weight:900;color:#30475a}
#coursesView .course-book-cell{min-width:150px}#coursesView .course-book-name{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800;color:#34495c;font-size:11px}
#coursesView .course-book-empty{color:#a0a6ac;font-size:11px}.course-source{font-size:11px;color:#687583;background:#f5f7f8;border-radius:7px;padding:5px 7px;white-space:nowrap}
#coursesView .actions{display:flex;gap:5px;flex-wrap:nowrap}#coursesView .actions .btn{white-space:nowrap;border-radius:8px;padding:7px 9px}
@media(max-width:1100px){#coursesView .grid{grid-template-columns:1fr}#coursesView .course-create-card{position:static}#coursesView #courseForm{grid-template-columns:repeat(2,minmax(0,1fr))}#coursesView #courseForm .field:nth-child(3),#coursesView #courseForm .btn-primary{grid-column:1/-1}}
@media(max-width:680px){#coursesView .topbar{padding:19px}#coursesView #courseForm{grid-template-columns:1fr}#coursesView #courseForm .field:nth-child(3),#coursesView #courseForm .btn-primary{grid-column:auto}}



@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');
:root{--ui-font:'Noto Sans Arabic',Tahoma,Arial,sans-serif;--ui-display:'Noto Kufi Arabic','Noto Sans Arabic',Tahoma,sans-serif;--ink:#17243a;--navy:#172a42;--navy2:#213b59;--blue:#2f67d8;--teal:#148273;--amber:#c67a2c;--red:#c64e5b;--purple:#7355c6;--surface:#fff;--canvas:#f5f7fa;--soft:#f8fafc;--stroke:#e1e7ef;--shadow2:0 10px 28px rgba(23,42,66,.07);--sidebar-w:300px;--sidebar-mini:84px}
html{scroll-behavior:smooth}body{font-family:var(--ui-font);background:radial-gradient(circle at 10% 0,#f9fbff 0,#f5f7fa 32%,#f3f5f8 100%);color:var(--ink);font-feature-settings:'kern';}
button,input,select,textarea{font-family:var(--ui-font)}h1,h2,h3,.brand h2,.topbar h1,.card-head h3{font-family:var(--ui-display);letter-spacing:0}
.app{grid-template-columns:minmax(0,1fr) var(--sidebar-w);transition:grid-template-columns .25s ease}.sidebar{width:var(--sidebar-w);transition:width .25s ease,padding .25s ease;background:linear-gradient(180deg,#14263b 0%,#1b334e 52%,#172a42 100%);box-shadow:-8px 0 30px rgba(18,38,59,.08);z-index:90}.main{transition:padding .25s ease;padding:30px 32px 42px}
.sidebar-toggle{position:sticky;top:0;z-index:20;width:100%;height:42px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.07);color:#fff;border-radius:11px;margin:0 0 13px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;backdrop-filter:blur(8px)}.sidebar-toggle:hover{background:rgba(255,255,255,.13)}.sidebar-toggle .toggle-label{font-size:12px}
.brand{border-bottom-color:rgba(255,255,255,.09);padding-inline:9px}.brand h2{font-size:18px}.brand p{color:#aebdd0}.nav-title{font-weight:700;letter-spacing:.1px;color:#91a4ba}.nav-btn{position:relative;overflow:hidden;border:1px solid transparent;min-height:45px;font-weight:650;color:#e8eef5}.nav-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.08)}.nav-btn.active{background:linear-gradient(135deg,#2f67d8,#2456b8);border-color:#4779dc;box-shadow:0 7px 18px rgba(12,35,70,.22)}
body.sidebar-collapsed .app{grid-template-columns:minmax(0,1fr) var(--sidebar-mini)}body.sidebar-collapsed .sidebar{width:var(--sidebar-mini);padding-inline:11px}body.sidebar-collapsed .brand h2,body.sidebar-collapsed .brand p,body.sidebar-collapsed .nav-title,body.sidebar-collapsed .nav-btn>:not(.nav-badge-count),body.sidebar-collapsed .toggle-label{display:none}body.sidebar-collapsed .brand{height:14px;padding:0;margin-bottom:10px;border:0}body.sidebar-collapsed .nav-btn{font-size:0;justify-content:center;padding:10px 5px;min-height:48px}body.sidebar-collapsed .nav-btn::first-letter{font-size:21px}body.sidebar-collapsed .nav-btn .nav-badge-count{position:absolute;top:3px;left:4px;font-size:9px;min-width:18px;height:18px}body.sidebar-collapsed .sidebar-toggle{font-size:18px}
.topbar{background:linear-gradient(135deg,#fff,#fbfcff);border:1px solid var(--stroke);border-radius:18px;padding:19px 21px;box-shadow:var(--shadow2)}.topbar h1{font-size:25px;color:#15263a}.subtitle{color:#66758a}.admin-badge{box-shadow:none;background:#f7f9fc;border-color:#dfe6ee;font-weight:700;color:#35445a}
.card,.ac-card,.pi-card{border-color:var(--stroke)!important;box-shadow:var(--shadow2)!important}.card{border-radius:16px}.card-head{background:linear-gradient(180deg,#fff,#fbfcfe);border-bottom-color:#e8edf3}.card-head h3{color:#203149}.card-body{padding:21px}
.field label{color:#34445a;font-weight:750}.field input,.field select,textarea{border:1px solid #cfd8e4!important;border-radius:10px!important;background:#fff!important;transition:border .15s,box-shadow .15s}.field input:focus,.field select:focus,textarea:focus{border-color:#4b75ce!important;box-shadow:0 0 0 3px rgba(47,103,216,.11)!important}
.btn,.ac-btn{border-radius:10px!important;font-weight:750!important;letter-spacing:0;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.btn:hover,.ac-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(23,42,66,.11)}.btn-primary{background:linear-gradient(135deg,#346cda,#2858bd)!important}.btn-success{background:#e7f7f1!important;color:#08705b!important;border:1px solid #c6eadf!important}.btn-warning{background:#fff3e4!important;color:#a85a16!important;border:1px solid #f0d2ac!important}.btn-danger{background:#fff0f2!important;color:#af3546!important;border:1px solid #f1cbd1!important}.btn-gray{background:#f2f5f8!important;color:#425168!important;border:1px solid #dfe5ec!important}.btn-violet{background:#f2effd!important;color:#6546b3!important;border:1px solid #ddd5f7!important}
.badge,.status-pill,.review-status,.lang-status,.priority,.deadline-chip{font-family:var(--ui-font);font-weight:750!important}.table-wrap{border-radius:0 0 15px 15px}table{background:#fff}th{background:#f6f8fb!important;color:#4a5a70!important;font-weight:800!important}td{color:#35445a}tbody tr:hover{background:#f7faff!important}
.source-note,.review-note,.scoped-note,.language-thread-item,.review-thread-item{border-radius:11px!important;line-height:1.85}.source-note{background:#fff9ee!important;border-color:#f0dcb6!important}.review-note{background:#f8f5ff!important;border-right:4px solid var(--purple)!important}.scoped-note.language{background:#f1fbf8!important}.empty-soft,.review-empty,.ac-empty{background:#fafbfd!important;border-color:#d9e1eb!important}
/* stronger visual separation for major content sections */
.view>.grid,.designer-shell,.language-shell,.review-center-shell{gap:20px}.view .card+.card,.pi-section+.pi-section{margin-top:2px}.pi-section{border-radius:16px;overflow:hidden}.pi-section>.ac-head{background:#f8fafc;border-bottom:1px solid #e6ebf2}.pi-inbox-item{border-radius:12px!important}.pi-inbox-item.urgent{border-right:4px solid var(--amber)!important;background:#fffaf3!important}
.notification-item{border-radius:12px}.notification-item.unread{border-right:4px solid var(--blue);background:#f6f9ff}.notification-icon{font-size:17px}.review-file-card,.blueprint-readonly,.unit-file-card,.topic-upload-card,.digital-topic-card,.recording-element-card,.audio-review-card,.designer-task-card,.language-task-card{box-shadow:0 5px 16px rgba(23,42,66,.035)}
/* action hierarchy */
.actions .btn:first-child:not(.btn-danger):not(.btn-gray){box-shadow:0 4px 10px rgba(47,103,216,.08)}.toast{font-family:var(--ui-font);background:#172a42;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 28px rgba(17,35,55,.2)}
/* section marker on headings */
.card-head h3:before,.ac-head h3:before{content:'';display:inline-block;width:4px;height:18px;border-radius:6px;background:#c66a3d;margin-left:8px;vertical-align:-4px}.card-head h3:has(+*)::before{display:inline-block}
@media(max-width:900px){.app,body.sidebar-collapsed .app{grid-template-columns:1fr}.sidebar,body.sidebar-collapsed .sidebar{width:100%;height:auto;position:relative;padding:14px}.sidebar-toggle{position:relative}.main{padding:16px}.topbar{padding:16px}body.sidebar-collapsed .sidebar .brand,body.sidebar-collapsed .sidebar .nav-title,body.sidebar-collapsed .sidebar .nav-btn{display:none}.sidebar-toggle{margin-bottom:0}}



.pg-section-title-v53{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.pg-section-title-v53 h4{margin:0 0 3px}.pg-final-list-v53{display:grid;gap:9px}.pg-final-script-v53{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fbfcfe}.pg-unit-files-v53{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pg-unit-file-v53{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;position:relative}.pg-unit-file-v53 .actions,.pg-unit-file-v53>.pg-wait-v53{grid-column:1/-1}.pg-unit-file-icon-v53{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#eef4ff;border:1px solid #dce7ff;font-size:20px}.pg-approved-v53{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#ecfdf5;color:#047857;font-size:11px;font-weight:900}.pg-wait-v53{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#fff7ed;color:#c2410c;font-size:11px;font-weight:800}@media(max-width:1000px){.pg-unit-files-v53{grid-template-columns:1fr}.pg-final-script-v53{align-items:flex-start;flex-direction:column}}



/* V55 — Recording assignment page aligned with Instructional Design assignment UX */
#recordingAdminView.recording-assignment-v55{max-width:1320px;margin:0 auto}
#recordingAdminView .recording-v55-topbar{background:linear-gradient(135deg,#15263a,#233b55);color:#fff;border:0;border-radius:22px;padding:22px 24px;box-shadow:0 12px 32px rgba(21,38,58,.15);margin-bottom:16px}
#recordingAdminView .recording-v55-topbar h1{color:#fff;margin:4px 0 6px}
#recordingAdminView .recording-v55-topbar .subtitle{color:#d9e2ea}
#recordingAdminView .recording-v55-topbar .badge{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;padding:7px 11px}
#recordingAdminView .recording-v55-assignment-card,#recordingAdminView .recording-v55-table-card{border:1px solid #ded7ce;border-radius:18px;overflow:hidden;box-shadow:0 6px 20px rgba(21,38,58,.05);margin:16px 0;background:#fff}
#recordingAdminView .recording-v55-assignment-card .card-head,#recordingAdminView .recording-v55-table-card .card-head{background:#fbf8f1;border-bottom:1px solid #e7dfd5}
.recording-v55-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.recording-v55-steps .field{border:1px solid #e8dfd4;background:#fffdf9;border-radius:15px;padding:13px}
.recording-v55-steps label{display:flex;align-items:center;gap:8px;color:#15263a;font-weight:900}
.recording-v55-num{width:24px;height:24px;display:inline-grid;place-items:center;border-radius:50%;background:#15263a;color:#fff;font-size:11px}
.recording-v55-topics-box{margin-top:14px;padding:14px;border:1px dashed #d8cfc3;background:#fbf8f1;border-radius:15px}
.recording-v55-submit{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:14px;border:1px solid #e8dfd4;border-radius:15px;background:#fff}
.recording-v55-submit .btn{min-width:240px}
.recording-v55-filters{background:#fbf8f1;border:1px solid #e7dfd5;border-radius:15px;padding:13px}
#recordingAdminView table th{background:#fcfaf6;color:#64748b;font-size:11px}
#recordingAdminView table td,#recordingAdminView table th{border-bottom:1px solid #eee7df;padding:11px}
@media(max-width:800px){.recording-v55-steps{grid-template-columns:1fr}.recording-v55-submit{align-items:stretch;flex-direction:column}.recording-v55-submit .btn{width:100%;min-width:0}}



/* ===== V17 production review workspace inspired by المراجعة الصوتية ===== */
.pr-shell{--pr-primary:#c66a3d;--pr-navy:#15263a;--pr-bg:#f4efe5;--pr-paper:#fbf8f1;--pr-muted:#65706d;--pr-border:#d9d0c3;background:var(--pr-bg);border:1px solid var(--pr-border);padding:20px;border-radius:18px;background-image:radial-gradient(rgba(21,38,58,.05) .7px,transparent .7px);background-size:7px 7px}
.pr-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);background:var(--pr-paper);border:1px solid rgba(21,38,58,.12);box-shadow:0 18px 44px rgba(49,38,24,.08);margin-bottom:18px}.pr-hero-copy{padding:28px}.pr-eyebrow{color:var(--pr-primary);font-size:12px;font-weight:900;margin-bottom:7px}.pr-hero h1{margin:0;color:var(--pr-navy);font-size:26px}.pr-hero p{color:var(--pr-muted);line-height:1.9;margin:9px 0 0}.pr-hero-side{background:var(--pr-navy);color:#fffaf1;padding:24px;display:flex;flex-direction:column;justify-content:center}.pr-hero-side small{color:#cbd5e1}.pr-hero-side strong{font-size:18px;margin-top:5px}
.pr-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.pr-stat{background:var(--pr-paper);border:1px solid rgba(21,38,58,.1);padding:15px 18px;border-right:4px solid var(--pr-navy)}.pr-stat.warn{border-right-color:var(--pr-primary)}.pr-stat.ok{border-right-color:#2d7a5b}.pr-stat strong{display:block;font-size:26px;color:var(--pr-navy)}.pr-stat span{font-size:11px;color:var(--pr-muted);font-weight:800}
.pr-selector{background:#fdfbf7;border:1px solid rgba(21,38,58,.12);padding:16px;margin-bottom:14px}.pr-selector-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px}.pr-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.pr-tab{border:1px solid rgba(21,38,58,.16);background:#f2ece1;color:var(--pr-navy);padding:12px 16px;font:inherit;font-weight:900;cursor:pointer}.pr-tab.active{background:var(--pr-navy);color:#fffaf1;border-color:var(--pr-navy)}.pr-tab.audio.active{background:#2d7a5b;border-color:#2d7a5b}.pr-tab.video.active{background:var(--pr-primary);border-color:var(--pr-primary)}
.pr-elements{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.pr-element{border:1px solid #d9d0c3;background:#fff;padding:9px 12px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.pr-element.active{background:var(--pr-navy);color:#fff;border-color:var(--pr-navy)}
.pr-scenes{display:grid;gap:16px}.pr-scene{background:var(--pr-paper);border:1px solid rgba(21,38,58,.12);border-right:5px solid var(--pr-navy);padding:18px;box-shadow:0 4px 16px rgba(0,0,0,.03)}.pr-scene.needs{border-right-color:var(--pr-primary)}.pr-scene.approved{border-right-color:#2d7a5b}.pr-scene-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.pr-scene-num{display:inline-flex;background:var(--pr-navy);color:#fff;padding:4px 9px;font-size:11px;font-weight:900}.pr-scene h3{margin:8px 0 0;color:var(--pr-navy);font-size:17px}.pr-audio-box{background:#f4efe5;border:1px solid rgba(21,38,58,.1);padding:12px;margin-top:14px}.pr-audio-box audio{width:100%;height:40px}.pr-comment{width:100%;min-height:78px;border:1px solid #d9d0c3;background:#fff;padding:10px;margin-top:12px;font:inherit;resize:vertical}.pr-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.pr-report{margin-top:18px;background:#fff;border:1px solid var(--pr-border);padding:16px}.pr-report h3{margin:0 0 10px;color:var(--pr-navy)}.pr-report-row{display:grid;grid-template-columns:1.5fr repeat(3,.7fr);gap:8px;padding:9px;border-top:1px solid #eee7db;font-size:12px}.pr-empty{padding:35px;text-align:center;background:#fff;color:var(--pr-muted);border:1px dashed var(--pr-border)}
@media(max-width:900px){.pr-hero{grid-template-columns:1fr}.pr-stats{grid-template-columns:repeat(2,1fr)}.pr-selector-grid,.pr-tabs{grid-template-columns:1fr}.pr-report-row{grid-template-columns:1fr}}



/* ===== V17.1 actual recorder portal redesign ===== */
#recordingDashboardView,#recordingTaskView{--rp-primary:#c66a3d;--rp-navy:#15263a;--rp-bg:#f4efe5;--rp-paper:#fbf8f1;--rp-muted:#65706d;--rp-border:#d9d0c3}
#recordingDashboardView .topbar,#recordingTaskView .topbar{background:transparent}
.rp-shell{background:var(--rp-bg);border:1px solid var(--rp-border);border-radius:18px;padding:20px;background-image:radial-gradient(rgba(21,38,58,.05) .7px,transparent .7px);background-size:7px 7px}
.rp-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);background:var(--rp-paper);border:1px solid rgba(21,38,58,.12);box-shadow:0 18px 44px rgba(49,38,24,.08);margin-bottom:18px}.rp-hero-copy{padding:28px}.rp-eyebrow{color:var(--rp-primary);font-size:12px;font-weight:900;margin-bottom:8px}.rp-hero h1{margin:0;color:var(--rp-navy);font-size:28px}.rp-hero p{color:var(--rp-muted);line-height:1.9;margin:9px 0 0}.rp-hero-side{background:var(--rp-navy);color:#fffaf1;padding:24px;display:flex;flex-direction:column;justify-content:center}.rp-hero-side small{color:#cbd5e1}.rp-hero-side strong{font-size:17px;margin:4px 0 12px}.rp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.rp-stat{background:var(--rp-paper);border:1px solid rgba(21,38,58,.1);padding:15px 18px;border-right:4px solid var(--rp-navy)}.rp-stat.warn{border-right-color:var(--rp-primary)}.rp-stat.ok{border-right-color:#2d7a5b}.rp-stat strong{display:block;font-size:26px;color:var(--rp-navy)}.rp-stat span{font-size:11px;color:var(--rp-muted);font-weight:800}.rp-filterbox,.rp-stepbox{background:#fdfbf7;border:1px solid rgba(21,38,58,.12);padding:16px;margin-bottom:16px}.rp-filtergrid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px}.rp-taskgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rp-task{background:var(--rp-paper);border:1px solid rgba(21,38,58,.12);border-right:5px solid var(--rp-primary);padding:18px;box-shadow:0 4px 16px rgba(0,0,0,.03)}.rp-task h3{margin:0;color:var(--rp-navy)}.rp-task p{color:var(--rp-muted);font-size:12px}.rp-task-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.rp-task-meta div{background:#f4efe5;border:1px solid rgba(21,38,58,.08);padding:9px}.rp-task-meta span{display:block;font-size:10px;color:var(--rp-muted)}.rp-task-meta strong{font-size:12px;color:var(--rp-navy)}
.rp-breadcrumb{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.rp-crumb{background:#fff;border:1px solid var(--rp-border);padding:7px 10px;font-size:11px;font-weight:800;color:var(--rp-navy)}.rp-crumb.active{background:var(--rp-navy);color:#fff}.rp-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.rp-choice{background:#f7f3eb;border:1px solid rgba(21,38,58,.14);padding:13px 15px;text-align:right;cursor:pointer;font:inherit;font-weight:800;color:var(--rp-navy)}.rp-choice:hover{border-color:var(--rp-primary);background:#fffdf9}.rp-choice.active{background:var(--rp-navy);border-color:var(--rp-navy);color:#fff}.rp-gates{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.rp-gate{padding:12px;border:1px solid rgba(21,38,58,.16);background:#f2ece1;color:var(--rp-navy);font:inherit;font-weight:900}.rp-gate.active{background:#2d7a5b;color:#fff;border-color:#2d7a5b}.rp-gate.disabled{opacity:.55;cursor:not-allowed}.rp-editor-wrap .recording-element-card{border-radius:0;border-color:var(--rp-border);box-shadow:0 4px 16px rgba(0,0,0,.03)}.rp-editor-wrap .recording-element-head{background:var(--rp-paper);border-color:var(--rp-border)}.rp-editor-wrap .scene-card{border-radius:0;background:#fff;border-right:4px solid var(--rp-primary)}
@media(max-width:900px){.rp-hero{grid-template-columns:1fr}.rp-stats{grid-template-columns:repeat(2,1fr)}.rp-filtergrid,.rp-taskgrid,.rp-gates{grid-template-columns:1fr}}



/* ===== V18: production review INSIDE the linguistic reviewer task ===== */
.lpr-shell{--p:#c66a3d;--n:#15263a;--b:#f4efe5;--paper:#fbf8f1;--muted:#65706d;--line:#d9d0c3;background:var(--b);border:1px solid var(--line);border-radius:18px;padding:20px;background-image:radial-gradient(rgba(21,38,58,.05) .7px,transparent .7px);background-size:7px 7px}
.lpr-head{display:flex;justify-content:space-between;gap:16px;align-items:center;background:var(--paper);border:1px solid rgba(21,38,58,.12);padding:22px;margin-bottom:14px}.lpr-head h2{margin:3px 0;color:var(--n)}.lpr-head p{margin:0;color:var(--muted);font-size:12px}.lpr-kicker{color:var(--p);font-size:11px;font-weight:900}.lpr-unit{background:var(--n);color:#fffaf1;padding:12px 16px;min-width:210px}.lpr-unit small{display:block;color:#cbd5e1}.lpr-unit strong{display:block;margin-top:3px}
.lpr-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.lpr-stat{background:var(--paper);border:1px solid rgba(21,38,58,.1);border-right:4px solid var(--n);padding:14px 16px}.lpr-stat.warn{border-right-color:var(--p)}.lpr-stat.ok{border-right-color:#2d7a5b}.lpr-stat strong{display:block;font-size:25px;color:var(--n)}.lpr-stat span{font-size:11px;font-weight:800;color:var(--muted)}
.lpr-selectors{background:#fdfbf7;border:1px solid rgba(21,38,58,.12);padding:16px}.lpr-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px}.lpr-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.lpr-tab{padding:12px;border:1px solid rgba(21,38,58,.16);background:#f2ece1;color:var(--n);font:inherit;font-weight:900;cursor:pointer}.lpr-tab.active{background:var(--n);color:white;border-color:var(--n)}.lpr-tab.audio.active{background:#2d7a5b;border-color:#2d7a5b}.lpr-tab.video.active{background:var(--p);border-color:var(--p)}
.lpr-element-info{margin:14px 0;background:#fff;border:1px solid var(--line);padding:14px;border-right:4px solid var(--p)}.lpr-element-info small{display:block;color:var(--muted)}.lpr-element-info strong{color:var(--n);font-size:16px}
.lpr-scenes{display:grid;gap:14px}.lpr-scene{background:var(--paper);border:1px solid rgba(21,38,58,.12);border-right:5px solid var(--n);padding:18px}.lpr-scene.approved{border-right-color:#2d7a5b}.lpr-scene.returned{border-right-color:var(--p)}.lpr-scene-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.lpr-scene-num{display:inline-block;background:var(--n);color:white;padding:4px 9px;font-size:11px;font-weight:900}.lpr-scene h3{margin:7px 0 0;color:var(--n)}.lpr-audio{margin-top:12px;background:#f4efe5;border:1px solid rgba(21,38,58,.1);padding:11px}.lpr-audio audio{width:100%;height:40px}.lpr-comment{width:100%;min-height:78px;margin-top:11px;padding:10px;border:1px solid var(--line);background:white;font:inherit;resize:vertical}.lpr-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.lpr-empty{padding:28px;text-align:center;background:#fff;border:1px dashed var(--line);color:var(--muted)}.lpr-report{margin-top:14px;background:#fff;border:1px solid var(--line);padding:14px}.lpr-report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:9px}.lpr-report-grid div{background:#f7f3eb;padding:10px}.lpr-report-grid span{display:block;font-size:10px;color:var(--muted)}.lpr-report-grid strong{color:var(--n)}
@media(max-width:900px){.lpr-head{align-items:stretch;flex-direction:column}.lpr-stats{grid-template-columns:repeat(2,1fr)}.lpr-grid,.lpr-tabs,.lpr-report-grid{grid-template-columns:1fr}}



/* ===== V19: Language reviewer topic-first workflow ===== */
.lpr-v19-top{display:grid;grid-template-columns:1.3fr .7fr;gap:12px;margin-bottom:14px}
.lpr-v19-approved{background:#ecfdf5;border:1px solid #a7f3d0;border-right:5px solid #2d7a5b;padding:16px 18px}.lpr-v19-approved small{display:block;color:#477565;font-weight:800}.lpr-v19-approved strong{display:block;color:#14532d;font-size:17px;margin-top:4px}.lpr-v19-approved span{display:block;color:#527064;font-size:11px;margin-top:3px}
.lpr-v19-topic{background:#fff;border:1px solid var(--line);padding:14px}.lpr-v19-topic label{display:block;font-size:11px;font-weight:900;color:var(--n);margin-bottom:6px}.lpr-v19-topic select{width:100%;padding:11px;border:1px solid var(--line);background:#fff;font:inherit;font-weight:800;color:var(--n)}
.lpr-v19-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.lpr-v19-tab{padding:13px 10px;border:1px solid rgba(21,38,58,.16);background:#f2ece1;color:#15263a;font:inherit;font-weight:900;cursor:pointer}.lpr-v19-tab.active{background:#15263a;color:#fff;border-color:#15263a}.lpr-v19-tab.audio.active{background:#2d7a5b;border-color:#2d7a5b}.lpr-v19-tab.video.active{background:#c66a3d;border-color:#c66a3d}.lpr-v19-elements{display:grid;gap:16px}.lpr-v19-element{background:#fff;border:1px solid #d9d0c3;box-shadow:0 4px 14px rgba(21,38,58,.04)}.lpr-v19-element-head{padding:15px 17px;background:#fdfbf7;border-bottom:1px solid #e4dbcf;border-right:5px solid #c66a3d}.lpr-v19-element-head small{display:block;color:#65706d;font-size:10px;font-weight:800}.lpr-v19-element-head h3{margin:3px 0;color:#15263a;font-size:17px}.lpr-v19-element-head p{margin:0;color:#65706d;font-size:11px}.lpr-v19-element-body{padding:15px}.lpr-v19-element-stats{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.lpr-v19-mini{font-size:10px;font-weight:900;background:#f4efe5;padding:4px 8px;color:#15263a}.lpr-v19-story{background:#fff;border:1px solid #d9d0c3;padding:18px}.lpr-v19-story-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.lpr-v19-story h3{margin:0;color:#15263a}.lpr-v19-story p{margin:4px 0 0;color:#65706d;font-size:11px}.lpr-v19-story .language-comment-box{margin-top:14px}.lpr-v19-audio-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px}.lpr-v19-audio-stats>div{background:#fbf8f1;border:1px solid rgba(21,38,58,.1);padding:12px;border-right:4px solid #15263a}.lpr-v19-audio-stats>div.ok{border-right-color:#2d7a5b}.lpr-v19-audio-stats>div.warn{border-right-color:#c66a3d}.lpr-v19-audio-stats strong{display:block;font-size:23px;color:#15263a}.lpr-v19-audio-stats span{font-size:10px;color:#65706d;font-weight:800}
@media(max-width:900px){.lpr-v19-top{grid-template-columns:1fr}.lpr-v19-tabs,.lpr-v19-audio-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.lpr-v19-tabs,.lpr-v19-audio-stats{grid-template-columns:1fr}}



/* ===== V20: recorder returns + management audio report ===== */
.rp-return-banner{background:#fff4e8;border:1px solid rgba(198,106,61,.35);border-right:5px solid #c66a3d;padding:14px 16px;margin:14px 0}.rp-return-banner strong{color:#9a4826}.rp-return-banner p{margin:4px 0 0;color:#65706d;font-size:12px}
.rp-element-stack{display:grid;gap:14px}.rp-element-block{background:#fbf8f1;border:1px solid rgba(21,38,58,.12);box-shadow:0 4px 16px rgba(0,0,0,.03)}.rp-element-block.returned{border-right:5px solid #c66a3d}.rp-element-block.approved{border-right:5px solid #2d7a5b}.rp-element-title{padding:15px 18px;border-bottom:1px solid rgba(21,38,58,.1);display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.rp-element-title h3{margin:3px 0;color:#15263a}.rp-element-title small{color:#65706d}.rp-scenes-v20{padding:14px;display:grid;gap:12px}.rp-scene-v20{background:#fff;border:1px solid rgba(21,38,58,.1);padding:14px;border-right:4px solid #15263a}.rp-scene-v20.returned{border-right-color:#c66a3d;background:#fffaf5}.rp-scene-v20.approved{border-right-color:#2d7a5b;background:#f7fbf9}.rp-scene-v20.pending{border-right-color:#d1a32b}.rp-scene-v20-head{display:flex;justify-content:space-between;gap:10px}.rp-review-note{margin-top:10px;background:#fbf5ee;border:1px solid rgba(198,106,61,.25);padding:10px 12px}.rp-review-note small{display:block;color:#9a4826;font-weight:900}.rp-review-note p{margin:4px 0 0;color:#374151}.rp-audio-row{margin-top:10px;background:#f4efe5;padding:10px;border:1px solid rgba(21,38,58,.08)}.rp-audio-row audio{width:100%}.rp-rerecord-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.rp-rerecord-actions input[type=file]{max-width:310px}.rp-locked{font-size:11px;color:#2d7a5b;font-weight:900;margin-top:8px}
#recordingAdminReport{margin-top:16px}.ra-report-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.ra-report-stat{background:#fbf8f1;border:1px solid rgba(21,38,58,.1);padding:14px;border-right:4px solid #15263a}.ra-report-stat.ok{border-right-color:#2d7a5b}.ra-report-stat.warn{border-right-color:#c66a3d}.ra-report-stat strong{display:block;font-size:25px;color:#15263a}.ra-report-stat span{font-size:11px;color:#65706d;font-weight:800}.ra-topic-row td{vertical-align:top}.ra-mini{display:inline-block;padding:3px 7px;margin:2px;background:#f4efe5;border:1px solid rgba(21,38,58,.1);font-size:10px;font-weight:800}.ra-mini.ok{color:#2d7a5b}.ra-mini.warn{color:#a04d29}
@media(max-width:800px){.ra-report-stats{grid-template-columns:repeat(2,1fr)}}



.graphic-delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.graphic-topic-delivery{border:1px solid #e5e7eb;border-radius:14px;padding:14px;background:#fff}.graphic-topic-delivery.done{border-color:#86efac;background:#f0fdf4}.graphic-topic-delivery h5{margin:0 0 8px;font-size:14px}.graphic-cover-box{border:2px dashed #cbd5e1;border-radius:14px;padding:14px;background:#f8fafc}.graphic-file-meta{font-size:12px;color:#64748b;margin-top:6px}.graphic-progress-note{font-size:12px;color:#64748b;margin-top:5px}@media(max-width:800px){.graphic-delivery-grid{grid-template-columns:1fr}}



/* ===== V27: final admin review workflow ===== */
.review-auto-reviewer{background:#f8fafc!important;border-color:#cbd5e1!important;color:#334155!important;font-weight:800}
.review-auto-reviewer-note{font-size:10px;color:#64748b;margin-top:5px;line-height:1.6}
.v27-replace-note{margin-top:9px;padding:10px 12px;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;border-radius:10px;font-size:11px;line-height:1.7}



/* ===== V28: review center auto instructional designer ===== */
#reviewDesignerFilter.v28-auto-designer{background:#f8fafc;border-color:#cbd5e1;color:#334155;font-weight:800;pointer-events:none}
.v28-auto-note{font-size:10px;color:#64748b;margin-top:5px;line-height:1.6}
.v28-file-name{margin-top:10px;padding:10px 12px;border-radius:10px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;font-size:11px;line-height:1.7}



/* ===== V29: final language-review workflow ===== */
.lrv29-topic-filter{margin:12px 0 16px;background:#fff;border:1px solid #d9d0c3;padding:14px 16px;display:grid;grid-template-columns:minmax(240px,460px) 1fr;gap:14px;align-items:end}
.lrv29-topic-filter .hint{font-size:11px;color:#65706d;line-height:1.7}
.lrv29-file-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.lrv29-file-actions input[type=file]{display:none}
.lrv29-name-rule{margin-top:10px;padding:10px 12px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;font-size:11px;line-height:1.8}
.lrv29-preview{margin-top:12px;border:1px solid #d9d0c3;background:#f8fafc}.lrv29-preview-head{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;background:#15263a;color:#fff}.lrv29-preview iframe{width:100%;height:560px;border:0;background:#fff}.lrv29-preview-note{padding:10px 12px;font-size:11px;color:#65706d;background:#fff7ed;border-top:1px solid #fed7aa}
.lrv29-unit-files{margin-top:18px;background:#fbf8f1;border:1px solid #d9d0c3;padding:18px}.lrv29-unit-files h3{margin:0;color:#15263a}.lrv29-unit-files>p{margin:5px 0 14px;color:#65706d;font-size:11px}.lrv29-unit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lrv29-unit-card{background:#fff;border:1px solid #ddd4c7;padding:15px}.lrv29-unit-card h4{margin:0 0 4px;color:#15263a}.lrv29-unit-card p{margin:0 0 12px;color:#65706d;font-size:11px}.lrv29-unit-status{display:inline-block;margin:8px 0;padding:4px 8px;background:#f4efe5;font-size:10px;font-weight:900}.lrv29-main-approve{width:100%;padding:14px 16px;font-size:13px;margin-top:12px}.lrv29-comment-note{font-size:10px;color:#65706d;margin-top:6px}.lrv29-replace{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.lrv29-success{background:#ecfdf5;border-color:#a7f3d0;color:#166534}
@media(max-width:850px){.lrv29-topic-filter,.lrv29-unit-grid{grid-template-columns:1fr}.lrv29-preview iframe{height:430px}}



/* ===== V30: organized cross-team notes workflow ===== */
.v30-team-notes{margin-top:18px;border:1px solid #d9e0e7;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(21,38,58,.06)}
.v30-team-notes .v30-head{padding:18px 20px;background:linear-gradient(135deg,#15263a,#233d58);color:#fff;display:flex;justify-content:space-between;gap:14px;align-items:center}
.v30-team-notes .v30-head h3{margin:0 0 4px;font-size:18px}.v30-team-notes .v30-head p{margin:0;color:#dce6ef;font-size:12px}
.v30-note-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 18px;background:#f8fafc;border-bottom:1px solid #e5e7eb}
.v30-note-kpi{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.v30-note-kpi span{display:block;font-size:11px;color:#64748b}.v30-note-kpi strong{font-size:22px;color:#15263a}
.v30-note-filters{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;padding:14px 18px;border-bottom:1px solid #e5e7eb}
.v30-note-list{padding:14px 18px;display:grid;gap:10px}.v30-note-card{border:1px solid #e5e7eb;border-right:4px solid #c66a3d;border-radius:12px;padding:14px;background:#fff}.v30-note-card.unread{background:#fffaf5}
.v30-note-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.v30-note-title{font-weight:900;color:#15263a}.v30-note-meta{font-size:11px;color:#64748b;margin-top:4px}.v30-note-text{margin:10px 0;padding:10px 12px;background:#f8fafc;border-radius:9px;line-height:1.8}.v30-note-actions{display:flex;gap:8px;flex-wrap:wrap}
.v30-correction-box{margin-top:12px;padding:12px;border:1px solid #fdba74;background:#fff7ed;border-radius:12px}.v30-correction-box strong{display:block;color:#9a3412;margin-bottom:5px}.v30-correction-box p{font-size:11px;color:#7c2d12;margin:0 0 10px}.v30-correction-upload{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.v30-correction-upload input{display:none}
@media(max-width:800px){.v30-note-kpis,.v30-note-filters{grid-template-columns:1fr}.v30-note-top{display:block}}

/* V31 — RTL layout: keep the navigation sidebar physically on the right */
html,body{direction:rtl}
.app{direction:ltr}
.main{grid-column:1;direction:rtl}
.sidebar{grid-column:2;direction:rtl;border-left:0!important;border-right:1px solid rgba(255,255,255,.06)}
@media(max-width:900px){.main,.sidebar{grid-column:1}.sidebar{border-right:0}}



/* V32 — Recording assignment editing + scene-level submission */
.rec-v32-actions{display:flex;gap:6px;flex-wrap:wrap}.rec-v32-scene-form{display:grid;grid-template-columns:160px 1fr;gap:12px;margin-bottom:12px}.rec-v32-upload{margin-top:10px}.rec-v32-submit{display:flex;justify-content:flex-end;margin-top:10px}.rec-v32-required{color:#b91c1c;font-weight:800}.rec-v32-element-submit{padding:14px;border-top:1px solid var(--line);background:#f8fafc}.rec-v32-sent{font-size:12px;color:#166534;font-weight:800;margin-top:6px}.rec-v32-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:760px){.rec-v32-scene-form,.rec-v32-edit-grid{grid-template-columns:1fr}}



/* V33 — Save/Edit lifecycle for recording scenes */
.rec-v33-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-top:12px}
.rec-v33-locked-data{display:grid;grid-template-columns:150px 1fr;gap:10px;margin:10px 0}
.rec-v33-data{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff}
.rec-v33-data small{display:block;color:var(--muted);margin-bottom:3px}.rec-v33-data strong{color:var(--text)}
.rec-v33-saved{display:inline-flex;align-items:center;gap:5px;color:#166534;font-size:12px;font-weight:800}
@media(max-width:760px){.rec-v33-locked-data{grid-template-columns:1fr}}



/* V35 — status-first audio workflow */
.audio-v35-filterbar{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;margin:16px 0 18px}
.audio-v35-filter{border:1px solid #ddd4c8;background:#fff;border-radius:15px;padding:13px 14px;text-align:right;cursor:pointer;transition:.18s;box-shadow:0 3px 12px rgba(21,38,58,.05)}
.audio-v35-filter:hover{transform:translateY(-1px);border-color:#c66a3d}.audio-v35-filter.active{border-color:#c66a3d;box-shadow:0 0 0 2px rgba(198,106,61,.12);background:#fffaf6}
.audio-v35-filter strong{display:block;font-size:21px;color:#15263a}.audio-v35-filter span{font-size:12px;color:#65706d;font-weight:800}.audio-v35-filter.ok strong{color:#166534}.audio-v35-filter.warn strong{color:#b45309}.audio-v35-filter.pending strong{color:#6d28d9}.audio-v35-filter.rework strong{color:#b91c1c}
.audio-v35-summary{padding:12px 14px;border:1px solid #e5ddd2;border-radius:14px;background:#fbf8f1;margin-bottom:14px;color:#475569;font-size:13px}
.audio-v35-empty{padding:30px 18px;border:1px dashed #d9d0c3;border-radius:16px;text-align:center;background:#fbf8f1;color:#65706d}
.audio-v35-scene-origin{font-size:11px;color:#65706d;margin-top:4px}.audio-v35-return-note{margin-top:10px;padding:10px 12px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa}.audio-v35-return-note strong{display:block;color:#9a3412;font-size:12px;margin-bottom:4px}
.lpr-v35-filterbar{grid-template-columns:repeat(4,minmax(145px,1fr))}
@media(max-width:980px){.audio-v35-filterbar,.lpr-v35-filterbar{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.audio-v35-filterbar,.lpr-v35-filterbar{grid-template-columns:1fr}}



/* ===== V36: Language reviewer video review ===== */
.lrv36-video-wrap{display:grid;gap:16px}.lrv36-video-element{background:#fff;border:1px solid #d9d0c3;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px rgba(21,38,58,.05)}
.lrv36-video-head{padding:16px 18px;background:#fbf8f1;border-bottom:1px solid #e5ddd2;border-right:5px solid #c66a3d}.lrv36-video-head small{display:block;color:#65706d;font-size:11px;font-weight:800}.lrv36-video-head h3{margin:4px 0;color:#15263a}.lrv36-video-body{padding:16px;display:grid;gap:14px}
.lrv36-video-card{border:1px solid #e1e5e9;border-radius:14px;padding:14px;background:#fff}.lrv36-video-meta{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.lrv36-video-meta h4{margin:0;color:#15263a}.lrv36-video-meta span{font-size:11px;color:#65706d}.lrv36-player{background:#101820;border-radius:12px;overflow:hidden}.lrv36-player video{width:100%;max-height:480px;display:block;background:#000}
.lrv36-comment-form{margin-top:14px;padding:14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.lrv36-time{display:grid;grid-template-columns:130px 130px 1fr 1fr;gap:10px}.lrv36-time .field{margin:0}.lrv36-time input,.lrv36-time textarea{width:100%}.lrv36-time textarea{min-height:72px;resize:vertical}.lrv36-comment-actions{display:flex;justify-content:flex-end;margin-top:10px}
.lrv36-notes{display:grid;gap:8px;margin-top:12px}.lrv36-note{display:grid;grid-template-columns:100px 1fr 1fr auto;gap:10px;align-items:start;padding:10px 12px;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px}.lrv36-note-time{font-weight:900;color:#9a3412}.lrv36-note b{display:block;font-size:10px;color:#64748b;margin-bottom:3px}.lrv36-empty{padding:28px;text-align:center;border:1px dashed #d9d0c3;border-radius:14px;background:#fbf8f1;color:#65706d}
@media(max-width:850px){.lrv36-time{grid-template-columns:1fr 1fr}.lrv36-note{grid-template-columns:1fr}.lrv36-player video{max-height:360px}}



/* V38 — visible Video/Motion management + execution portal */
.vm-shell{max-width:1320px;margin:auto}.vm-hero{background:linear-gradient(135deg,#15263a,#233b55);color:#fff;border-radius:22px;padding:22px 24px;display:flex;justify-content:space-between;gap:18px;align-items:center;box-shadow:0 12px 32px rgba(21,38,58,.15)}
.vm-hero h1{margin:4px 0 6px;font-size:25px}.vm-hero p{margin:0;color:#d9e2ea}.vm-kicker{font-size:11px;font-weight:900;color:#f2b28e;letter-spacing:.4px}.vm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.vm-stat{background:#fff;border:1px solid #e3ddd4;border-radius:15px;padding:14px}.vm-stat span{display:block;color:#65706d;font-size:11px;font-weight:800}.vm-stat strong{font-size:23px;color:#15263a}.vm-card{background:#fff;border:1px solid #ded7ce;border-radius:18px;margin-top:16px;overflow:hidden;box-shadow:0 6px 20px rgba(21,38,58,.05)}.vm-card-head{padding:15px 18px;background:#fbf8f1;border-bottom:1px solid #e7dfd5;display:flex;justify-content:space-between;align-items:center;gap:12px}.vm-card-head h3{margin:0;color:#15263a}.vm-card-body{padding:18px}.vm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.vm-actions{display:flex;gap:8px;flex-wrap:wrap}.vm-table{width:100%;border-collapse:collapse}.vm-table th,.vm-table td{padding:11px;border-bottom:1px solid #eee7df;text-align:right;vertical-align:top}.vm-table th{font-size:11px;color:#64748b;background:#fcfaf6}.vm-task-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.vm-task{border:1px solid #ded7ce;border-radius:16px;padding:16px;background:#fff}.vm-task h3{margin:0 0 5px;color:#15263a}.vm-topic-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.vm-topic{border:1px solid #d8d2ca;background:#fff;padding:9px 13px;border-radius:999px;cursor:pointer;font-weight:800}.vm-topic.active{background:#15263a;color:#fff;border-color:#15263a}.vm-element{border:1px solid #ddd5cb;border-radius:17px;overflow:hidden;margin:14px 0;background:#fff}.vm-element-head{padding:14px 16px;background:#fbf8f1;border-right:5px solid #c66a3d}.vm-element-head h3{margin:3px 0;color:#15263a}.vm-element-body{padding:16px}.vm-upload{border:1px dashed #c8bdb1;border-radius:14px;padding:16px;background:#fffdf9}.vm-video{margin-top:12px;background:#0f1720;border-radius:13px;overflow:hidden}.vm-video video{width:100%;max-height:440px;display:block}.vm-review-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.vm-review{border-radius:12px;padding:11px 13px;border:1px solid #e2e8f0;background:#f8fafc}.vm-review strong{display:block;color:#15263a}.vm-review small{color:#64748b}.vm-note{margin-top:8px;padding:9px 11px;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;font-size:12px}.vm-empty{padding:26px;text-align:center;border:1px dashed #d8d0c5;border-radius:14px;background:#fbf8f1;color:#65706d}.vm-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900;background:#eef2f7;color:#334155}.vm-badge.ok{background:#dcfce7;color:#166534}.vm-badge.warn{background:#fff7ed;color:#9a3412}.vm-badge.wait{background:#ede9fe;color:#6d28d9}
@media(max-width:900px){.vm-grid,.vm-stats,.vm-task-grid{grid-template-columns:1fr 1fr}.vm-hero{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.vm-grid,.vm-stats,.vm-task-grid,.vm-review-strip{grid-template-columns:1fr}}



/* V39 — Unified calm assignment-management visual system */
:root{--assign-navy:#15263a;--assign-accent:#c66a3d;--assign-paper:#fbf8f1;--assign-line:#ded7ce;--assign-muted:#65706d;--assign-bg:#f5f2ec}
#teamView.unified-assignment-page,#recordingAdminView.unified-assignment-page{max-width:1320px;margin:0 auto}
#teamView.unified-assignment-page>.back-btn{margin-bottom:12px}
#teamView.unified-assignment-page>.topbar,#recordingAdminView.unified-assignment-page>.topbar{background:linear-gradient(135deg,#15263a,#233b55);color:#fff;border:0;border-radius:22px;padding:22px 24px;box-shadow:0 12px 32px rgba(21,38,58,.15);margin-bottom:16px;align-items:center}
#teamView.unified-assignment-page>.topbar h1,#recordingAdminView.unified-assignment-page>.topbar h1{color:#fff;margin-bottom:6px}
#teamView.unified-assignment-page>.topbar .subtitle,#recordingAdminView.unified-assignment-page>.topbar .subtitle{color:#d9e2ea;max-width:800px}
#teamView.unified-assignment-page>.topbar .team-big-icon{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:16px;width:58px;height:58px;display:grid;place-items:center}
#teamView.unified-assignment-page>.topbar .badge,#recordingAdminView.unified-assignment-page>.topbar .badge{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;padding:7px 11px}
#teamView.unified-assignment-page .final-team-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#teamView.unified-assignment-page .final-team-layout>.card,#recordingAdminView.unified-assignment-page>.card{background:#fff;border:1px solid var(--assign-line);border-radius:18px;overflow:hidden;box-shadow:0 6px 20px rgba(21,38,58,.05);margin:0}
#teamView.unified-assignment-page .final-team-layout>.card:nth-child(n+3){grid-column:1/-1}
#teamView.unified-assignment-page .card-head,#recordingAdminView.unified-assignment-page .card-head{background:var(--assign-paper);border-bottom:1px solid #e7dfd5;padding:15px 18px}
#teamView.unified-assignment-page .card-head h3,#recordingAdminView.unified-assignment-page .card-head h3{color:var(--assign-navy);margin:0}
#teamView.unified-assignment-page .card-body,#recordingAdminView.unified-assignment-page .card-body{padding:18px}
#teamView.unified-assignment-page .assignment-step-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#teamView.unified-assignment-page .assignment-step-footer{background:#fffdf9;border:1px solid #e8dfd4;border-radius:15px;padding:14px;margin-top:14px;align-items:end}
#teamView.unified-assignment-page .assignment-meta-grid{background:#fbf8f1;border:1px solid #e8dfd4;border-radius:15px;padding:14px;margin-top:12px}
#teamView.unified-assignment-page .member-add-box{background:#fbf8f1;border:1px dashed #d8cfc3;border-radius:14px;padding:13px;margin-top:14px}
#teamView.unified-assignment-page select,#teamView.unified-assignment-page input,#recordingAdminView.unified-assignment-page select,#recordingAdminView.unified-assignment-page input{border-color:#d8d2ca;background:#fff;border-radius:11px}
#teamView.unified-assignment-page .btn-primary,#recordingAdminView.unified-assignment-page .btn-primary{background:var(--assign-navy);border-color:var(--assign-navy)}
#teamView.unified-assignment-page .btn-primary:hover,#recordingAdminView.unified-assignment-page .btn-primary:hover{filter:brightness(1.08)}
#teamView.unified-assignment-page .current-assignments-table th,#recordingAdminView.unified-assignment-page table th{background:#fcfaf6;color:#64748b;font-size:11px}
#teamView.unified-assignment-page .current-assignments-table td,#teamView.unified-assignment-page .current-assignments-table th,#recordingAdminView.unified-assignment-page table td,#recordingAdminView.unified-assignment-page table th{border-bottom:1px solid #eee7df;padding:11px}
#teamView.unified-assignment-page .unit-work-card,#teamView.unified-assignment-page .unit-card,#teamView.unified-assignment-page .person-card{border:1px solid #e3ddd4;border-radius:15px;background:#fff;box-shadow:none}
#recordingAdminView.unified-assignment-page .recording-filters{background:#fbf8f1;border:1px solid #e7dfd5;border-radius:15px;padding:13px}
#recordingAdminView.unified-assignment-page .card:first-of-type .form-grid.three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
#recordingAdminView.unified-assignment-page .card:first-of-type .form-grid:not(.three){display:grid;grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr);gap:12px}
.assignment-v39-kicker{font-size:11px;font-weight:900;color:#f2b28e;letter-spacing:.4px;margin-bottom:3px}
.assignment-v39-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 16px}
.assignment-v39-stat{background:#fff;border:1px solid #e3ddd4;border-radius:15px;padding:14px;box-shadow:0 4px 14px rgba(21,38,58,.035)}
.assignment-v39-stat span{display:block;color:#65706d;font-size:11px;font-weight:800}.assignment-v39-stat strong{font-size:23px;color:#15263a}
@media(max-width:900px){#teamView.unified-assignment-page .final-team-layout{grid-template-columns:1fr}#teamView.unified-assignment-page .final-team-layout>.card{grid-column:1/-1}.assignment-v39-stats{grid-template-columns:1fr 1fr}#recordingAdminView.unified-assignment-page .card:first-of-type .form-grid.three,#recordingAdminView.unified-assignment-page .card:first-of-type .form-grid:not(.three){grid-template-columns:1fr 1fr}}
@media(max-width:600px){.assignment-v39-stats,#teamView.unified-assignment-page .assignment-step-grid,#recordingAdminView.unified-assignment-page .card:first-of-type .form-grid.three,#recordingAdminView.unified-assignment-page .card:first-of-type .form-grid:not(.three){grid-template-columns:1fr}}



/* V41 — Programmer portal and triple-review workflow */
.pg-shell{max-width:1320px;margin:auto}.pg-hero{background:linear-gradient(135deg,#15263a,#233b55);color:#fff;border-radius:22px;padding:22px 24px;display:flex;justify-content:space-between;gap:18px;align-items:center;box-shadow:0 12px 32px rgba(21,38,58,.14);margin-bottom:16px}.pg-hero h1{color:#fff;margin:4px 0}.pg-hero p{color:#d9e2ea;margin:0}.pg-kicker{color:#f2b28e;font-size:11px;font-weight:900}.pg-card{background:#fff;border:1px solid #ded7ce;border-radius:18px;overflow:hidden;box-shadow:0 6px 20px rgba(21,38,58,.05);margin:14px 0}.pg-head{background:#fbf8f1;border-bottom:1px solid #e7dfd5;padding:15px 18px;display:flex;justify-content:space-between;gap:12px;align-items:center}.pg-body{padding:18px}.pg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pg-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.pg-tab{border:1px solid #d8d2ca;background:#fff;padding:10px 14px;border-radius:12px;font-weight:900;cursor:pointer}.pg-tab.active{background:#15263a;color:#fff;border-color:#15263a}.pg-item{border:1px solid #e4ddd4;border-radius:15px;padding:14px;margin:10px 0;background:#fff}.pg-item h4{margin:0 0 5px;color:#15263a}.pg-status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f3f4f6;font-size:11px;font-weight:900}.pg-status.ok{background:#dcfce7;color:#166534}.pg-status.wait{background:#ede9fe;color:#6d28d9}.pg-status.bad{background:#fee2e2;color:#991b1b}.pg-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.pg-review-box{border:1px solid #e4ddd4;border-radius:13px;padding:11px;background:#fbf8f1}.pg-comments{margin-top:10px}.pg-note{padding:9px 11px;border-right:3px solid #c66a3d;background:#fff7ed;border-radius:10px;margin:7px 0}.pg-empty{padding:24px;text-align:center;border:1px dashed #d8d2ca;border-radius:14px;background:#fbf8f1;color:#65706d}.pg-topic-filter{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pg-media-list{display:grid;gap:10px}.pg-audio{display:flex;gap:12px;align-items:center;border:1px solid #e4ddd4;padding:10px;border-radius:12px}.pg-video video{width:100%;max-height:380px;background:#111;border-radius:12px}.pg-review-section{margin-top:18px;border-top:3px solid #15263a}.pg-review-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.pg-linkbox{display:flex;gap:10px;align-items:end}.pg-linkbox .field{flex:1}
@media(max-width:900px){.pg-grid,.pg-review-grid,.pg-topic-filter{grid-template-columns:1fr 1fr}.pg-hero{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.pg-grid,.pg-review-grid,.pg-topic-filter{grid-template-columns:1fr}}



/* V42 — Admin Control Center */
#acView{--navy:#15263a;--navy2:#213a55;--terra:#c66a3d;--cream:#f5f1e9;--paper:#fffdfa;--line:#e7dfd5;--muted:#71808d;--green:#2f855a;--amber:#b7791f;--red:#c2414b}
#acView,.ac-shell{direction:rtl}.ac-shell{max-width:1420px;margin:auto;color:#263746}.ac-hero{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;border-radius:24px;padding:26px;display:flex;justify-content:space-between;gap:20px;align-items:center;box-shadow:0 14px 36px rgba(21,38,58,.16)}.ac-hero h1{margin:4px 0 7px;color:#fff;font-size:28px}.ac-hero p{margin:0;color:#dce6ee;max-width:780px}.ac-kicker{font-size:11px;font-weight:900;letter-spacing:.08em;color:#f4b08b}.ac-hero-side{display:flex;gap:8px;flex-wrap:wrap}.ac-chip{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);font-size:11px;font-weight:800}.ac-tabs{display:flex;gap:8px;overflow:auto;padding:14px 2px 4px}.ac-tab{border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px 14px;white-space:nowrap;font-weight:800;color:#52606d;cursor:pointer}.ac-tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}.ac-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:14px 0}.ac-stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;box-shadow:0 5px 18px rgba(21,38,58,.045)}.ac-stat span{display:block;font-size:11px;color:var(--muted);font-weight:700}.ac-stat strong{display:block;font-size:25px;color:var(--navy);margin-top:5px}.ac-stat.alert strong{color:var(--red)}.ac-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 7px 22px rgba(21,38,58,.05);margin-top:14px;overflow:hidden}.ac-head{padding:16px 18px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center}.ac-head h3{margin:0;color:var(--navy)}.ac-body{padding:18px}.ac-filter{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px}.ac-filter .field{margin:0}.ac-filter label{font-size:11px}.ac-table-wrap{overflow:auto}.ac-table{width:100%;border-collapse:separate;border-spacing:0 8px;min-width:1100px}.ac-table th{font-size:10px;color:#7a8792;text-align:right;padding:7px 9px}.ac-table td{background:#fff;border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2;padding:11px 9px;font-size:11px;vertical-align:middle}.ac-table td:first-child{border-right:1px solid #edf0f2;border-radius:0 11px 11px 0}.ac-table td:last-child{border-left:1px solid #edf0f2;border-radius:11px 0 0 11px}.ac-owner{display:flex;flex-direction:column;gap:3px;min-width:110px}.ac-owner strong{font-size:11px}.ac-owner small{color:var(--muted)}.ac-progress{height:7px;background:#eee8df;border-radius:99px;overflow:hidden;margin-top:5px}.ac-progress i{display:block;height:100%;background:var(--terra);border-radius:99px}.ac-status{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f1f5f8;color:#52606d;font-size:10px;font-weight:900}.ac-status.ok{background:#e8f6ee;color:#287a50}.ac-status.warn{background:#fff4df;color:#a56712}.ac-status.bad{background:#fdebed;color:#b83242}.ac-grid2{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.ac-risk{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:13px;margin-bottom:8px}.ac-risk .ico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#fff1e9}.ac-risk strong{display:block;color:var(--navy);margin-bottom:3px}.ac-risk p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.ac-message-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:14px}.ac-compose{background:var(--cream);border:1px solid var(--line);border-radius:15px;padding:15px}.ac-compose textarea{min-height:110px}.ac-inbox-item{padding:13px;border:1px solid var(--line);border-radius:13px;margin-bottom:9px}.ac-inbox-item .meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px;margin-bottom:6px}.ac-type{display:inline-flex;padding:4px 7px;border-radius:7px;background:#fff0e7;color:#a44e25;font-weight:900}.ac-leader-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ac-person{border:1px solid var(--line);border-radius:15px;padding:15px;background:linear-gradient(180deg,#fff,#fffdfa)}.ac-person-top{display:flex;justify-content:space-between;gap:8px}.ac-avatar{width:40px;height:40px;border-radius:12px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900}.ac-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.ac-award{background:#fff5df;border:1px solid #f0ddb3;color:#8b6419;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900}.ac-score{font-size:24px;font-weight:900;color:var(--terra)}.ac-rating{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.ac-rating label{font-size:10px;font-weight:800}.ac-rating select{padding:8px}.ac-timeline{border-right:2px solid #eadfd3;margin-right:8px;padding-right:18px}.ac-event{position:relative;padding:0 0 16px}.ac-event:before{content:'';position:absolute;right:-24px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--terra);border:3px solid #fff}.ac-empty{padding:25px;text-align:center;color:var(--muted);background:#faf8f4;border-radius:13px}.ac-unit-card{border:1px solid var(--line);border-radius:14px;padding:13px;margin-bottom:9px}.ac-unit-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.ac-actions{display:flex;gap:6px;flex-wrap:wrap}.ac-btn{border:0;border-radius:9px;padding:8px 10px;font-weight:800;cursor:pointer}.ac-btn.primary{background:var(--terra);color:#fff}.ac-btn.light{background:#f3f5f6;color:#405364}.ac-btn.warn{background:#fff0df;color:#a55d12}
@media(max-width:1100px){.ac-stats{grid-template-columns:repeat(3,1fr)}.ac-grid2,.ac-message-layout{grid-template-columns:1fr}.ac-filter{grid-template-columns:repeat(2,1fr)}.ac-leader-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.ac-stats,.ac-leader-grid,.ac-rating,.ac-filter{grid-template-columns:1fr}.ac-hero{align-items:flex-start;flex-direction:column}}



/* ===== V47 Production Intelligence Suite ===== */
.pi-grid{display:grid;gap:14px}.pi-grid.cols4{grid-template-columns:repeat(4,minmax(0,1fr))}.pi-grid.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}.pi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:15px;box-shadow:0 5px 16px rgba(15,23,42,.035)}.pi-card h4{margin:0 0 7px;font-size:14px}.pi-card p{margin:0;color:#64748b;font-size:12px;line-height:1.75}.pi-metric strong{display:block;font-size:27px}.pi-metric span{font-size:11px;color:#64748b}.pi-health{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900}.pi-health.good{background:#ecfdf5;color:#047857}.pi-health.warn{background:#fff7ed;color:#c2410c}.pi-health.bad{background:#fff1f2;color:#be123c}.pi-stage{display:grid;grid-template-columns:150px 1fr 110px 120px;gap:10px;align-items:center;padding:11px;border-bottom:1px solid #edf2f7}.pi-stage:last-child{border-bottom:0}.pi-stage .who{font-size:11px;color:#64748b}.pi-stage .dep{font-size:10px;color:#64748b}.pi-stage.locked{background:#fafafa;opacity:.72}.pi-stage.ready{background:#f8fbff}.pi-stage.done{background:#f7fffb}.pi-timeline{display:flex;gap:6px;align-items:center;overflow:auto;padding:8px 0}.pi-node{min-width:125px;padding:10px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;text-align:center;font-size:11px}.pi-node.done{border-color:#a7f3d0;background:#ecfdf5}.pi-node.active{border-color:#bfdbfe;background:#eff6ff}.pi-node.locked{background:#f8fafc;color:#94a3b8}.pi-arrow{color:#94a3b8}.pi-quality{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pi-check{padding:10px;border:1px solid #e2e8f0;border-radius:10px;background:#fafcff;font-size:11px}.pi-check.ok{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.pi-check.bad{border-color:#fecdd3;background:#fff1f2;color:#9f1239}.pi-version{display:grid;grid-template-columns:70px 1fr 150px 120px;gap:8px;padding:9px;border-bottom:1px solid #edf2f7;font-size:11px}.pi-inbox-item{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:start;padding:12px;border:1px solid #e2e8f0;border-radius:11px;margin-bottom:8px;background:#fff}.pi-inbox-item.urgent{border-right:4px solid #dc2626}.pi-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.pi-day{min-height:105px;border:1px solid #e2e8f0;border-radius:10px;padding:8px;background:#fff}.pi-day b{font-size:11px}.pi-event{font-size:10px;padding:5px 6px;border-radius:7px;background:#eef4ff;margin-top:5px}.pi-mention{background:#eef2ff;color:#4338ca;padding:1px 4px;border-radius:5px;font-weight:800}.pi-thread{border-right:3px solid #2563eb;padding:10px 12px;background:#f8fbff;border-radius:9px;margin-top:8px}.pi-thread .reply{margin-top:7px;padding-top:7px;border-top:1px solid #dbeafe}.pi-capacity{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-top:7px}.pi-capacity i{display:block;height:100%;background:#2563eb}.pi-capacity.over i{background:#dc2626}.pi-code{direction:ltr;text-align:left;font-family:Consolas,monospace;background:#0f172a;color:#e2e8f0;padding:8px 10px;border-radius:8px;font-size:11px}.pi-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:end}.pi-toolbar .field{min-width:180px;flex:1}.pi-sla{font-size:10px;font-weight:800}.pi-sla.late{color:#be123c}.pi-sla.soon{color:#c2410c}.pi-sla.ok{color:#047857}.pi-unit-hero{background:linear-gradient(135deg,#10233f,#1d4ed8);color:#fff;border-radius:15px;padding:18px 20px}.pi-unit-hero h2{margin:0}.pi-unit-hero p{color:#dbeafe;margin:5px 0 0;font-size:12px}.pi-section{margin-top:14px}.pi-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.pi-section-title h3{margin:0;font-size:15px}@media(max-width:1000px){.pi-grid.cols4,.pi-grid.cols3,.pi-quality{grid-template-columns:repeat(2,1fr)}.pi-stage{grid-template-columns:1fr 1fr}.pi-cal{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.pi-grid.cols4,.pi-grid.cols3,.pi-quality,.pi-stage,.pi-cal{grid-template-columns:1fr}}



/* ===== V48 Workflow Integration Layer ===== */
.pi-live-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px}.pi-live-box{padding:10px 11px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.09)}.pi-live-box span{display:block;font-size:10px;color:#bfdbfe}.pi-live-box strong{font-size:14px;color:#fff}.pi-audit-row{display:grid;grid-template-columns:145px 130px 1fr 150px;gap:9px;align-items:start;padding:9px 0;border-bottom:1px solid #edf2f7;font-size:11px}.pi-audit-row:last-child{border-bottom:0}.pi-audit-row .event{font-weight:800;color:#1e3a8a}.pi-audit-row small{color:#64748b}.pi-dep-note{margin-top:6px;padding:7px 9px;border-radius:8px;background:#fff7ed;color:#9a3412;font-size:10px}.pi-dep-note.ok{background:#ecfdf5;color:#047857}.pi-action-notice{display:flex;gap:8px;align-items:center;padding:9px 10px;border:1px solid #dbeafe;background:#f8fbff;border-radius:9px;margin-top:8px;font-size:11px}.pi-action-notice b{color:#1d4ed8}@media(max-width:800px){.pi-live-strip{grid-template-columns:repeat(2,1fr)}.pi-audit-row{grid-template-columns:1fr 1fr}.pi-audit-row div:nth-child(3){grid-column:1/-1}}



/* ===== V50 — Designer portal tabs + workflow usability ===== */
.designer-tabs-v50{display:flex;gap:8px;flex-wrap:wrap;padding:8px;background:#eef2f7;border:1px solid #dbe3ed;border-radius:14px;position:sticky;top:8px;z-index:25}
.designer-tab-v50{border:1px solid transparent;background:transparent;color:#526172;border-radius:10px;padding:10px 15px;font-weight:900;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:7px}
.designer-tab-v50.active{background:#fff;color:#1d4ed8;border-color:#d5dfed;box-shadow:0 4px 12px rgba(15,23,42,.06)}
.designer-tab-v50 .count{min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:#eef4ff;color:#2457c5;display:inline-grid;place-items:center;font-size:10px}
.designer-pane-v50{display:grid;gap:16px}.designer-pane-v50.hidden{display:none!important}
.designer-review-filter-v50{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px;margin-bottom:14px}
.manual-member-box{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.manual-member-title{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin-bottom:10px}.manual-member-title span{font-size:11px;color:var(--muted)}
.manual-member-grid{display:grid;grid-template-columns:1.2fr 1fr .8fr auto;gap:10px;align-items:end}
.assignment-edit-top{display:grid;grid-template-columns:1fr 1fr;gap:10px}.assignment-edit-top+.check-panel{margin-top:12px}
@media(max-width:900px){.designer-review-filter-v50,.manual-member-grid,.assignment-edit-top{grid-template-columns:1fr}.designer-tabs-v50{position:static}.designer-tab-v50{flex:1;justify-content:center}}



/* ===== V51 — Recorder portal UX: add scene near element, collapse, edit/delete ===== */
.rp-element-block{border-radius:18px;overflow:hidden;box-shadow:0 7px 22px rgba(21,38,58,.055);transition:.2s ease}
.rp-element-block.is-collapsed{box-shadow:0 3px 12px rgba(21,38,58,.035)}
.rp-element-title{align-items:center;background:linear-gradient(180deg,#fff,#fbfcff);padding:15px 17px}
.rp-element-title-main{min-width:0;flex:1}
.rp-element-title-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rp-collapse-btn{width:38px;height:38px;min-height:38px;padding:0!important;border:1px solid #dbe3ef;background:#fff;color:#475569;border-radius:11px;display:grid;place-items:center;font-size:16px;transition:.18s}
.rp-collapse-btn:hover{background:#f1f5f9;border-color:#c7d2e0}.rp-collapse-btn .chev{display:block;transition:.2s}.rp-element-block.is-collapsed .rp-collapse-btn .chev{transform:rotate(90deg)}
.rp-add-scene-btn{background:linear-gradient(135deg,#0f766e,#0d9488)!important;color:#fff!important;border:0!important;box-shadow:0 5px 13px rgba(15,118,110,.18);font-weight:900!important}
.rp-add-scene-btn:hover{filter:brightness(.97);transform:translateY(-1px)}
.rp-element-content{display:block}.rp-element-block.is-collapsed .rp-element-content{display:none}
.rp-element-footer{padding:12px 14px 14px;border-top:1px solid #edf1f6;background:#fbfcfe;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.rp-element-footer-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.rp-scene-v20{border-radius:13px;box-shadow:0 2px 8px rgba(15,23,42,.025)}
.rec-v51-scene-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px;padding-top:11px;border-top:1px solid #edf1f6}
.rec-v51-delete{background:#fff1f2!important;color:#b4233b!important;border:1px solid #fecdd3!important}
.rec-v51-delete:hover{background:#ffe4e6!important}
@media(max-width:700px){.rp-element-title{align-items:flex-start}.rp-element-title-actions{width:100%;justify-content:flex-start}.rp-element-footer{align-items:stretch}.rp-element-footer-actions{width:100%}.rp-element-footer-actions .btn{flex:1}}



/* ===== V52: topic-level designer tabs + language graphic matching ===== */
.v52-task-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 12px;padding:8px;background:#eef2f7;border:1px solid #dbe3ed;border-radius:14px;align-items:end}
.v52-task-tab{border:1px solid transparent;background:transparent;color:#526172;border-radius:10px;padding:10px 15px;font-weight:900;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;min-height:42px}
.v52-task-tab.active{background:#fff;color:#1d4ed8;border-color:#d5dfed;box-shadow:0 4px 12px rgba(15,23,42,.06)}
.v52-topic-picker{margin-inline-start:auto;min-width:300px}.v52-topic-picker label{display:block;font-size:10px;font-weight:900;color:#64748b;margin-bottom:4px}.v52-topic-picker select{width:100%;min-height:40px;border:1px solid #cfd7e3;border-radius:9px;background:#fff;padding:7px 10px;font:inherit;font-weight:800}
.v52-review-pane{display:grid;gap:14px}.v52-review-pane.hidden{display:none!important}.v52-review-card{background:#fff;border:1px solid #e1e7ef;border-radius:14px;box-shadow:0 6px 18px rgba(15,23,42,.045);padding:16px}
.v52-context{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.v52-context span{background:#f3f6fb;border:1px solid #e1e7ef;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;color:#475569}
.v52-unit-note{padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-right:4px solid #7355c6;border-radius:10px;color:#475569;font-size:12px;line-height:1.8;margin-bottom:12px}
.lpr-v52-tabs{grid-template-columns:repeat(5,1fr)!important}.lpr-v52-graphic.active{background:#c66a3d!important;border-color:#c66a3d!important;color:#fff!important}
@media(max-width:1050px){.v52-topic-picker{width:100%;margin-inline-start:0}.lpr-v52-tabs{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:650px){.v52-task-tab{flex:1;justify-content:center}.lpr-v52-tabs{grid-template-columns:1fr!important}}



/* V54 — Language reviewer tabs mirror the instructional-designer task tabs */
#languageProductionWorkspace .lpr-v19-tabs.lpr-v54-tabs{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0 16px;padding:7px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:13px}
#languageProductionWorkspace .lpr-v19-tabs.lpr-v54-tabs .lpr-v19-tab{flex:0 0 auto!important;border:1px solid #dbe3ef!important;background:#fff!important;color:#475569!important;border-radius:10px!important;padding:10px 14px!important;font-size:12px!important;font-weight:900!important;box-shadow:none!important}
#languageProductionWorkspace .lpr-v19-tabs.lpr-v54-tabs .lpr-v19-tab:hover{border-color:#b8c8df!important;background:#f8fbff!important;color:#1e3a8a!important}
#languageProductionWorkspace .lpr-v19-tabs.lpr-v54-tabs .lpr-v19-tab.active{background:#1e3a8a!important;color:#fff!important;border-color:#1e3a8a!important;box-shadow:0 5px 14px rgba(30,58,138,.14)!important}
.v54-match-grid{display:grid;gap:14px}.v54-match-card{border:1px solid #dbe4f0;border-radius:14px;background:#fff;overflow:hidden}.v54-match-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;background:#f8fbff;border-bottom:1px solid #e3ebf5}.v54-match-head h3{margin:0;font-size:15px;color:#172033}.v54-match-head p{margin:4px 0 0;color:#64748b;font-size:11px}.v54-match-body{padding:15px}.v54-match-file{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e2e8f0;border-radius:11px;background:#fbfcfe;flex-wrap:wrap}.v54-match-file strong{display:block;font-size:12px}.v54-match-file small{display:block;color:#64748b;font-size:10px;margin-top:3px}.v54-match-preview{width:100%;height:360px;border:1px solid #e2e8f0;border-radius:11px;margin-top:12px;background:#f8fafc}.v54-match-review{margin-top:12px;padding-top:12px;border-top:1px solid #edf1f6}.v54-match-review textarea{width:100%;min-height:85px;resize:vertical;border:1px solid #cfd8e5;border-radius:10px;padding:10px 11px}.v54-match-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.v54-mind-editor{margin-top:16px;padding:15px;border:1px dashed #d2c5b4;border-radius:14px;background:#fffaf4}.v54-mind-status{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.v54-mind-status>div{padding:9px 10px;border:1px solid #e7dfd5;border-radius:9px;background:#fff;font-size:11px;display:flex;justify-content:space-between;gap:8px}
@media(max-width:700px){#languageProductionWorkspace .lpr-v19-tabs.lpr-v54-tabs{display:grid!important;grid-template-columns:1fr!important}.v54-mind-status{grid-template-columns:1fr}.v54-match-preview{height:260px}}


/* Full-stack shell */
body{font-family:Tajawal,Arial,sans-serif}.sjd-userbar{position:fixed;left:18px;top:14px;z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:7px 10px;box-shadow:0 5px 20px #0f172a18;display:flex;gap:8px;align-items:center}.sjd-userbar a{text-decoration:none}.sjd-login-wrap{min-height:100vh;display:grid;place-items:center;background:#f8fafc}.sjd-login-card{width:min(430px,92vw);background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:28px;box-shadow:0 18px 50px #0f172a18}.sjd-login-card input{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:10px;margin:6px 0 14px}.sjd-login-card button{width:100%;padding:12px;border:0;border-radius:10px;background:#0f766e;color:#fff;font-weight:800}.sjd-alert{padding:10px 12px;border-radius:10px;background:#fff1f2;color:#9f1239;margin-bottom:12px}
/* System tabs */
#adminReportsCards{grid-template-columns:repeat(6,minmax(0,1fr));}
#adminReportsCards .card{min-height:110px}
@media(max-width:1100px){#adminReportsCards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){#adminReportsCards{grid-template-columns:repeat(2,minmax(0,1fr))}}