.survey-body{background:#f3f6f6;color:#183543;margin:0}.survey-header{max-width:920px;margin:auto;padding:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.survey-header span,.survey-eyebrow{color:#187b73}.survey-main{max-width:820px;margin:10px auto;padding:0 20px 40px}.survey-main h1{font-size:clamp(26px,4vw,38px);line-height:1.5}.survey-panel{background:white;border:1px solid #d9e5e4;border-radius:18px;padding:24px;margin:22px 0;min-width:0}.survey-privacy{background:#e5f1ee;border-right:4px solid #188577;border-radius:12px;padding:18px 22px;margin:24px 0}.survey-privacy p{margin-bottom:0}.survey-progress{position:sticky;top:0;z-index:2;background:#f3f6f6;padding:14px 4px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.survey-progress progress{width:100%;height:8px;accent-color:#188577}.survey-buttons,.survey-rating-labels{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.survey-buttons button{min-height:48px}.survey-rating-labels{color:#61727a;font-size:14px;margin-top:-14px}.survey-footer{text-align:center;color:#60767c;padding:30px 20px}.survey-eyebrow{font-size:14px;font-weight:700}.survey-thanks{text-align:center;padding:50px 24px}.survey-success{display:block;font-size:44px;color:#188577}.survey-link{display:block;overflow-wrap:anywhere;max-width:100%;margin:12px 0}.survey-section-editor{display:flex;align-items:end;gap:8px;margin:12px 0;flex-wrap:wrap}.survey-section-editor label{flex:1;min-width:140px}.survey-student-result{display:block;padding:10px;width:100%;text-align:right;background:#edf5f3;border:1px solid #c7ded9;margin:6px 0;border-radius:8px}.survey-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}.survey-kpi{background:#fff;border:1px solid #dbe7e5;border-radius:14px;padding:20px}.survey-kpi strong{display:block;font-size:30px;color:#147d76}.survey-chart-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(90px,2fr) auto;gap:12px;align-items:center;margin:12px 0}.survey-chart-row progress{width:100%;accent-color:#147d76}.survey-statistics{display:flex;gap:24px;flex-wrap:wrap}.survey-statistics strong{display:block;font-size:24px}.survey-answer{border-bottom:1px solid #dde7e4;padding:15px 0;overflow-wrap:anywhere}.survey-answer p{white-space:pre-wrap}.survey-main input,.survey-main select,.survey-main textarea,.survey-panel input,.form-question input,.form-question select,.form-question textarea{max-width:100%;min-width:0}.survey-main [hidden],[data-survey-builder] [hidden]{display:none!important}.survey-main .form-field{min-width:0}.survey-main .checkbox-label{min-height:44px}.survey-main .checkbox-label input{flex:0 0 auto}.survey-main label{overflow-wrap:anywhere}.admin-main .survey-panel{max-width:100%}.survey-panel h2{overflow-wrap:anywhere}.survey-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.survey-filters label{min-width:130px;flex:1}.survey-panel table{min-width:0;width:100%}.survey-panel th,.survey-panel td{overflow-wrap:anywhere}.survey-body button,.survey-body input,.survey-body select,.survey-body textarea{font:inherit}.survey-body input:not([type=checkbox]):not([type=radio]),.survey-body select,.survey-body textarea{width:100%}.survey-body label:not(.checkbox-label){display:block}.survey-body form>.button{margin-top:20px}.survey-body *{box-sizing:border-box}@media(max-width:600px){.survey-main{padding:0 14px 30px}.survey-panel{padding:18px 14px;border-radius:14px}.survey-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.survey-kpi{padding:14px}.survey-chart-row{grid-template-columns:minmax(65px,1fr) minmax(60px,1fr) auto;font-size:13px}.survey-header{padding:18px 14px}.survey-section-editor .button{padding:8px 12px}.survey-buttons button{flex:1}.survey-statistics{gap:16px}.survey-panel .form-option-row{flex-wrap:wrap}}
.survey-panel table{table-layout:fixed}.survey-panel th,.survey-panel td{white-space:normal;word-break:normal;padding:10px 6px}.survey-panel .table-wrap{max-width:100%;min-width:0}
.survey-body .skip{position:fixed;top:-100px;right:20px;z-index:20}.survey-body .skip:focus{top:12px}.survey-body .button:not(.secondary){background:#147d76;color:white;border-color:#147d76}
.survey-table{max-width:100%;min-width:0}.survey-table table{table-layout:fixed;width:100%}.survey-table th,.survey-table td{white-space:normal;overflow-wrap:anywhere;padding:10px 6px}.survey-table input,.survey-table button{max-width:100%;min-width:0}.survey-table button{white-space:normal;padding:8px}.survey-table input{width:100%}
.survey-access h2,.survey-access p{overflow-wrap:anywhere}.survey-access form{max-width:480px;margin:24px auto 0}.survey-access input{min-height:48px}.survey-access form>.button{width:100%;min-height:48px}.survey-public-link{width:100%}

/* ميثاق · صقل صفحات الاستبانة العامة (عرض فقط) */
.survey-body{background:#f2f6f5}
.survey-header{align-items:center;border-bottom:1px solid #e0eae8;margin-bottom:8px}
.survey-header strong{font-size:19px}
.survey-header small{color:#61757b;font-size:12.5px}
.survey-panel{border-radius:14px;border-color:#e0eae8;box-shadow:0 2px 10px #17364410;padding:26px 28px}
.survey-panel h1{font-size:clamp(24px,4.4vw,32px);line-height:1.45;margin:10px 0 12px}
.survey-lead{font-size:17px;color:#4d6269;line-height:1.9}
.survey-access{max-width:540px;margin-inline:auto}
.survey-access form{margin-top:22px;padding-top:20px;border-top:1px solid #e6eeec}
.survey-form-intro{font-size:15px;color:#4d6269;margin-bottom:4px}
.survey-access label{font-weight:500;font-size:15.5px;margin-block:18px 6px}
.survey-access input{min-height:52px;font-size:17px;border-radius:9px}
.survey-access .microcopy{margin:6px 0 0;font-size:13px}
.survey-access form>.button{margin-top:26px;min-height:54px;font-size:17px;border-radius:9px}
.survey-foot-note{margin:20px 0 0;font-size:13px;color:#68797f;text-align:center}
.survey-privacy{border-radius:10px;font-size:14.5px;line-height:1.9}
.survey-privacy strong{display:block;margin-bottom:5px}
.survey-body .error-box{border-radius:10px}
.survey-body .error-box h2{font-size:18px;margin-bottom:6px}
.survey-kpi{border-radius:12px}
@media(max-width:600px){
 .survey-panel{padding:20px 16px}
 .survey-access{max-width:none}
 .survey-access input{font-size:16px}
 .survey-header{padding:14px}
 .survey-header strong{font-size:17px}
}