/* ===== ss-v45-responsive-formal-style ===== */

  :root{--ss-v45-font:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif}
  html,body{font-family:var(--ss-v45-font);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
  .container,.control-panel,.collapsible-content,.pro-card,.modal-content,.table-responsive,.grades-class-card,.dashboard-card,.analytics-card,.chart-card,.stat-card{min-width:0}
  .app-title,.app-subtitle,.class-title,.grades-meta,.pro-title,.pro-hint,.stat-label,.stat-value,.chart-title,.header-line,.header-side,.qn-exam-item,.qn-exam-item-body{overflow-wrap:anywhere;word-break:normal}
  input,select,textarea,button{max-width:100%;font-family:inherit}
  .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .table-responsive table{max-width:none}
  canvas,svg,img{max-width:100%}
  .chart-container,.chart-card,.analytics-card{overflow:hidden}
  .big-buttons-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .eval-btn,.board-docs-btn,.toggle-btn,.tab-btn,.btn,.export-btn,.pro-tabbtn{touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .08s ease,filter .08s ease,box-shadow .12s ease}
  .eval-btn:active,.board-docs-btn:active,.toggle-btn:active,.tab-btn:active,.btn:active,.export-btn:active,.pro-tabbtn:active{transform:translateY(1px) scale(.985)!important;filter:brightness(.96)}
  .ss-v45-questionnaire-page{width:210mm!important;max-width:100%!important;min-height:297mm!important;margin:0 auto!important;padding:8mm 10mm 8mm!important;background:#fff!important;color:#111827!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;box-shadow:none!important;font-family:var(--ss-v45-font)!important;font-size:10.5pt!important;line-height:1.55!important}
  .ss-v45-doc-header{border:1.35px solid #334155;border-radius:8px;overflow:hidden;background:#fff;margin:0 0 4mm;page-break-inside:avoid;break-inside:avoid}
  .ss-v45-header-grid,.ss-v45-student-grid{width:100%;border-collapse:collapse;table-layout:fixed;direction:rtl}
  .ss-v45-header-grid td{width:33.333%;vertical-align:middle;padding:3.2mm 3.5mm;min-height:22mm;border-left:1px solid #cbd5e1;font-size:9.4pt;line-height:1.55;white-space:normal;overflow-wrap:anywhere}
  .ss-v45-header-grid td:last-child{border-left:0}
  .ss-v45-head-right{text-align:right}.ss-v45-head-center{text-align:center}.ss-v45-head-left{text-align:left}
  .ss-v45-head-line{display:block;margin:0 0 1.2mm}.ss-v45-head-line:last-child{margin-bottom:0}
  .ss-v45-label{font-weight:800;color:#475569}.ss-v45-value{font-weight:900;color:#0f172a}
  .ss-v45-title{font-size:16pt;font-weight:950;line-height:1.2;margin:0;color:#0f172a}
  .ss-v45-logo{display:block;max-width:16mm;max-height:14mm;object-fit:contain;margin:0 auto 1.5mm}
  .ss-v45-student-grid{border-top:1px solid #cbd5e1}
  .ss-v45-student-grid td{width:33.333%;padding:2.4mm 3.5mm;border-left:1px solid #e2e8f0;text-align:right;font-size:9.2pt;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
  .ss-v45-student-grid td:last-child{border-left:0}
  .ss-v45-questionnaire-page .qn-exam-body-wrap{flex:1 1 auto;min-height:0}
  .ss-v45-questionnaire-page .qn-exam-item,.ss-v45-questionnaire-page .qn-question-block{break-inside:avoid;page-break-inside:avoid;max-width:100%;overflow:hidden}
  .ss-v45-questionnaire-page table{max-width:100%;table-layout:fixed}
  .ss-v45-questionnaire-page th,.ss-v45-questionnaire-page td{overflow-wrap:anywhere;white-space:normal}
  .ss-v45-grade-preview table{width:100%!important;table-layout:fixed!important;border-collapse:collapse!important}
  .ss-v45-grade-preview th,.ss-v45-grade-preview td{font-size:8.4pt!important;line-height:1.05!important;padding:1.1mm .8mm!important;vertical-align:middle!important;overflow:hidden!important;overflow-wrap:anywhere!important;white-space:normal!important}
  .ss-v45-grade-preview tbody tr{height:5.8mm!important}
  .ss-v45-print-page{width:100%;page-break-after:always;break-after:page}
  .ss-v45-print-page:last-child{page-break-after:auto;break-after:auto}
  @media(max-width:760px){
    .big-buttons-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .container{width:100%;padding-left:10px;padding-right:10px}
    .ss-v45-questionnaire-page{width:100%!important;min-height:auto!important;padding:14px!important;font-size:14px!important}
    .ss-v45-header-grid td{padding:10px 8px;font-size:12px}.ss-v45-title{font-size:18px}.ss-v45-student-grid td{padding:8px;font-size:12px}
  }
  @media(max-width:480px){
    .big-buttons-grid{grid-template-columns:1fr 1fr}
    .ss-v45-header-grid,.ss-v45-student-grid{table-layout:fixed}
    .ss-v45-header-grid td{padding:8px 5px;font-size:10.5px;line-height:1.45}.ss-v45-title{font-size:15px}.ss-v45-logo{max-width:34px;max-height:30px}
    .ss-v45-student-grid td{padding:7px 5px;font-size:10.5px}
  }
  @media print{
    .ss-v45-questionnaire-page{width:100%!important;min-height:281mm!important;max-width:none!important;padding:0!important;margin:0!important;font-size:10pt!important}
    .ss-v45-doc-header{margin-bottom:3mm!important;border-radius:0!important}
    .ss-v45-header-grid td{padding:2.4mm 3mm!important;font-size:9pt!important}.ss-v45-title{font-size:15pt!important}
    .ss-v45-student-grid td{padding:1.8mm 3mm!important;font-size:8.8pt!important}
    .ss-v45-grade-preview{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
    .ss-v45-grade-preview th,.ss-v45-grade-preview td{font-size:7.8pt!important;padding:.85mm .6mm!important;line-height:1!important}
    .ss-v45-grade-preview tbody tr{height:5.65mm!important}
    .table-responsive{overflow:visible!important}
  }