.report-tabs{display:flex;gap:6px;margin-bottom:22px;border-bottom:1px solid #e8ecf1}
.report-tab{border:0;background:transparent;padding:11px 6px;margin-bottom:-1px;border-bottom:2px solid transparent;color:#7c8798;font:700 12.5px inherit;cursor:pointer}
.report-tab.active{color:#102342;border-bottom-color:#b88a39}
.report-tab-panel{display:none}
.report-tab-panel.active{display:block}

.directive-report-loading,.directive-report-error{padding:40px 10px;text-align:center;color:#7c8798;font-size:12px}
.directive-report-error{color:#b3261e}

.directive-filters{background:#f8f9fb;border:1px solid #eceff3;border-radius:16px;padding:16px;margin-bottom:22px}
.directive-filter-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.directive-filter-grid label{display:grid;gap:4px;min-width:0}
.directive-filter-grid label span{font-size:9.5px;color:#7c8798;font-weight:700}
.directive-filter-grid .input{width:100%;box-sizing:border-box}
.directive-filter-actions{display:flex;gap:8px;margin-top:12px}
.directive-filter-actions button{border:0;border-radius:10px;padding:10px 16px;font:700 12px inherit;cursor:pointer;min-height:40px}
.directive-filter-actions .primary-small{background:#102c59;color:#fff}
.directive-filter-actions .sheet-secondary{background:#eceff3;color:#3a4457}

.directive-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px;margin-bottom:18px}
.directive-kpi{background:#f8f9fb;border:1px solid #eceff3;border-radius:14px;padding:13px;text-align:center;min-width:0}
.directive-kpi span{display:flex;align-items:center;justify-content:center;min-height:26px;font-size:9px;color:#7c8798}
.directive-kpi strong{display:block;font-size:20px;color:#122b54;margin:4px 0}
.directive-kpi small{display:block;font-size:8px;color:#9aa2ae}

.directive-summary{margin-bottom:24px}
.directive-summary-text{background:#f5efe4;border:1px solid #e9dcc0;border-radius:14px;padding:14px 16px;font-size:11.5px;line-height:1.8;color:#5c4a26;margin:0}

.directive-rank-two{margin-bottom:24px}
.directive-rank-note{font-size:8.5px;color:#9aa2ae;margin:8px 2px 0;line-height:1.6}

.directive-rating{display:inline-block;border-radius:999px;padding:4px 10px;font-size:9.5px;font-weight:800;white-space:nowrap}
.directive-rating.excellent{background:#eaf8f0;color:#168451}
.directive-rating.good{background:#eaf1fb;color:#1f5cad}
.directive-rating.watch{background:#fff5e6;color:#b97511}
.directive-rating.late{background:#fff0ef;color:#d4433c}

.directive-section{margin-bottom:22px}

.directive-branch-table,.directive-log-table{width:100%}
.directive-branch-head,.directive-branch-row{display:grid;grid-template-columns:1.6fr .8fr .8fr .8fr .8fr .9fr 1fr 1fr .9fr;gap:6px;align-items:center}
.directive-branch-head{padding:8px 10px;background:#f5f7fa;border-radius:10px 10px 0 0;font-size:9px;color:#667085;font-weight:700}
.directive-branch-row{padding:10px;border-bottom:1px solid #edf0f3;font-size:10.5px}
.directive-branch-row:nth-child(even){background:#fbfcfd}
.directive-branch-row span{min-width:0}

.directive-log-head,.directive-log-row2{display:grid;grid-template-columns:1.1fr 1.1fr .9fr 1fr .6fr 1.3fr .8fr .9fr .9fr;gap:6px;align-items:center}
.directive-log-head{padding:8px 10px;background:#f5f7fa;border-radius:10px 10px 0 0;font-size:8.5px;color:#667085;font-weight:700}
.directive-log-row2{padding:9px 10px;border-bottom:1px solid #edf0f3;font-size:9.5px}
.directive-log-row2:nth-child(even){background:#fbfcfd}
.directive-log-row2 span{min-width:0;word-break:break-word}

.directive-pending-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 4px;border-bottom:1px solid #eef1f4;font-size:10.5px}
.directive-pending-row:last-child{border-bottom:0}
.directive-pending-row>div:first-child strong{display:block;font-size:11px;color:#182033}
.directive-pending-row>div:first-child span{display:block;font-size:9px;color:#7c8798;margin-top:2px}
.directive-pending-row>div:nth-child(2){text-align:left}
.directive-pending-row>div:nth-child(2) span{display:block;font-size:9.5px;color:#3a4457}
.directive-pending-row>div:nth-child(2) small{font-size:8.5px;color:#9aa2ae}
.directive-pending-row.unseen{background:linear-gradient(90deg,#fff0ef,transparent 40%)}
.directive-pending-row.seen{background:linear-gradient(90deg,#fff8ea,transparent 40%)}

@media(max-width:900px){
  .directive-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .report-tabs{overflow-x:auto;scrollbar-width:none}
  .report-tabs::-webkit-scrollbar{display:none}
  .directive-filters{padding:14px}
  .directive-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .directive-filter-actions button{flex:1;min-height:44px}
  .directive-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}

  .directive-branch-head{display:none}
  .directive-branch-row{grid-template-columns:1fr;gap:4px;padding:12px;border:1px solid #edf0f3;border-radius:12px;margin-bottom:8px}
  .directive-branch-row span{display:flex;justify-content:space-between;align-items:center;font-size:10.5px}
  .directive-branch-row span::before{content:attr(data-label);color:#9aa2ae;font-size:9px;font-weight:700}
  .directive-branch-row span[data-label="الفرع"]::before{content:none}
  .directive-branch-row span[data-label="الفرع"]{justify-content:flex-start}

  .directive-log-head{display:none}
  .directive-log-row2{grid-template-columns:1fr;gap:5px;padding:12px;border:1px solid #edf0f3;border-radius:12px;margin-bottom:8px}
  .directive-log-row2 span{display:flex;justify-content:space-between;gap:10px;text-align:left;font-size:10px}
  .directive-log-row2 span::before{content:attr(data-label);color:#9aa2ae;font-size:8.5px;font-weight:700;text-align:right;flex:none}

  .directive-pending-row{flex-wrap:wrap}
  .directive-pending-row>div:nth-child(2){text-align:right}
}

@media print{
  .report-tabs{display:none!important}
  .directive-filters{display:none!important}
  .directive-report-loading{display:none!important}
  .directive-kpis{grid-template-columns:repeat(4,1fr)!important;gap:6px!important;break-inside:avoid;page-break-inside:avoid}
  .directive-kpi{padding:8px 6px!important;border-radius:9px!important}
  .directive-kpi span{font-size:6.5px!important;min-height:16px!important}
  .directive-kpi strong{font-size:14px!important;margin:3px 0!important}
  .directive-kpi small{font-size:6px!important}
  .directive-summary-text{font-size:9px!important;padding:9px 11px!important;break-inside:avoid;page-break-inside:avoid}
  .directive-rank-two{break-inside:avoid;page-break-inside:avoid}
  .directive-rank-note{font-size:6.5px!important}
  .directive-section{break-inside:avoid-page}
  .directive-branch-table,.directive-log-table{font-size:7px!important}
  .directive-branch-head,.directive-log-head{padding:5px 6px!important;background:#f1f3f6!important}
  .directive-branch-row,.directive-log-row2{padding:5px 6px!important;font-size:7px!important;break-inside:avoid!important;page-break-inside:avoid!important}
  .directive-rating{font-size:6.5px!important;padding:3px 6px!important}
  .directive-status-pill{font-size:6.5px!important;padding:3px 6px!important}
  .directive-pending-row{padding:6px 3px!important;font-size:7.5px!important;break-inside:avoid!important;page-break-inside:avoid!important}
  .directive-pending-row>div:first-child strong{font-size:8px!important}
  .directive-pending-row>div:first-child span,.directive-pending-row>div:nth-child(2) span,.directive-pending-row>div:nth-child(2) small{font-size:6.5px!important}
}