/* إضافات التحديث: الزيارات، الإجراءات، التحاليل، الملخص الشهري */
.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:700px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.warnchip{background:var(--lcoral)!important;border-color:transparent!important;color:var(--fg);font-weight:700}
.hline{margin:6px 0 0;font-size:13.5px;max-width:70ch}
.hline b{color:var(--deep)}
.paybar{margin-top:12px;background:var(--lcoral);border-radius:12px;padding:9px 12px;font-weight:700;font-family:var(--display)}
.sechd{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.sechd h3{margin:0}
.vno{display:inline-block;margin-top:3px;font-size:11.5px;background:var(--mint);color:var(--deep);border-radius:999px;padding:0 8px;font-weight:700}
.vno.last{background:var(--gold);color:#0B3F3B}
table.small{min-width:640px}
.d.inl{display:inline;margin-inline-start:4px}
.firstbox b{display:block;font-family:var(--display);font-size:18px}

/* visit form */
.vbanner{border-radius:14px;padding:10px 14px;background:var(--mint);display:flex;flex-direction:column;gap:4px}
.vbanner b{font-family:var(--display);font-size:20px;color:var(--deep)}
.vbanner.isdue{background:var(--lcoral)}
.vbanner .due{font-weight:800;font-size:15px;color:var(--fg)}
fieldset.isdue{border-color:var(--coral);background:color-mix(in srgb,var(--lcoral) 40%,transparent)}
.checks label.big{font-weight:800;font-size:15px}
.subbox{border:1.5px dashed var(--turq);border-radius:12px;padding:10px;margin-top:10px;display:flex;flex-direction:column;gap:10px}
.medchips,.panelchips,.seg{display:flex;flex-wrap:wrap;gap:6px}
.medchips label,.panelchips label,.seg label{position:relative;cursor:pointer}
.medchips input,.panelchips input,.seg input{position:absolute;opacity:0;pointer-events:none}
.medchips span,.panelchips span,.seg span{display:flex;flex-direction:column;align-items:center;border:1.5px solid var(--line);border-radius:12px;padding:6px 12px;background:var(--surface2);font-weight:700;font-size:13.5px}
.medchips small{font-weight:500;font-size:11px;color:var(--muted)}
.medchips input:checked+span,.panelchips input:checked+span,.seg input:checked+span{background:var(--turq);border-color:var(--turq);color:#fff}
.medchips input:checked+span small{color:#fff}
.panelchips input:disabled+span{opacity:.6}
.medchips input:focus-visible+span,.panelchips input:focus-visible+span,.seg input:focus-visible+span{outline:2px solid var(--turq);outline-offset:2px}
.f>span{font-size:13px;color:var(--muted)}
.f.sc,.f.w2>span{display:flex;flex-direction:column;gap:3px}
.areas{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px}
.area{display:flex;flex-direction:column;gap:4px;border:1.5px solid var(--line);border-radius:12px;padding:6px 8px;background:var(--surface2)}
.area span{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700}
.area input[type=text]{border:1px solid var(--line);border-radius:8px;padding:4px 8px;background:var(--surface);width:100%;font-size:16px;color:var(--fg)}
.area.on{border-color:var(--turq);background:var(--mint)}

/* labs */
.labblock{margin-bottom:14px}
.labblock h4{font-family:var(--display);margin:4px 0 6px;color:var(--deep)}
.labt td,.labt th{white-space:nowrap}
.flag-hi,.flag-lo,.flag-abn{font-weight:800}
.flag-hi{color:var(--bad)} .flag-lo{color:#2E6FD8} .flag-abn{color:var(--bad)}
:root[data-theme="dark"] .flag-lo{color:#7FB0FF}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .flag-lo{color:#7FB0FF}}
.linkbtn.hd{color:#fff;font-weight:700;font-size:13px;padding:0}
.leg{margin:0;padding-inline-start:18px;font-size:13.5px}
.lgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.lrow{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1.5px solid var(--line);border-radius:12px;padding:6px 10px;background:var(--surface2)}
.lrow[data-flag="hi"],.lrow[data-flag="abn"]{border-color:var(--coral)}
.lrow[data-flag="lo"]{border-color:#2E6FD8}
.lrow .ln{display:flex;flex-direction:column;min-width:0}
.lrow .ln b{font-size:13.5px}
.lrow .ln small{font-size:11.5px;color:var(--muted)}
.lrow input,.lrow select{width:96px;flex:none;border:1.5px solid var(--line);border-radius:10px;padding:6px 8px;background:var(--surface);font-size:16px;color:var(--fg)}
.calcv{min-width:60px;text-align:center;font-weight:800}

/* target */
.tgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media (max-width:900px){.tgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.tgrid{grid-template-columns:minmax(0,1fr)}}
.tbox{background:var(--surface2);border-radius:14px;padding:10px 12px;border-bottom:4px solid var(--turq);display:flex;flex-direction:column;gap:2px}
.tbox.main{border-bottom-color:var(--gold)} .tbox.hot{border-bottom-color:var(--coral)}
.tbox small{color:var(--muted);font-size:12.5px}
.tbox b{font-family:var(--display);font-size:20px}
.tbox em{font-style:normal;font-size:12.5px;color:var(--muted)}

/* report */
.sheet.wide{width:min(860px,100%)}
.rtools{display:flex;gap:8px;flex-wrap:wrap;padding:14px 18px 0}
.rtools .sel{width:auto;flex:1;min-width:200px}
#rwrap{padding:14px 18px}
.report{background:#F6F0E6;color:#0B3F3B;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:12px;font-family:"Tajawal","Cairo",sans-serif}
.rhead{background:#0B3F3B;color:#F6F0E6;border-radius:14px;padding:14px 16px;display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.rhead h3{font-family:"Cairo",sans-serif;font-size:24px;margin:2px 0}
.rslogan{color:#E8B04B;font-weight:700;font-size:13px;direction:ltr;text-align:right}
.rsub{font-size:13px;opacity:.85}
.rbrand{text-align:left;font-weight:700;font-size:14px}
.rbrand small{font-weight:400;opacity:.85}
.rkpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
@media (max-width:620px){.rkpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rkpis>div{background:#fff;border-radius:12px;padding:8px 10px;border-bottom:4px solid #14A396;display:flex;flex-direction:column}
.rkpis small{color:#5D716E;font-size:12px}
.rkpis b{font-family:"Cairo",sans-serif;font-size:17px}
.rkpis em{font-style:normal;font-size:12px;color:#5D716E}
.report .down{color:#16805A}.report .up{color:#C8402E}
.rtable{width:100%;min-width:0;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;font-size:13.5px}
.rtable th{background:#0E6E67;color:#fff;padding:6px 8px;text-align:right;position:static}
.rtable td{padding:5px 8px;border-top:1px solid #E9DFCF;white-space:normal}
.rgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media (max-width:620px){.rgrid{grid-template-columns:minmax(0,1fr)}}
.rbox{background:#fff;border-radius:12px;padding:8px 10px;font-size:13.5px;line-height:1.6}
.rbox b{display:block;color:#0E6E67;font-family:"Cairo",sans-serif}
.rbox.wide{grid-column:1/-1}
.rnote{background:#DCEFEA;border-radius:12px;padding:10px 12px;min-height:46px;font-size:14px;outline:none}
.rnote:focus{box-shadow:0 0 0 2px #14A396}
.rfoot{text-align:center;font-size:12px;color:#5D716E}

/* v4: English / LTR + edit button + habits in summary */
.rslogan{text-align:left}
.report[dir="rtl"] .rslogan{text-align:right}
.rbrand{text-align:right}
.report[dir="rtl"] .rbrand{text-align:left}
.rtable th{text-align:start}
.report{font-family:"Cairo","Tajawal",sans-serif}
.vtable td.first,.vtable th.first{position:sticky;left:0;z-index:1}
.vtable th.first{z-index:2}
.vtable td.first{background:var(--surface)}
.vtable tbody tr:nth-child(even) td.first{background:var(--surface2)}
.fc{display:flex;gap:8px;align-items:flex-start}
.fc .vno{display:block;width:max-content}
.editbtn{flex:none;width:34px;height:34px;border-radius:10px;border:1.5px solid var(--turq);background:var(--mint);color:var(--deep);font-size:16px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.editbtn:hover{background:var(--turq);color:#fff}
.rtools{align-items:center}
.rhab{background:#fff;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.rhab>b{color:#0E6E67;font-family:"Cairo",sans-serif}
.hgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px}
@media (max-width:620px){.hgrid{grid-template-columns:minmax(0,1fr)}}
.hrow{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:13px}
.hbar{height:9px;background:#E9DFCF;border-radius:999px;overflow:hidden}
.hbar i{display:block;height:100%;background:#14A396;border-radius:999px}
.report[dir="rtl"] .hbar{transform:scaleX(-1)}
.hchips{display:flex;flex-wrap:wrap;gap:6px}
.hchips span{background:#DCEFEA;border-radius:999px;padding:2px 10px;font-size:12.5px}
table.small.labt{min-width:0}
.chead h2,.citem b,.ap b{text-align:left}

/* v5: status colours (green normal · red high · yellow low), InBody table, growth */
.st{display:inline-block;border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700;white-space:nowrap;margin:1px 2px 1px 0}
.st-ok{background:#D6F0E2;color:#11663F}
.st-hi{background:#F9D5CE;color:#A8311F}
.st-lo{background:#FBEBC2;color:#7A5600}
.st-info{background:#E3ECF7;color:#2C5B93}
:root[data-theme="dark"] .st-ok{background:#1E4B36;color:#9EE6BF} :root[data-theme="dark"] .st-hi{background:#5A2A22;color:#FFB4A6} :root[data-theme="dark"] .st-lo{background:#574416;color:#F6D581} :root[data-theme="dark"] .st-info{background:#22364F;color:#A9C8F0}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .st-ok{background:#1E4B36;color:#9EE6BF}:root:not([data-theme="light"]) .st-hi{background:#5A2A22;color:#FFB4A6}:root:not([data-theme="light"]) .st-lo{background:#574416;color:#F6D581}:root:not([data-theme="light"]) .st-info{background:#22364F;color:#A9C8F0}}
.report .st-ok{background:#D6F0E2;color:#11663F}.report .st-hi{background:#F9D5CE;color:#A8311F}.report .st-lo{background:#FBEBC2;color:#7A5600}.report .st-info{background:#E3ECF7;color:#2C5B93}
table.inbt{min-width:620px}
table.inbt tr td:first-child{border-left:4px solid transparent}
table.inbt tr.row-ok td:first-child{border-left-color:#16805A}
table.inbt tr.row-hi td:first-child{border-left-color:#C8402E}
table.inbt tr.row-lo td:first-child{border-left-color:#E8B04B}
.legend{display:flex;gap:6px;margin-top:8px}
.rline{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:3px 0;border-top:1px dashed #E9DFCF}
.rline:first-of-type{border-top:0}
.rline>span:first-child{min-width:130px}
.rline small{color:#5D716E;font-size:12px}
.gtabs span{flex-direction:row}
.sharebox input{width:100%;border:1.5px solid var(--line);background:var(--surface2);border-radius:10px;padding:9px 10px;font-size:15px;color:var(--fg);direction:ltr}

/* instruction sheets */
.guide .gsec{background:#fff;border-radius:12px;padding:10px 14px}
.guide .gsec h4{margin:0 0 6px;color:#0E6E67;font-family:"Cairo",sans-serif;font-size:16px}
.guide .gsec ul{margin:0;padding-inline-start:18px;display:flex;flex-direction:column;gap:5px}
.guide .gsec li{font-size:14px;line-height:1.7}
.guide .gsec li.warn{list-style:none;margin-inline-start:-18px;background:#F9D5CE;color:#7E2416;border-radius:10px;padding:5px 10px;font-weight:700}
.guide .gsec p{margin:0;font-size:12.5px;color:#5D716E}
.glist{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1.5px solid var(--line);background:var(--surface2);border-radius:14px;padding:10px 14px;cursor:pointer;text-align:left;color:var(--fg)}
.glist:hover{border-color:var(--turq)}
.glist small{color:var(--muted)}
.gedit{width:100%;min-height:55vh;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--surface2);color:var(--fg);font:15px/1.7 "Cairo","Tajawal",sans-serif;resize:vertical}
/* edit mode on a finished sheet */
.report.editing{outline:2px dashed #14A396;outline-offset:4px}
.report.editing .rkpis>div,.report.editing .rtable,.report.editing .rhab,.report.editing .hrow,.report.editing .rbox,.report.editing .rline,.report.editing .rnote,.report.editing .gsec,.report.editing .gsec li,.report.editing .gsec p,.report.editing .hchips span{position:relative}
.rmx{position:absolute;top:-8px;inset-inline-end:-8px;width:24px;height:24px;border-radius:50%;border:0;background:#E0533F;color:#fff;font-weight:800;font-size:14px;line-height:1;cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.report.editing .rtable{overflow:visible}
.report.editing .rtable tr td:last-child .rmx{top:50%;transform:translateY(-50%);inset-inline-end:-6px;width:20px;height:20px;font-size:12px}
.report.editing .rtable tr td:last-child{padding-inline-end:20px}
/* print just the open sheet (PDF) */
@media print{
  body.print-one .band,body.print-one .wrap,body.print-one .sheet header,body.print-one .gtools,body.print-one .sheet>.note,body.print-one .sheet>p{display:none!important}
  body.print-one .ov{position:static;background:none;padding:0;overflow:visible}
  body.print-one .sheet{box-shadow:none;width:100%;border-radius:0}
  body.print-one #rwrap{padding:0}
  body.print-one .report{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body.print-one .gsec{break-inside:avoid}
}
