/* Owner Command Center — index-light.html فقط */
body.owner-command-center #kh-feed{margin:0 0 14px!important}
body.owner-command-center #kh-feed .kh-feed{
  border-radius:18px;padding:7px 9px 9px;box-shadow:0 8px 28px rgba(38,34,30,.08)
}
body.owner-command-center #kh-feed .kh-head{padding:13px 12px 11px;gap:12px}
body.owner-command-center #kh-feed .kh-head-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
body.owner-command-center #kh-feed .kh-eyebrow{
  color:var(--hf-ink);font-size:18px;letter-spacing:-.02em;line-height:1.25
}
body.owner-command-center #kh-feed .kh-owner-sub{
  font-size:11.5px;font-weight:600;color:var(--hf-ink-2);letter-spacing:0
}
body.owner-command-center #kh-feed .kh-count{font-size:13px;padding:3px 12px}
body.owner-command-center #kh-feed .kh-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.owner-command-center #kh-feed .kh-act{
  min-height:88px;border:1px solid var(--hf-line-soft);border-radius:14px;padding:12px 11px;gap:10px;background:var(--hf-surface)
}
body.owner-command-center #kh-feed .kh-act+.kh-act{border-top:1px solid var(--hf-line-soft)}
body.owner-command-center #kh-feed .kh-act:hover{background:var(--hf-surface-2);box-shadow:0 5px 16px rgba(38,34,30,.06)}
body.owner-command-center #kh-feed .kh-act::before{inset-block:10px;width:3px}
body.owner-command-center #kh-feed .kh-ico{width:40px;height:40px;font-size:18px;border-radius:12px}
body.owner-command-center #kh-feed .kh-title{font-size:13.5px;line-height:1.45}
body.owner-command-center #kh-feed .kh-sub{font-size:11px;line-height:1.45}
body.owner-command-center #kh-feed .kh-cta{padding:7px 12px;font-size:11.5px;border-radius:9px}
body.owner-command-center #kh-feed .kh-warn .kh-cta{background:var(--hf-amber);box-shadow:0 2px 7px rgba(194,136,58,.28)}
body.owner-command-center #kh-feed .kh-info .kh-cta{background:var(--hf-blue);box-shadow:0 2px 7px rgba(74,111,165,.25)}
body.owner-command-center #kh-feed .kh-empty{grid-column:1/-1}
body.owner-command-center #kh-feed .kh-skel{margin:3px;height:74px}

.ocr-shell{
  --ocr-red:#C7564B;--ocr-red-bg:#FBE7E4;--ocr-green:#2F8C68;--ocr-green-bg:#E4F1EA;
  --ocr-gold:#9A7A52;--ocr-gold-bg:#F3EADD;--ocr-purple:#7A5BA8;--ocr-purple-bg:#EFE9F5;
  background:var(--surface,#fff);border:1px solid var(--line,#EAE6DE);border-radius:18px;
  padding:16px;margin:0 0 16px;box-shadow:0 8px 28px rgba(38,34,30,.07)
}
.ocr-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}
.ocr-head>span{display:flex;flex-direction:column;gap:2px}
.ocr-eyebrow{font-size:18px;font-weight:900;letter-spacing:-.025em;color:var(--ink,#262220);line-height:1.25}
.ocr-sub{font-size:11.5px;font-weight:600;color:var(--ink-3,#A39D95)}
.ocr-head>a{font-size:11.5px;font-weight:800;color:var(--gold-deep,#9A7A52);text-decoration:none;white-space:nowrap;padding-top:3px}
.ocr-summary{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.ocr-chip{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 9px;font-size:10.5px;font-weight:700;background:var(--surface-2,#FBFAF7);color:var(--ink-2,#6E6862);border:1px solid var(--line-soft,#F1EEE8)}
.ocr-chip b{font-size:12px;font-variant-numeric:tabular-nums}
.ocr-chip.danger{color:var(--ocr-red);background:var(--ocr-red-bg);border-color:transparent}
.ocr-chip.pause{color:var(--ocr-purple);background:var(--ocr-purple-bg);border-color:transparent}
.ocr-chip.gold{color:var(--ocr-gold);background:var(--ocr-gold-bg);border-color:transparent}
.ocr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ocr-card{
  display:flex;flex-direction:column;gap:8px;min-width:0;padding:13px;border-radius:14px;
  background:var(--surface,#fff);border:1px solid var(--line,#EAE6DE);text-decoration:none;color:inherit;
  position:relative;overflow:hidden;transition:transform .12s,box-shadow .12s
}
.ocr-card::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:var(--ocr-green)}
.ocr-card.ocr-critical::before{background:var(--ocr-red)}
.ocr-card.ocr-watch::before{background:var(--ocr-gold)}
.ocr-card:hover{transform:translateY(-1px);box-shadow:0 7px 20px rgba(38,34,30,.08)}
.ocr-card:active{transform:scale(.99)}
.ocr-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ocr-name{flex:1;min-width:0;font-size:13.5px;font-weight:900;color:var(--ink,#262220);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ocr-risk{font-size:10px;font-weight:800;border-radius:999px;padding:3px 8px;background:var(--ocr-green-bg);color:var(--ocr-green);flex:none;white-space:nowrap}
.ocr-critical .ocr-risk{background:var(--ocr-red-bg);color:var(--ocr-red)}
.ocr-watch .ocr-risk{background:var(--ocr-gold-bg);color:var(--ocr-gold)}
.ocr-issue{font-size:10.8px;font-weight:600;color:var(--ink-2,#6E6862);line-height:1.5;min-height:32px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ocr-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.ocr-metric{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 2px;border-radius:9px;background:var(--surface-2,#FBFAF7)}
.ocr-metric b{font-size:15px;line-height:1.1;font-variant-numeric:tabular-nums}
.ocr-metric small{font-size:8.5px;font-weight:700;color:var(--ink-3,#A39D95)}
.ocr-metric.late b{color:var(--ocr-red)} .ocr-metric.pause b{color:var(--ocr-purple)}
.ocr-metric.qc b{color:var(--ocr-gold)} .ocr-metric.work b{color:var(--ocr-green)}
.ocr-progress{height:5px;border-radius:999px;background:var(--line,#EAE6DE);overflow:hidden}
.ocr-progress i{display:block;height:100%;border-radius:999px;background:var(--ocr-green)}
.ocr-foot{display:flex;align-items:center;justify-content:space-between;font-size:9.5px;color:var(--ink-3,#A39D95);font-weight:700}
.ocr-loading{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ocr-loading span{height:142px;border-radius:14px;background:linear-gradient(90deg,var(--line-soft,#F1EEE8) 25%,#fff 50%,var(--line-soft,#F1EEE8) 75%);background-size:200% 100%;animation:ocr-sh 1.2s ease-in-out infinite}
.ocr-empty,.ocr-error{padding:22px;text-align:center;border-radius:13px;background:var(--surface-2,#FBFAF7);font-size:12.5px;font-weight:700;color:var(--ink-2,#6E6862)}
.ocr-error{color:var(--ocr-red)} .ocr-error a{color:var(--ocr-gold);margin-inline:4px}.ocr-error small{display:block;margin-top:4px;color:var(--ink-3,#A39D95)}
@keyframes ocr-sh{0%{background-position:200% 0}100%{background-position:-200% 0}}

@media(max-width:980px){.ocr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
  body.owner-command-center .topbar{padding:14px 12px;gap:9px}
  body.owner-command-center .topbar .tb-right{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px}
  body.owner-command-center .topbar .chip{grid-column:1/-1;justify-content:center;min-height:36px}
  body.owner-command-center .topbar .btn{justify-content:center;min-height:38px}
  body.owner-command-center #kh-feed .kh-list{grid-template-columns:1fr}
  body.owner-command-center #kh-feed .kh-act{min-height:76px}
  body.owner-command-center #kh-feed .kh-eyebrow,.ocr-eyebrow{font-size:17px}
  .ocr-shell{padding:14px 11px;border-radius:17px}
  .ocr-head{align-items:flex-end;gap:8px}
  .ocr-head>a{font-size:10.5px}
  .ocr-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:9px;padding-bottom:4px;margin-inline:-2px;scrollbar-width:none}
  .ocr-grid::-webkit-scrollbar{display:none}
  .ocr-card{flex:0 0 84%;scroll-snap-align:start;padding:13px}
  .ocr-summary{gap:5px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .ocr-summary::-webkit-scrollbar{display:none}
  .ocr-chip{white-space:nowrap}
  .ocr-loading{display:flex;overflow:hidden}.ocr-loading span{min-width:84%}
}
@media(max-width:390px){
  body.owner-command-center #kh-feed .kh-cta{padding:7px 10px}
  body.owner-command-center #kh-feed .kh-title{font-size:13px}
  .ocr-card{flex-basis:88%}
}
@media(prefers-reduced-motion:reduce){.ocr-loading span{animation:none}.ocr-card{transition:none}}