/* Light-only style for Strategic Survey v1.3.1 */
:root{
  --bg:#f7f8fb; --panel:#ffffff; --muted:#5f6677; --text:#0e1116;
  --brand:#1769ff; --accent:#0aa06e; --warn:#c97a00; --danger:#d72651; --border:#e8ebf2;
  --soft: rgba(0,0,0,.04); --hover: rgba(0,0,0,.07);
  --blue1:#173b77; --blue2:#0f2a49;
  --row1:#f5f8ff; --row2:#eaf1ff;
}
*{box-sizing:border-box}
body{margin:0;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,"Noto Naskh Arabic",Tahoma,Arial}
#ssurvey-root .shell{display:grid;grid-template-rows:auto 1fr;min-height:80vh;background:var(--bg)}
#ssurvey-root header{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 16px;background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:32px;z-index:50}
#ssurvey-root .brand{display:flex;align-items:center;gap:10px}
#ssurvey-root .brand-badge{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--accent));box-shadow:0 6px 20px rgba(0,0,0,.12)}
#ssurvey-root h1{font-size:18px;margin:0}
#ssurvey-root .actions{display:flex;flex-wrap:wrap;gap:8px}
#ssurvey-root button,.btn{border:1px solid var(--border);background:var(--soft);color:var(--text);padding:8px 12px;border-radius:10px;cursor:pointer}
#ssurvey-root button:hover,.btn:hover{background:var(--hover)}
#ssurvey-root .danger{border-color:transparent;background:var(--danger);color:#fff}
#ssurvey-root .accent{border-color:transparent;background:var(--accent);color:#fff}
#ssurvey-root main{display:grid;grid-template-columns:280px 1fr;min-height:0}
#ssurvey-root nav{background:var(--panel);border-left:1px solid var(--border);padding:12px;overflow:auto}
#ssurvey-root .navgroup{margin:10px 0}
#ssurvey-root .navgroup h3{font-size:12px;color:var(--muted);margin:8px 0}
#ssurvey-root .navlink{display:block;padding:10px;border-radius:10px;color:inherit;text-decoration:none;border:1px solid transparent}
#ssurvey-root .navlink.active,.navlink:hover{background:var(--soft);border-color:var(--border)}
#ssurvey-root section.page{padding:18px;overflow:auto}
#ssurvey-root .card{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 0 10px rgba(0,0,0,.05);padding:16px;margin-bottom:16px}
#ssurvey-root .grid{display:grid;gap:12px}
#ssurvey-root .grid.cols-3{grid-template-columns:repeat(3,1fr)}
#ssurvey-root label.title{font-weight:600;margin-bottom:8px;display:block}
#ssurvey-root .field{display:flex;flex-direction:column;gap:6px}
#ssurvey-root input[type="text"],#ssurvey-root input[type="date"],#ssurvey-root input[type="number"],#ssurvey-root textarea,#ssurvey-root select{
  background:#fff;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px;outline:none
}
#ssurvey-root textarea{min-height:90px;resize:vertical}
#ssurvey-root .table-wrap{overflow-x:auto}
#ssurvey-root table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}
#ssurvey-root thead th{
  font-size:12px;color:#fff;text-align:right;
  padding:12px;border:1px solid var(--blue2);background:linear-gradient(180deg,var(--blue1),var(--blue2));
}
#ssurvey-root tbody td{
  padding:10px 12px;background:#fff;border:1px solid var(--border);vertical-align:top;
}
#ssurvey-root tbody tr:nth-child(even) td{background:var(--row1)}
#ssurvey-root tbody tr:nth-child(odd) td{background:var(--row2)}
#ssurvey-root td.note-cell textarea{
  width:100%; min-height:110px; resize:vertical; display:block;
  background:inherit; color:inherit; border:1px dashed var(--border); border-radius:8px; padding:10px;
}
#ssurvey-root td.note-cell{width:42%}
#ssurvey-root .status{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
#ssurvey-root .status input{transform:scale(1.1)}
#ssurvey-root .sticky-actions{position:sticky;bottom:0;display:flex;gap:8px;justify-content:flex-start;background:linear-gradient(180deg,transparent,rgba(0,0,0,.05));padding-top:12px;margin-top:8px}
#ssurvey-root .kpi{display:flex;gap:12px;flex-wrap:wrap}
#ssurvey-root .kpi .k{flex:1 1 160px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:12px}
#ssurvey-root .muted{color:var(--muted)}
#ssurvey-root .meta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}
#ssurvey-root .meta .pill{background:var(--soft);border:1px solid var(--border);border-radius:12px;padding:8px 10px}
#ssurvey-root .hidden{display:none !important}
@media (max-width: 1024px){
  #ssurvey-root main{grid-template-columns:1fr}
  #ssurvey-root nav{order:-1;border-left:none;border-bottom:1px solid var(--border)}
  #ssurvey-root td.note-cell{width:auto}
}
@media print{
  #ssurvey-root header, #ssurvey-root nav, #ssurvey-root .sticky-actions, .no-print{display:none !important}
  body{background:white;color:black}
  #ssurvey-root .card{break-inside:avoid}
  #ssurvey-root section.page{padding:0}
  #ssurvey-root thead th, #ssurvey-root tbody td{background:white !important;border:1px solid #ddd}
}