:root{--bg:#f4f6f8;--panel:#fff;--ink:#172033;--muted:#6b7280;--line:#e5e7eb;--brand:#173c6b;--brand2:#2468a8;--green:#0b8f6a;--green-soft:#e9f8f3;--warn:#9a6700;--warn-soft:#fff7df;--danger:#b42318;--danger-soft:#fff0ee;--shadow:0 12px 34px rgba(15,23,42,.07);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,"Segoe UI",Arial,sans-serif;line-height:1.8}.app-shell{min-height:100vh}.topbar{height:76px;background:#101827;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1240px)/2));position:sticky;top:0;z-index:30;box-shadow:0 2px 12px rgba(0,0,0,.15)}.brand{display:flex;gap:11px;align-items:center;color:#fff;text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#1f5d91,#17a37a);font-weight:800;font-size:22px}.brand strong,.brand small{display:block}.brand small{opacity:.7;font-size:11px;letter-spacing:.7px}.top-actions{display:flex;align-items:center;gap:10px}.user-badge{font-size:12px;color:#dce7f2}.ghost-btn,.secondary-btn,.primary-btn,.ai-btn,.icon-btn{border:0;border-radius:11px;cursor:pointer;font:inherit;text-decoration:none;transition:.18s ease}.ghost-btn{color:#fff;border:1px solid rgba(255,255,255,.22);padding:7px 12px}.hero-panel{max-width:1240px;margin:26px auto 18px;padding:26px 30px;border-radius:24px;background:linear-gradient(120deg,#102544,#173c6b 58%,#0c725c);color:#fff;display:flex;align-items:end;justify-content:space-between;gap:24px;box-shadow:var(--shadow)}.hero-panel h1{margin:2px 0 8px;font-size:clamp(25px,3vw,40px)}.hero-panel p{margin:0;max-width:780px;color:#e8eef6}.eyebrow{font-size:12px!important;color:#9ddbc9!important;font-weight:700;letter-spacing:.7px}.human-first{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:15px;padding:12px 16px;font-size:13px;white-space:nowrap}.workspace{max-width:1240px;margin:0 auto 36px;display:grid;grid-template-columns:270px 1fr;gap:18px;align-items:start}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.sidebar{padding:18px;position:sticky;top:94px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-head.compact{margin-bottom:12px}.section-head h2,.section-head h3{margin:0;line-height:1.35}.section-head h3{font-size:18px}.muted{display:block;color:var(--muted);font-size:11px;margin-bottom:2px}.field-label,label>span{font-size:12px;color:#4b5563;font-weight:700}.input{width:100%;border:1px solid #d7dce3;border-radius:11px;background:#fff;color:var(--ink);padding:10px 12px;font:inherit;outline:none}.input:focus{border-color:#5b91bd;box-shadow:0 0 0 3px rgba(36,104,168,.1)}select.input{min-height:45px}.textarea{min-height:145px;resize:vertical}.textarea.short{min-height:90px}.wide{width:100%}.primary-btn{background:var(--brand);color:#fff;padding:10px 16px;font-weight:700}.primary-btn:hover{background:#0e315a}.secondary-btn{background:#eef3f8;color:#183a5c;padding:9px 14px;font-weight:700}.ai-btn{background:linear-gradient(110deg,#532e91,#236ca5);color:#fff;padding:10px 16px;font-weight:700}.icon-btn{width:36px;height:36px;background:#eef2f6;color:#344054;font-size:20px}.side-nav{display:grid;gap:6px;margin-top:18px}.nav-btn{border:0;background:transparent;text-align:right;padding:10px 12px;border-radius:10px;color:#384454;font:inherit;cursor:pointer}.nav-btn:hover{background:#f1f5f9}.nav-btn.active{background:#e9f2fb;color:#123c66;font-weight:800}.content{min-width:0}.tab-panel{display:none}.tab-panel.active{display:block}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat{padding:18px}.stat span,.stat small{color:var(--muted);font-size:12px}.stat strong{display:block;font-size:30px;line-height:1.2;margin:5px 0;color:#173c6b}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.two-col.uneven{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)}.two-col>.card{padding:20px}.chart-card{min-height:390px}.radar-wrap{min-height:360px;display:grid;place-items:center;overflow:visible}.radar-wrap svg{width:100%;max-width:520px;height:auto;overflow:visible}.microcopy{font-size:11px;color:var(--muted);margin:8px 0 0}.bars{display:grid;gap:12px}.bar-row{display:grid;grid-template-columns:105px 1fr 38px;gap:10px;align-items:center;font-size:12px}.bar-track{height:9px;background:#edf1f5;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#2468a8,#0b8f6a);border-radius:999px}.divider{height:1px;background:var(--line);margin:18px 0}.mini-list,.stack-list{display:grid;gap:10px}.mini-item,.list-card{border:1px solid var(--line);border-radius:13px;padding:12px 14px;background:#fff}.mini-item p,.list-card p{margin:2px 0}.list-card .meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.pill{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;background:#eff4f8;color:#4b5967;font-size:11px}.pill.green{background:var(--green-soft);color:#087356}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.danger{background:var(--danger-soft);color:var(--danger)}.actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.mini-btn{border:1px solid #d9e0e7;background:#fff;border-radius:9px;padding:6px 10px;font:inherit;font-size:12px;cursor:pointer}.mini-btn.accept{color:#067254;border-color:#a7decf;background:#f0fbf7}.mini-btn.reject{color:#a32419;border-color:#f1c4be;background:#fff7f6}.mini-btn.ai{color:#50308f;border-color:#d6c9ec;background:#f8f4ff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{display:grid;gap:5px}.form-grid .full{grid-column:1/-1}.small-gap{gap:8px}.details-form{margin-top:12px}.sticky-card{position:sticky;top:94px}.check{display:flex!important;align-items:flex-start;gap:9px}.check input{margin-top:7px}.notice{max-width:1240px;margin:18px auto;padding:18px 20px;border-radius:14px;background:#fff;border:1px solid #e5e7eb}.notice.soft{margin:0 0 16px;background:#f6fafc;border-color:#dce7ef}.notice strong,.notice span{display:block}.status-bar{padding:10px 14px;border-radius:12px;margin-bottom:12px;background:#eef7ff;border:1px solid #cfe2f6;color:#164b7c;font-size:13px}.status-bar.error{background:var(--danger-soft);border-color:#f2c9c4;color:var(--danger)}.timeline{display:grid;gap:0}.timeline-item{position:relative;padding:0 32px 22px 0;border-right:2px solid #dbe3ea}.timeline-item:last-child{border-right-color:transparent}.timeline-dot{position:absolute;right:-7px;top:8px;width:12px;height:12px;border-radius:50%;background:#2468a8;border:2px solid #fff;box-shadow:0 0 0 2px #bfd4e7}.timeline-item h4{margin:0 0 4px}.dialog{border:0;border-radius:20px;padding:0;max-width:520px;width:calc(100% - 28px);box-shadow:0 30px 80px rgba(0,0,0,.25)}.dialog::backdrop{background:rgba(10,20,32,.55)}.dialog-card{padding:22px;display:grid;gap:13px}.dialog-card label{display:grid;gap:5px}details summary{cursor:pointer;font-weight:700;color:#234d74}.hidden{display:none!important}footer{text-align:center;color:#818a96;font-size:11px;padding:18px 10px 28px}
@media(max-width:900px){.workspace{grid-template-columns:1fr;margin:0 12px 28px}.sidebar{position:static}.side-nav{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.two-col,.two-col.uneven{grid-template-columns:1fr}.sticky-card{position:static}.hero-panel{margin:16px 12px;align-items:start;flex-direction:column}.human-first{white-space:normal}.topbar{padding:0 12px}.brand small{display:none}}
@media(max-width:560px){.topbar{height:66px}.user-badge{display:none}.hero-panel{padding:20px}.workspace{margin:0 8px 24px}.sidebar{padding:14px}.side-nav{grid-template-columns:1fr}.stats-grid{gap:8px}.stat{padding:13px}.stat strong{font-size:24px}.two-col>.card{padding:14px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.bar-row{grid-template-columns:90px 1fr 32px}.brand strong{font-size:13px}.ghost-btn{font-size:12px}.actions{gap:5px}}

/* v91 service separation */
#tab-evidence .microcopy{line-height:1.9;margin-top:0}
#tab-evidence .list-card p{white-space:pre-wrap}


/* v91.3 — native Hijri Shamsi (Jalali) date picker */
.jalali-date-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:stretch}
.jalali-date-display{cursor:pointer;background:#fff;text-align:right}
.jalali-calendar-btn{border:1px solid #cbd5e1;border-radius:11px;background:#eef3f8;color:#183a5c;padding:8px 11px;font:700 12px/1.4 Tahoma,"Segoe UI",Arial,sans-serif;cursor:pointer;white-space:nowrap}
.jalali-calendar-btn:hover{border-color:#5b91bd;background:#e7f0f8}
.jalali-dialog{border:0;border-radius:20px;padding:0;width:min(94vw,430px);box-shadow:0 30px 80px rgba(0,0,0,.28)}
.jalali-dialog::backdrop{background:rgba(10,20,32,.55);backdrop-filter:blur(2px)}
.jalali-dialog-card{padding:18px;background:#fff}
.jalali-calendar-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}
.jalali-calendar-head strong{text-align:center;color:#173c6b}
.jalali-month-title{text-align:center;font-weight:800;color:#172033;font-size:18px;padding:14px 0 8px}
.jalali-weekdays,.jalali-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.jalali-weekdays{margin-bottom:5px;color:#6b7280;font-size:12px;font-weight:800;text-align:center}
.jalali-weekdays span{padding:5px 0}
.jalali-day{aspect-ratio:1;min-height:38px;border:1px solid transparent;border-radius:10px;background:#f8fafc;color:#243244;font:700 13px/1 Tahoma,"Segoe UI",Arial,sans-serif;cursor:pointer}
.jalali-day:hover{background:#eaf3fb;border-color:#bad2e6}
.jalali-day.is-today{border-color:#0b8f6a;color:#087356;background:#eefaf6}
.jalali-day.is-selected{background:#173c6b;color:#fff;border-color:#173c6b}
.jalali-day.is-empty{visibility:hidden;pointer-events:none}
.jalali-calendar-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px;padding-top:12px;border-top:1px solid #e5e7eb}
.ghost-calendar-btn{border:1px solid #d7dce3;border-radius:11px;background:#fff;color:#4b5563;padding:9px 14px;font:700 12px/1.4 Tahoma,"Segoe UI",Arial,sans-serif;cursor:pointer}
@media(max-width:560px){
  .jalali-date-control{grid-template-columns:1fr}
  .jalali-calendar-btn{width:100%}
  .jalali-dialog-card{padding:14px}
  .jalali-day{min-height:36px}
}


/* v91.3.1 — improve visibility of full Jalali date in observation form */
#observationForm{
  grid-template-columns:minmax(165px,1.35fr) minmax(95px,.65fr);
}
#observationForm .jalali-date-control{
  grid-template-columns:minmax(0,1fr) 48px;
  gap:6px;
}
#observationForm .jalali-date-display{
  min-width:0;
  padding-inline:7px;
  text-align:center;
  direction:rtl;
  font-size:13px;
  white-space:nowrap;
}
#observationForm .jalali-calendar-btn{
  width:48px;
  min-width:48px;
  padding:8px 5px;
  font-size:11px;
}
@media(max-width:560px){
  #observationForm{grid-template-columns:1fr}
  #observationForm .jalali-date-control{grid-template-columns:minmax(0,1fr) 56px}
  #observationForm .jalali-calendar-btn{width:56px;min-width:56px}
}


/* v91.3.3 — monitoring period usability fix */
.optional-note{font-size:10px;color:#8a94a3;font-weight:400}
#periodForm .period-date-field{grid-column:1/-1}
#periodForm .jalali-date-control{
  grid-template-columns:minmax(0,1fr) 64px;
  gap:8px;
}
#periodForm .jalali-date-display{
  min-width:0;
  padding-inline:10px;
  text-align:center;
  direction:rtl;
  font-size:13px;
  white-space:nowrap;
}
#periodForm .jalali-calendar-btn{
  width:64px;
  min-width:64px;
  padding:8px 6px;
}
#periodSubmitBtn{
  width:100%;
  min-height:46px;
  background:#173c6b;
  color:#fff;
}
#periodSubmitBtn:hover{background:#102f56}
#periodSubmitBtn:disabled{
  opacity:.65;
  cursor:wait;
}
@media(max-width:560px){
  #periodForm .jalali-date-control{grid-template-columns:minmax(0,1fr) 64px}
}


/* v91.3.4 — visible monitoring-period result and inline feedback */
.period-inline-status{
  grid-column:1/-1;
  border-radius:12px;
  padding:10px 12px;
  font-size:12px;
  line-height:1.8;
  margin-top:2px;
  border:1px solid #cfe3d8;
  background:#f0fbf5;
  color:#17633f;
}
.period-inline-status.error{
  border-color:#efc2c2;
  background:#fff4f4;
  color:#9b2c2c;
}
.period-list-block{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid #e5e7eb;
}
.period-list-title{
  font-weight:800;
  color:#173c6b;
  margin-bottom:8px;
}
.periods-list{display:grid;gap:8px}
.period-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid #e1e7ee;
  border-radius:12px;
  padding:10px 12px;
  background:#fff;
}
.period-row strong{display:block;color:#172033;font-size:12px}
.period-dates{margin-top:4px;color:#667085;font-size:11px}
.period-empty{margin:0}


/* v91.3.5 — full helper text for monitoring-period title */
.period-title-field{display:grid;gap:6px}
.period-title-help{
  display:block;
  width:100%;
  color:#6b7280;
  font-size:11px;
  line-height:1.8;
  white-space:normal;
  text-align:right;
}
#periodTitle{
  width:100%;
  min-width:0;
}


/* v91.3.7 — timeline layout containment */
#tab-timeline > .card{
  padding:20px 22px;
  overflow:hidden;
}
#tab-timeline .section-head{
  padding-inline:0;
  margin-bottom:18px;
}
#tab-timeline .timeline{
  width:100%;
  min-width:0;
  padding-right:12px;
  overflow:hidden;
}
#tab-timeline .timeline-item{
  width:100%;
  min-width:0;
  padding:0 28px 22px 10px;
  border-right:2px solid #dbe3ea;
  overflow-wrap:anywhere;
  word-break:normal;
}
#tab-timeline .timeline-item:last-child{
  padding-bottom:0;
  border-right-color:transparent;
}
#tab-timeline .timeline-dot{
  right:-7px;
  top:8px;
}
#tab-timeline .timeline-item h4,
#tab-timeline .timeline-item p{
  max-width:100%;
  margin-left:0;
  overflow-wrap:anywhere;
}
#tab-timeline .timeline-item p{
  margin-top:4px;
  margin-bottom:8px;
}
#tab-timeline .timeline-item .pill{
  max-width:100%;
}
@media(max-width:700px){
  #tab-timeline > .card{padding:16px}
  #tab-timeline .timeline{padding-right:10px}
  #tab-timeline .timeline-item{padding-right:24px;padding-left:4px}
}


/* v92.3 — readable seven-domain radar: numbered chart + separated full legend */
.chart-card{min-height:520px}
.radar-wrap{min-height:0;display:block;overflow:visible;width:100%}
.radar-figure{width:100%;display:flex;justify-content:center;align-items:center;margin:0 auto 8px}
.radar-figure svg{display:block;width:min(100%,440px);height:auto;overflow:visible}
.radar-marker circle{fill:#fff;stroke:#2468a8;stroke-width:2}
.radar-marker text{fill:#173c6b;font-size:14px;font-weight:800;font-family:Tahoma,"Segoe UI",Arial,sans-serif}
.radar-legend{display:grid;grid-template-columns:1fr;gap:7px;margin-top:4px;padding-top:12px;border-top:1px solid #edf1f5}
.radar-legend-item{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;gap:8px;align-items:center;min-height:34px;padding:5px 8px;border-radius:9px;background:#f8fafc;color:#344054;font-size:12px;line-height:1.65}
.radar-legend-num{display:grid;place-items:center;width:26px;height:26px;border:1px solid #b8d0e4;border-radius:50%;background:#fff;color:#173c6b;font-weight:800}
.radar-legend-title{min-width:0;text-align:right;white-space:normal;overflow-wrap:normal;word-break:normal}
.radar-legend-value{text-align:center;color:#2468a8;font-size:13px}
.chart-card .microcopy{clear:both;margin-top:12px;line-height:1.8}
@media(min-width:1180px){
  .radar-figure svg{width:min(100%,460px)}
  .radar-legend-item{font-size:13px}
}
@media(max-width:900px){
  .chart-card{min-height:0}
  .radar-figure svg{width:min(100%,500px)}
  .radar-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
}
@media(max-width:620px){
  .radar-legend{grid-template-columns:1fr}
  .radar-figure svg{width:100%}
  .radar-legend-item{font-size:12px}
}

/* v92.8 — timeline line bounded by timeline dots */
#tab-timeline .timeline-item{border-right:0}
#tab-timeline .timeline-item::after{
  content:"";
  position:absolute;
  right:-1px;
  top:14px;
  bottom:-14px;
  width:2px;
  background:#dbe3ea;
  z-index:0;
}
#tab-timeline .timeline-item:last-child::after{display:none}
#tab-timeline .timeline-dot{z-index:1}



/* v93.0 — periodic multiple-choice questionnaires */
.questionnaire-intro{line-height:1.9;margin-bottom:16px}
.questionnaire-form{grid-template-columns:1fr 1fr}
.questionnaire-questions{display:grid;gap:12px}
.questionnaire-note{display:grid;gap:4px;padding:11px 13px;border:1px solid #dce7ef;border-radius:12px;background:#f6fafc}
.questionnaire-note strong{color:#173c6b;font-size:13px}
.questionnaire-note span{color:#667085;font-size:11px;line-height:1.8}
.question-card{margin:0;border:1px solid #e1e7ee;border-radius:14px;padding:13px 14px;background:#fff;min-width:0}
.question-card legend{padding:0 4px;font-weight:800;font-size:13px;line-height:1.9;color:#23364d}
.question-domain{display:inline-flex;margin:2px 0 8px;padding:2px 8px;border-radius:999px;background:#eef4fa;color:#365d80;font-size:10px}
.option-list{display:grid;gap:6px}
.option-row{display:flex!important;align-items:flex-start;gap:9px;border:1px solid #edf0f3;border-radius:10px;padding:8px 10px;cursor:pointer;background:#fafbfc}
.option-row:hover{border-color:#bdd2e3;background:#f6fafe}
.option-row input{margin-top:6px}
.option-row span{font-size:12px;font-weight:400;color:#344054}
.questionnaire-session .microcopy{margin-top:7px}
.questionnaire-detail{display:grid;gap:7px;margin-top:10px}
.questionnaire-detail.hidden{display:none}
.questionnaire-answer{display:grid;gap:2px;padding:9px 10px;border-radius:10px;background:#f8fafc;border:1px solid #edf1f5}
.questionnaire-answer strong{font-size:11px;line-height:1.8}
.questionnaire-answer span{font-size:12px;color:#244761}
.questionnaire-answer small{font-size:10px;color:#778392}
.radar-legend-counts{display:grid;text-align:center;min-width:105px}
.radar-legend-counts small{font-size:9px;color:#7b8794;white-space:nowrap}
.radar-legend-item{grid-template-columns:30px minmax(0,1fr) minmax(105px,auto)}
@media(max-width:560px){
  .questionnaire-form{grid-template-columns:1fr}
  .radar-legend-counts{min-width:88px}
  .radar-legend-counts small{white-space:normal;line-height:1.4}
  .radar-legend-item{grid-template-columns:30px minmax(0,1fr) 88px}
}


/* v93.1 — questionnaire readability and full-text display */
#tab-questionnaires .questionnaire-layout{
  grid-template-columns:minmax(470px,1.15fr) minmax(300px,.85fr);
  align-items:start;
}
#tab-questionnaires .questionnaire-layout>.card{min-width:0}
#tab-questionnaires .questionnaire-form .input{
  font-size:11px;
  line-height:1.55;
  padding:9px 10px;
}
#tab-questionnaires .questionnaire-form select.input{
  min-height:42px;
  white-space:nowrap;
  text-overflow:ellipsis;
}
#tab-questionnaires .question-card{
  padding:11px 12px;
}
#tab-questionnaires .question-card legend{
  font-size:12px;
  line-height:1.75;
}
#tab-questionnaires .question-domain{
  font-size:9px;
}
#tab-questionnaires .option-row{
  padding:7px 9px;
}
#tab-questionnaires .option-row span{
  font-size:11px;
  line-height:1.7;
  overflow-wrap:anywhere;
}
#tab-questionnaires .questionnaire-note strong{font-size:12px}
#tab-questionnaires .questionnaire-note span{font-size:10px}
@media(max-width:1100px){
  #tab-questionnaires .questionnaire-layout{grid-template-columns:1fr}
  #tab-questionnaires .sticky-card{position:static}
}
@media(max-width:560px){
  #tab-questionnaires .questionnaire-form .input{font-size:10.5px}
  #tab-questionnaires .question-card legend{font-size:11.5px}
  #tab-questionnaires .option-row span{font-size:10.5px}
}


/* v93.2 — scalable timeline: filters, 20-item pagination, monthly grouping */
#tab-timeline .timeline-toolbar{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,220px));
  gap:10px;
  align-items:end;
  margin-bottom:8px;
}
#tab-timeline .timeline-toolbar label{display:grid;gap:5px}
#tab-timeline .timeline-toolbar .input{font-size:12px;min-height:42px;padding:8px 10px}
#tab-timeline .timeline-help{margin:0 0 18px;color:#6b7280;font-size:11px;line-height:1.8}
#tab-timeline .timeline{padding-right:0;overflow:visible;display:grid;gap:18px}
#tab-timeline .timeline-month-group{min-width:0}
#tab-timeline .timeline-month-title{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  margin:0 0 12px;
  padding:4px 11px;
  border-radius:999px;
  background:#eef4fa;
  color:#173c6b;
  font-size:12px;
  font-weight:800;
}
#tab-timeline .timeline-month-items{padding-right:12px;min-width:0}
#tab-timeline .timeline-month-items .timeline-item:last-child{padding-bottom:0}
#tab-timeline .timeline-month-items .timeline-item:last-child::after{display:none}
#tab-timeline .timeline-footer{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  padding-top:18px;
  margin-top:4px;
  border-top:1px solid #edf1f5;
}
#tab-timeline #timelineLoadMoreBtn{min-width:190px}
#tab-timeline #timelineLoadMoreBtn:disabled{opacity:.65;cursor:wait}
#tab-timeline #timelineLoadStatus{margin:0}
@media(max-width:620px){
  #tab-timeline .timeline-toolbar{grid-template-columns:1fr}
  #tab-timeline .timeline-toolbar .input{font-size:12px}
  #tab-timeline .timeline-footer{align-items:stretch;flex-direction:column}
  #tab-timeline #timelineLoadMoreBtn{width:100%;min-width:0}
  #tab-timeline #timelineLoadStatus{text-align:center}
}

/* v93.3 — AI usage metering & internal pricing admin */
.admin-cost-grid{margin-bottom:18px}
.usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.usage-stat{border:1px solid #e2e8f0;border-radius:14px;padding:12px;background:#f8fafc;display:flex;flex-direction:column;gap:6px;min-width:0}
.usage-stat span{font-size:.78rem;color:#64748b}
.usage-stat strong{font-size:1.02rem;line-height:1.55;overflow-wrap:anywhere}
.usage-operations{display:grid;gap:8px;margin-top:12px}
.usage-operation-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf2f7;padding-top:10px}
.usage-operation-row>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.usage-operation-row>div:last-child{text-align:left;white-space:nowrap}
.usage-operation-row small{color:#64748b;font-size:.75rem}
.admin-centers-grid{margin-top:0}
@media (max-width:900px){.usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.usage-grid{grid-template-columns:1fr}.usage-operation-row{align-items:flex-start;flex-direction:column}.usage-operation-row>div:last-child{text-align:right;white-space:normal}}
.warn-text{color:#9a5b00;background:#fff8e6;border:1px solid #f4d28a;border-radius:10px;padding:8px 10px}


/* v93.4 — fixed 30-day service tariff */
.service-price-strip{
  max-width:1240px;
  margin:0 auto 18px;
  padding:16px 20px;
  border:1px solid #d7e4ef;
  border-radius:18px;
  background:#fff;
  box-shadow:var(--shadow);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
}
.service-price-main{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;min-width:0}
.service-price-main span{font-size:12px;color:#64748b;font-weight:700}
.service-price-main strong{font-size:24px;line-height:1.4;color:#173c6b;white-space:nowrap}
.service-price-main small{font-size:12px;color:#0b7a5d;font-weight:800;white-space:nowrap}
.service-price-strip p{margin:0;color:#566273;font-size:12px;line-height:1.9;max-width:520px}
.admin-tariff-note{padding:20px;margin-bottom:16px}
.fixed-tariff-value{font-size:30px;line-height:1.4;font-weight:900;color:#173c6b;margin:4px 0 8px}
@media(max-width:900px){
  .service-price-strip{margin:0 12px 16px;align-items:flex-start;flex-direction:column;gap:8px}
}
@media(max-width:560px){
  .service-price-strip{margin:0 8px 14px;padding:14px 16px}
  .service-price-main{display:grid;gap:2px}
  .service-price-main strong{font-size:22px}
  .fixed-tariff-value{font-size:25px}
}

/* v93.5 — paid 30-day access gate */
.payment-gate{padding:24px;margin-bottom:16px}
.payment-gate-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}
.payment-gate-head h2{margin:2px 0 0;color:#173c6b}
.payment-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.payment-summary-grid>div{border:1px solid #e1e7ee;border-radius:13px;background:#f8fafc;padding:12px 14px}
.payment-summary-grid span{display:block;font-size:11px;color:#667085;margin-bottom:2px}
.payment-summary-grid strong{font-size:15px;color:#173c6b}
.payment-card-box{border:1px solid #cddceb;background:#f5f9fd;border-radius:15px;padding:16px 18px;text-align:center;margin-bottom:16px}
.payment-card-box span,.payment-card-box small{display:block;color:#5c6977;font-size:12px}
.payment-card-box strong{display:block;font-size:24px;letter-spacing:1.5px;color:#123c66;margin:5px 0;direction:ltr}
.payment-form{border-top:1px solid #e3e8ee;padding-top:16px}
.payment-gate-actions{display:flex;justify-content:flex-start;margin-top:12px}
.nav-btn:disabled{opacity:.45;cursor:not-allowed;background:#f5f6f8}
.admin-growth-payments{padding:20px;margin:16px 0}
.payment-admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start}
.payment-admin-row .payment-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
.payment-admin-row .payment-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:700px){.payment-summary-grid{grid-template-columns:1fr}.payment-gate{padding:18px}.payment-gate-head{display:block}.payment-gate-head .pill{margin-top:8px}.payment-card-box strong{font-size:20px}.payment-admin-row{grid-template-columns:1fr}.payment-admin-row .payment-actions{justify-content:flex-start}}


/* v94.0 — life-skills subindicator view */
.life-skills-card{padding:20px;margin-top:16px}
.life-skills-note{margin-top:-4px;margin-bottom:14px;max-width:980px}
.life-skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.life-skill-item{border:1px solid #e1e7ee;border-radius:14px;background:#fff;padding:13px 14px}
.life-skill-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.life-skill-head strong{color:#173c6b;font-size:13px;line-height:1.7}
.life-skill-head .pill{flex:0 0 auto}
.life-skill-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.life-skill-metrics span{display:grid;place-items:center;border-radius:10px;background:#f7f9fc;padding:7px 5px;text-align:center}
.life-skill-metrics b{font-size:16px;color:#2468a8}
.life-skill-metrics small{font-size:10px;color:#667085}
.who-pill{background:#eef7ff;color:#185a8d}
.question-domain{display:block;margin:6px 0 10px;color:#4d6f8c;font-size:11px;line-height:1.8}
@media(max-width:760px){.life-skills-grid{grid-template-columns:1fr}.life-skills-card{padding:14px}}
@media(max-width:420px){.life-skill-head{display:block}.life-skill-head .pill{margin-top:6px}.life-skill-metrics{gap:5px}.life-skill-metrics small{font-size:9px}}


/* v95 — longitudinal analysis */
.longitudinal-head{align-items:flex-end;gap:1rem}.longitudinal-controls{display:flex;align-items:flex-end;gap:.65rem;flex-wrap:wrap}.longitudinal-controls label{display:grid;gap:.35rem;color:#64748b;font-size:.78rem;font-weight:700}.compact-input{min-width:9rem}.longitudinal-main-grid,.longitudinal-secondary-grid{margin-top:1rem}.trend-list{display:grid;gap:.65rem}.trend-row{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(5.2rem,.55fr));align-items:center;gap:.55rem;padding:.75rem .8rem;border:1px solid #e5edf3;border-radius:.9rem;background:#fbfdff}.trend-title{min-width:0}.trend-title strong{display:block;color:#183b56;font-size:.9rem}.trend-title small{display:block;margin-top:.25rem;color:#7b8c98;font-size:.72rem}.trend-metric{display:grid;gap:.16rem;text-align:center}.trend-metric b{font-size:.95rem;color:#164b73}.trend-metric small{color:#81909a;font-size:.67rem}.trend-delta{justify-self:end;min-width:5.4rem;padding:.36rem .52rem;border-radius:999px;text-align:center;font-size:.72rem;font-weight:800;background:#edf4f8;color:#395a6d}.trend-delta.more{background:#eaf7f4;color:#147168}.trend-delta.fewer{background:#fff4e7;color:#8a5a12}.trend-delta.stable{background:#f2f5f7;color:#5e6d75}.pattern-card{padding:.85rem .9rem;border:1px solid #e2ebf1;border-radius:.95rem;background:#fbfdff}.pattern-card strong{display:block;color:#173e5b}.pattern-card p{margin:.4rem 0 0;line-height:1.9;color:#536b79}.pattern-meta{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.55rem}.coverage-list{display:grid;gap:.7rem}.coverage-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .85rem;border-radius:.85rem;background:#f7fafc;border:1px solid #e7edf1}.coverage-row span{color:#607581}.coverage-row strong{color:#123e5d}.longitudinal-ai-card{margin-top:1rem}.longitudinal-ai-result{margin-top:1rem;display:grid;gap:1rem}.longitudinal-ai-summary{padding:1rem;border-radius:1rem;background:#f2f8fb;line-height:2;color:#294f64}.ai-result-section{padding-top:.8rem;border-top:1px solid #e4ebef}.ai-result-section h4{margin:0 0 .55rem;color:#173e5b}.ai-result-section ul{margin:0;padding-right:1.2rem;display:grid;gap:.45rem;line-height:1.9}.ai-result-cards{display:grid;gap:.65rem}.ai-result-card{padding:.75rem .85rem;border-radius:.85rem;border:1px solid #e4ebef;background:#fff}.ai-result-card strong{display:block;color:#164b73}.ai-result-card p{margin:.35rem 0 0;line-height:1.9;color:#536b79}.longitudinal-empty{padding:1rem;text-align:center;color:#71828d;border:1px dashed #d6e1e7;border-radius:.9rem}.longitudinal-stats{margin-top:1rem}
@media(max-width:980px){.trend-row{grid-template-columns:minmax(0,1fr) repeat(2,minmax(4.6rem,.5fr));}.trend-delta{grid-column:2/4;justify-self:stretch}.longitudinal-controls{width:100%}.longitudinal-controls label{flex:1}.compact-input{width:100%}}
@media(max-width:640px){.longitudinal-head{align-items:stretch;flex-direction:column}.longitudinal-controls{display:grid;grid-template-columns:1fr 1fr}.longitudinal-controls label{grid-column:1/-1}.trend-row{grid-template-columns:1fr 1fr;gap:.5rem}.trend-title{grid-column:1/-1}.trend-delta{grid-column:1/-1}.coverage-row{align-items:flex-start}.longitudinal-ai-card .ai-btn{width:100%}.longitudinal-stats{grid-template-columns:1fr 1fr}.longitudinal-stats .stat{min-width:0}}
@media(max-width:430px){.longitudinal-stats{grid-template-columns:1fr}.longitudinal-controls{grid-template-columns:1fr}.longitudinal-controls label,.longitudinal-controls button{grid-column:1}.trend-row{grid-template-columns:1fr 1fr;padding:.7rem}.trend-metric b{font-size:.9rem}.trend-delta{min-width:0}.pattern-card,.coverage-row{padding:.7rem}.longitudinal-ai-summary{padding:.85rem}}

/* v96 pilot hardening */
.admin-pilot-grid .list-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.admin-pilot-grid .notice p{margin:.35rem 0}.danger-text{color:#9d2525}

/* v96.1 — active refresh control for current child profile */
#refreshBtn{
  display:inline-grid;
  place-items:center;
  flex:0 0 36px;
  border:1px solid #d7e0e8;
  box-shadow:0 1px 2px rgba(15,23,42,.05);
  user-select:none;
  -webkit-tap-highlight-color:transparent;
}
#refreshBtn:hover{background:#e3edf6;color:#173c6b;border-color:#bfd0df}
#refreshBtn:focus-visible{outline:3px solid rgba(36,104,168,.22);outline-offset:2px}
#refreshBtn:active{transform:scale(.94)}
#refreshBtn:disabled{cursor:wait;opacity:.7}
#refreshBtn.is-loading{animation:eduhouse-refresh-spin .8s linear infinite}
@keyframes eduhouse-refresh-spin{to{transform:rotate(-360deg)}}
@media (prefers-reduced-motion:reduce){#refreshBtn.is-loading{animation:none}}

/* v97 – optional support of attention and self-regulation */
.attention-card{padding:22px}.attention-card>p{font-size:13px;color:#586b7c;line-height:2;margin-top:0}.attention-consent{background:#f4f9fd;border:1px solid #d5e5f0;padding:18px;border-radius:15px}.attention-consent p{margin:0 0 12px;font-size:13px}.attention-summary{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.attention-chip{background:#eff6fa;border:1px solid #d9e7f0;border-radius:12px;padding:10px 14px;min-width:130px;font-size:12px;color:#3e5d71}.attention-chip strong{display:block;color:#1c4f74;font-size:21px}.attention-note{background:#eff8f5;border-right:4px solid #0b8f6a;padding:12px 16px;border-radius:12px;margin-bottom:18px;color:#214d45;font-size:13px}.attention-form{padding-top:12px;border-top:1px solid #e5edf2}.attention-observations-head{margin-top:25px}.attention-entry p{white-space:pre-wrap;overflow-wrap:anywhere}.attention-entry .meta{margin:6px 0}.attention-privacy-actions{margin-top:23px;padding-top:16px;border-top:1px solid #e5edf2}.attention-privacy-actions .actions{gap:10px}.attention-privacy-actions .reject{font-weight:700}.attention-form .jalali-date-control{grid-template-columns:minmax(0,1fr) auto}.attention-form .jalali-date-display{min-width:0}
@media(max-width:560px){.attention-card{padding:14px}.attention-consent{padding:12px}.attention-summary{display:grid;grid-template-columns:1fr 1fr}.attention-chip{min-width:0}.attention-form .jalali-date-control{grid-template-columns:1fr}.attention-privacy-actions .actions{display:grid}.attention-privacy-actions button{width:100%}}

/* v98: optional questionnaires and offline-rule guidance, preserving existing styles */
.attention-v98{border-top:1px solid #e5edf2;margin-top:26px;padding-top:20px}
.attention-v98 .section-head h3{font-size:17px}
.attention-v98-panel{border:1px solid #dce7ee;border-radius:14px;margin-top:13px;padding:15px;background:#fcfdff}
.attention-v98-panel summary{font-size:15px;color:#173c62;font-weight:700;cursor:pointer;line-height:1.9;list-style:revert}
.attention-v98-panel[open]>summary{margin-bottom:12px}
.attention-v98-panel .microcopy{line-height:1.9}
.attention-v98-panel .attention-form{border:0}
.attention-v98-guidance{background:#f2f8f7;border-right:3px solid #16856a;border-radius:10px;padding:13px;margin:12px 0;line-height:1.95;font-size:13px}
.attention-v98-guidance p{margin:6px 0}
.attention-v98-guidance li{margin:5px 0}
.attention-v98 .stack-list{margin-top:12px}
.attention-v98 .jalali-date-control{grid-template-columns:minmax(0,1fr) auto}
@media(max-width:600px){.attention-v98-panel{padding:10px}.attention-v98 .jalali-date-control{grid-template-columns:minmax(0,1fr) auto}.attention-v98-panel summary{font-size:14px}}