:root {
  --ink: #0f1115;
  --ink-2: #171a20;
  --ink-3: #22262e;
  --yellow: #f4c400;
  --yellow-2: #ffd83d;
  --paper: #f3f4f6;
  --white: #fff;
  --text: #17191f;
  --muted: #727783;
  --line: #e3e5e9;
  --danger: #b42318;
  --danger-bg: #fff1f0;
  --success: #147a43;
  --success-bg: #ecfdf3;
  --blue: #335dff;
  --shadow: 0 12px 34px rgba(18, 22, 33, .07);
  --radius: 18px;
}
* { box-sizing: border-box; }
html { min-height: 100%; }
body { margin:0; min-height:100vh; background:var(--paper); color:var(--text); font-family: Tahoma, Arial, "Segoe UI", sans-serif; line-height:1.7; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
.app-shell { min-height:100vh; display:flex; }
.sidebar { position:fixed; inset:0 0 0 auto; width:272px; background:linear-gradient(180deg,#101216,#171a20); color:#fff; padding:22px 16px 18px; display:flex; flex-direction:column; z-index:40; box-shadow:-14px 0 35px rgba(0,0,0,.06); }
.brand-block { display:flex; gap:12px; align-items:center; padding:4px 7px 20px; border-bottom:1px solid rgba(255,255,255,.08); }
.brand-block strong { display:block; font-size:17px; letter-spacing:.2px; }
.brand-block span { display:block; color:#9da3ae; font-size:11px; margin-top:2px; }
.brand-mark { width:44px; height:44px; border-radius:12px; background:var(--yellow); color:#111; display:grid; place-items:center; font-weight:900; letter-spacing:-1px; box-shadow:0 8px 18px rgba(244,196,0,.18); }
.brand-mark.big { width:58px; height:58px; font-size:22px; border-radius:16px; }
.nav-menu { padding:16px 0; overflow-y:auto; flex:1; scrollbar-width:thin; }
.nav-title { color:#6f7580; font-size:10px; letter-spacing:.8px; font-weight:700; padding:18px 12px 7px; }
.nav-item { display:flex; align-items:center; gap:11px; min-height:44px; padding:9px 11px; margin:3px 0; color:#d7dae0; border-radius:11px; font-size:13px; transition:.18s ease; }
.nav-item b { width:22px; text-align:center; color:#818894; font-size:17px; }
.nav-item:hover { background:rgba(255,255,255,.06); color:#fff; transform:translateX(-2px); }
.nav-item:hover b { color:var(--yellow); }
.nav-accent { background:rgba(244,196,0,.09); color:var(--yellow-2); border:1px solid rgba(244,196,0,.10); }
.nav-accent b { color:var(--yellow); }
.sidebar-foot { border-top:1px solid rgba(255,255,255,.08); padding:16px 9px 3px; color:#b8bdc6; font-size:11px; }
.sidebar-foot small { display:block; color:#636a75; margin:4px 17px 0 0; }
.online-dot { width:8px; height:8px; display:inline-block; border-radius:50%; background:#3fd17c; box-shadow:0 0 0 4px rgba(63,209,124,.1); margin-left:7px; }
.main-area { flex:1; margin-right:272px; min-width:0; }
.topbar { height:76px; background:rgba(255,255,255,.96); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; padding:0 32px; position:sticky; top:0; z-index:30; }
.topbar-title { font-size:13px; color:var(--muted); font-weight:700; }
.user-box { display:flex; align-items:center; gap:10px; }
.user-avatar { width:38px; height:38px; border-radius:11px; display:grid; place-items:center; background:#17191f; color:var(--yellow); font-weight:900; }
.user-meta strong,.user-meta span { display:block; }
.user-meta strong { font-size:12px; }
.user-meta span { font-size:10px; color:var(--muted); }
.logout-btn { border:0; background:#f1f2f4; color:#555b65; border-radius:9px; padding:7px 10px; cursor:pointer; font-size:11px; margin-right:5px; }
.logout-btn:hover { background:#e8e9ec; color:#111; }
.menu-toggle { display:none; border:0; background:#eee; border-radius:9px; padding:7px 10px; cursor:pointer; }
.page-wrap { max-width:1480px; margin:0 auto; padding:30px 32px 50px; }
.page-head { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:22px; }
.page-head h1 { margin:4px 0 4px; font-size:30px; letter-spacing:-.7px; }
.page-head p { margin:0; color:var(--muted); font-size:13px; }
.eyebrow { color:#927600; font-size:11px; font-weight:800; letter-spacing:.2px; }
.date-chip { background:#17191f; color:#fff; padding:10px 14px; border-radius:12px; font-weight:700; font-size:12px; border-right:4px solid var(--yellow); }
.head-actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.messages { margin-bottom:16px; }
.message { padding:12px 15px; background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow); font-size:12px; }
.message.success { background:var(--success-bg); color:var(--success); border-color:#b7efd0; }
.message.error { background:var(--danger-bg); color:var(--danger); border-color:#ffd1cc; }
.kpi-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:16px; }
.kpi-card { background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:18px 20px; box-shadow:var(--shadow); position:relative; overflow:hidden; }
.kpi-card::before { content:""; position:absolute; right:0; top:0; bottom:0; width:4px; background:var(--yellow); }
.kpi-card span { display:block; color:var(--muted); font-size:11px; }
.kpi-card strong { display:block; font-size:28px; margin:4px 0 0; line-height:1.3; }
.kpi-card small { color:#9a9da4; font-size:10px; }
.kpi-alert::before { background:#df3b31; }
.kpi-alert strong { color:var(--danger); }
.dashboard-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.span-2 { grid-column:span 2; }
.panel,.form-card { background:#fff; border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden; }
.panel { padding:18px; }
.table-panel { padding:0; }
.panel-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px; }
.panel-head.padded { padding:18px 18px 0; }
.panel-head h2 { margin:0; font-size:16px; }
.panel-head p { margin:2px 0 0; color:var(--muted); font-size:10px; }
.panel-head a { color:#856b00; font-size:11px; font-weight:700; }
.quick-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.quick-action { border:1px solid #ececee; background:#fafafa; min-height:84px; border-radius:14px; padding:13px; display:flex; align-items:center; gap:12px; transition:.18s; }
.quick-action:hover { background:#fff9dc; border-color:#ead66e; transform:translateY(-1px); }
.quick-action > b { width:38px; height:38px; border-radius:10px; background:#17191f; color:var(--yellow); display:grid; place-items:center; font-size:20px; }
.quick-action strong,.quick-action small { display:block; }
.quick-action strong { font-size:12px; }
.quick-action small { color:var(--muted); font-size:9px; margin-top:3px; }
.mini-list { display:flex; flex-direction:column; }
.mini-list > div,.mini-list > a { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:10px 2px; border-bottom:1px solid #f0f1f2; }
.mini-list > :last-child { border-bottom:0; }
.mini-list strong,.mini-list small { display:block; }
.mini-list strong { font-size:11px; }
.mini-list small { color:var(--muted); font-size:9px; margin-top:2px; }
.mini-list b { font-size:11px; white-space:nowrap; }
.activity-list > div { display:flex; align-items:flex-start; gap:10px; padding:9px 0; border-bottom:1px solid #f0f1f2; }
.activity-list > div:last-child { border:0; }
.activity-list strong,.activity-list small { display:block; }
.activity-list strong { font-size:11px; }
.activity-list small { color:var(--muted); font-size:9px; }
.activity-dot { width:8px; height:8px; border-radius:50%; background:var(--yellow); margin-top:7px; flex:0 0 auto; }
.top-gap { margin-top:16px; }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:39px; border-radius:10px; padding:8px 14px; border:1px solid transparent; cursor:pointer; font-weight:800; font-size:11px; transition:.15s; }
.btn-primary { background:var(--yellow); color:#121212; border-color:#dfb600; }
.btn-primary:hover { background:var(--yellow-2); }
.btn-secondary { background:#fff; color:#202229; border-color:#dadde2; }
.btn-secondary:hover { background:#f5f6f7; }
.btn-ghost { background:transparent; color:#656a74; border-color:transparent; }
.btn-danger { background:var(--danger); color:#fff; }
.btn-danger-outline { color:var(--danger); background:#fff; border-color:#f0b7b2; }
.btn-wide { width:100%; margin-top:8px; }
.form-card { padding:24px; }
.form-card.narrow { max-width:720px; }
.form-note { background:#fff9d8; border:1px solid #f0dd84; color:#564800; padding:12px 14px; border-radius:12px; font-size:11px; margin-bottom:18px; }
.app-form { display:flex; flex-direction:column; gap:16px; }
.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.field { min-width:0; }
.field-full { grid-column:1/-1; }
.field label { display:block; font-size:11px; font-weight:800; color:#353942; margin-bottom:6px; }
.field small { display:block; color:var(--muted); font-size:9px; margin-top:4px; }
.form-control,.field input,.field select,.field textarea { width:100%; min-height:42px; background:#fbfbfc; color:#202228; border:1px solid #dfe1e5; border-radius:10px; padding:9px 11px; outline:none; transition:.15s; }
.field textarea,.form-control[type="textarea"] { min-height:86px; resize:vertical; }
.form-control:focus,.field input:focus,.field select:focus,.field textarea:focus { border-color:#c4a100; box-shadow:0 0 0 3px rgba(244,196,0,.12); background:#fff; }
.field input[type="checkbox"] { width:auto; min-height:auto; margin-left:6px; accent-color:var(--yellow); }
.field-error,.errorlist { color:var(--danger); font-size:10px; margin:5px 0 0; list-style:none; padding:0; }
.form-errors { padding:11px 13px; border-radius:10px; background:var(--danger-bg); color:var(--danger); font-size:11px; }
.form-actions { display:flex; gap:8px; align-items:center; padding-top:4px; }
.filter-bar { display:flex; gap:8px; margin-bottom:14px; max-width:650px; }
.filter-bar .form-control { background:#fff; }
.table-wrap { width:100%; overflow:auto; }
table { width:100%; border-collapse:collapse; min-width:780px; }
th { background:#f8f8f9; color:#6d727c; font-size:10px; text-align:right; padding:12px 14px; border-bottom:1px solid var(--line); white-space:nowrap; }
td { padding:12px 14px; border-bottom:1px solid #efeff1; font-size:11px; vertical-align:middle; }
tbody tr:last-child td { border-bottom:0; }
tbody tr:hover { background:#fffdf3; }
.row-alert { background:#fff7f6 !important; }
.cell-sub { display:block; color:var(--muted); font-size:9px; margin-top:2px; }
.table-link { color:#7b6500; font-weight:900; }
.empty-cell { text-align:center; color:var(--muted); padding:34px; }
.badge { display:inline-flex; align-items:center; border-radius:999px; padding:4px 8px; background:#f0f1f3; color:#5f6470; font-size:9px; font-weight:800; white-space:nowrap; }
.badge.large { font-size:11px; padding:7px 11px; }
.status-active,.status-posted,.status-shipped { background:var(--success-bg); color:var(--success); }
.status-voided,.status-cancelled { background:var(--danger-bg); color:var(--danger); }
.status-partial,.status-ready,.status-planned { background:#fff8d6; color:#7b6500; }
.status-new { background:#eef3ff; color:#3156c8; }
.danger-text { color:var(--danger) !important; }
.success-text { color:var(--success) !important; }
.highlight-number { color:#8a7000; background:#fff6c5; padding:5px 8px; border-radius:8px; }
.detail-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.detail-card { background:#fff; border:1px solid var(--line); border-radius:16px; padding:17px; box-shadow:var(--shadow); }
.detail-card span,.detail-card small { display:block; color:var(--muted); font-size:10px; }
.detail-card strong { display:block; font-size:23px; margin:5px 0 2px; }
.detail-card .small-number { font-size:17px; }
.danger-box { background:var(--danger-bg); color:#742019; border:1px solid #fac9c4; border-radius:13px; padding:13px 15px; font-size:11px; }
.danger-box p { margin:5px 0 0; }
.empty-state { color:var(--muted); padding:28px; text-align:center; background:#fafafa; border:1px dashed #dddfe3; border-radius:13px; }
.empty-state.compact { padding:16px; font-size:10px; }
.product-stock-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.stock-card { background:#fff; border:1px solid var(--line); border-radius:18px; padding:18px; box-shadow:var(--shadow); }
.stock-card h3 { margin:8px 0 15px; font-size:14px; }
.code-pill { background:#17191f; color:var(--yellow); padding:4px 8px; border-radius:7px; font-size:10px; font-weight:900; }
.stock-split { display:grid; grid-template-columns:1fr 1fr; border:1px solid #ececef; border-radius:13px; overflow:hidden; }
.stock-split > div { padding:12px; }
.stock-split > div:first-child { border-left:1px solid #ececef; }
.stock-split span,.stock-split small { display:block; color:var(--muted); font-size:9px; }
.stock-split strong { display:inline-block; font-size:22px; margin:3px 0; }
.stock-foot { margin-top:12px; padding-top:10px; border-top:1px solid #f0f0f2; color:var(--muted); font-size:9px; }
.login-body { min-height:100vh; display:grid; place-items:center; background:radial-gradient(circle at 15% 10%,#2c3038 0,#15181d 38%,#0d0f12 100%); padding:20px; }
.login-card { width:min(430px,94vw); background:#fff; border-radius:22px; padding:30px; box-shadow:0 25px 80px rgba(0,0,0,.35); }
.login-logo { display:flex; align-items:center; gap:14px; }
.login-logo h1 { margin:0; font-size:21px; }
.login-logo p { margin:3px 0 0; color:var(--muted); font-size:10px; }
.login-divider { height:4px; width:54px; background:var(--yellow); border-radius:999px; margin:22px 0; }
.login-card h2 { margin:0; font-size:18px; }
.login-card .muted { color:var(--muted); font-size:10px; margin:3px 0 18px; }
.stack-form { display:flex; flex-direction:column; gap:8px; }
.stack-form label { font-size:10px; font-weight:800; }
.login-foot { border-top:1px solid #eee; margin-top:20px; padding-top:15px; color:var(--muted); font-size:9px; text-align:center; }
@media (max-width:1100px){ .kpi-grid{grid-template-columns:repeat(2,1fr)} .quick-grid{grid-template-columns:repeat(2,1fr)} .product-stock-grid{grid-template-columns:repeat(2,1fr)} .detail-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:820px){
  .sidebar { transform:translateX(105%); transition:.22s; width:272px; }
  body.menu-open .sidebar { transform:translateX(0); }
  .main-area { margin-right:0; }
  .menu-toggle { display:block; }
  .topbar { padding:0 15px; height:66px; }
  .topbar-title,.user-meta { display:none; }
  .page-wrap { padding:20px 14px 36px; }
  .page-head { flex-direction:column; align-items:stretch; }
  .page-head h1 { font-size:25px; }
  .dashboard-grid { grid-template-columns:1fr; }
  .span-2 { grid-column:auto; }
  .form-grid { grid-template-columns:1fr; }
  .field-full { grid-column:auto; }
  .product-stock-grid { grid-template-columns:1fr; }
}
@media (max-width:520px){ .kpi-grid{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr 1fr}.form-card{padding:17px}.user-avatar{width:34px;height:34px}.logout-btn{padding:6px 8px} }

/* --- YRS visual polish v2 --- */
.brand-block { min-height:78px; padding:2px 4px 16px; gap:10px; }
.brand-logo-wrap { width:92px; height:58px; flex:0 0 92px; display:flex; align-items:center; justify-content:center; overflow:hidden; background:#fff; border:1px solid rgba(255,209,0,.55); border-radius:12px; padding:5px 7px; box-shadow:0 6px 18px rgba(0,0,0,.18); }
.brand-logo-wrap img { width:100%; height:100%; object-fit:contain; filter:none; }
.brand-copy { min-width:0; }
.brand-copy strong { font-size:15px; }
.brand-copy span { line-height:1.45; font-size:9px; }
.topbar-title { display:flex; flex-direction:column; line-height:1.45; }
.topbar-title strong { color:#252830; font-size:12px; }
.topbar-title span { color:#969ba4; font-size:9px; font-weight:500; }
.date-chip { min-width:126px; text-align:center; display:flex; flex-direction:column; gap:1px; }
.date-chip span { color:#9da3ad; font-size:8px; font-weight:500; }
.date-chip strong { font-size:13px; letter-spacing:.5px; }
.kpi-grid-six { grid-template-columns:repeat(6,minmax(0,1fr)); }
.kpi-safe::before { background:#24a661; }
.kpi-safe strong { color:var(--success); }
.dashboard-grid-rich { align-items:stretch; }
.panel-chip { background:#fff6c7; color:#725d00; border:1px solid #efdd82; border-radius:999px; padding:5px 9px; font-size:9px; font-weight:800; }
.success-empty { color:var(--success); background:var(--success-bg); border-color:#bce7ce; }
.factory-status { background:linear-gradient(145deg,#15181d,#20242b); color:#fff; border-color:#252a32; }
.factory-status .panel-head h2 { color:#fff; }
.factory-status .panel-head p { color:#8f97a3; }
.status-lines { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.status-lines > div { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.06); border-radius:11px; padding:11px 12px; }
.status-lines span,.status-lines b { display:block; }
.status-lines span { color:#aeb4bd; font-size:9px; }
.status-lines b { color:var(--yellow-2); font-size:16px; margin-top:2px; }
.jalali-date { text-align:left; direction:ltr; letter-spacing:.4px; font-variant-numeric:tabular-nums; }
.login-card-branded { width:min(460px,94vw); padding-top:24px; }
.login-brand-image { display:flex; justify-content:center; max-height:185px; overflow:hidden; }
.login-brand-image img { width:270px; max-width:90%; object-fit:contain; mix-blend-mode:multiply; }
.login-card-branded .login-divider { margin:16px auto 19px; }
.login-card-branded h2,.login-card-branded .muted { text-align:center; }
.nav-title { text-transform:none; letter-spacing:0; }
.sidebar { width:286px; }
.main-area { margin-right:286px; }
.kpi-card { min-height:116px; display:flex; flex-direction:column; justify-content:center; }
.quick-action { min-height:78px; }
.panel { min-height:100%; }

@media (max-width:1380px){
  .kpi-grid-six { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:1100px){
  .kpi-grid-six { grid-template-columns:repeat(2,1fr); }
  .sidebar { width:272px; }
  .main-area { margin-right:272px; }
}
@media (max-width:820px){
  .sidebar { width:272px; }
  .main-area { margin-right:0; }
}
@media (max-width:520px){
  .kpi-grid-six { grid-template-columns:1fr 1fr; }
  .brand-logo-wrap { width:78px; }
}

/* --- YRS V3: Dispatch planning, AI assistant, integrations --- */
.integration-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.integration-card { display:grid; grid-template-columns:54px 1fr auto; gap:14px; align-items:center; }
.integration-card h2 { margin:0 0 5px; font-size:15px; }
.integration-card p { margin:0 0 7px; color:var(--muted); font-size:10px; line-height:1.8; }
.integration-card small { color:#8b9099; font-size:9px; }
.integration-icon { width:48px; height:48px; border-radius:14px; background:#17191f; color:var(--yellow); display:grid; place-items:center; font-size:23px; font-weight:900; }
.filter-tabs { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:16px; }
.filter-tabs a { padding:7px 11px; border-radius:999px; border:1px solid #e1e3e7; font-size:10px; color:#676c76; background:#fff; }
.filter-tabs a.active { background:#17191f; color:var(--yellow); border-color:#17191f; }
.ai-summary-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:16px; }
.ai-summary { background:linear-gradient(145deg,#17191f,#242933); color:#fff; padding:18px 20px; border-radius:18px; box-shadow:var(--shadow); }
.ai-summary span,.ai-summary small { display:block; color:#9ea5b0; font-size:9px; }
.ai-summary strong { display:block; color:var(--yellow-2); font-size:22px; margin:5px 0 3px; }
.insight-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.insight-card { border:1px solid #e8e9ec; border-radius:16px; padding:16px; background:#fff; position:relative; overflow:hidden; }
.insight-card::before { content:""; position:absolute; right:0; top:0; bottom:0; width:4px; background:#b6bac2; }
.insight-card.severity-high::before,.dashboard-insight.severity-high::before { background:#e64a3b; }
.insight-card.severity-medium::before,.dashboard-insight.severity-medium::before { background:#e4b100; }
.insight-card.severity-info::before,.dashboard-insight.severity-info::before { background:#4d7bd6; }
.insight-top { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.insight-top b { font-size:10px; color:#786300; }
.insight-card h3 { margin:12px 0 6px; font-size:14px; }
.insight-card p { color:#626873; font-size:10px; line-height:1.9; margin:0 0 10px; }
.insight-number { font-size:26px; font-weight:900; color:#17191f; margin:8px 0; }
.insight-number small { font-size:10px; color:var(--muted); }
.insight-window { color:#777d87; font-size:9px; }
.insight-card details { margin-top:12px; border-top:1px solid #eee; padding-top:10px; }
.insight-card summary { cursor:pointer; font-size:9px; font-weight:800; color:#756100; }
.evidence-box { display:grid; grid-template-columns:repeat(2,1fr); gap:5px; margin-top:8px; }
.evidence-box span { background:#f7f7f8; border-radius:8px; padding:7px; min-width:0; }
.evidence-box b,.evidence-box em { display:block; font-size:8px; overflow:hidden; text-overflow:ellipsis; }
.evidence-box em { color:#747a84; font-style:normal; margin-top:2px; direction:ltr; text-align:left; }
.insight-actions { display:flex; gap:6px; margin-top:12px; }
.btn-small { padding:7px 10px; font-size:9px; }
.btn-ghost { background:#fff; }
.ai-panel { background:linear-gradient(180deg,#fff 0,#fffdf5 100%); border-color:#eadb92; }
.ai-dashboard-head { display:flex; justify-content:space-between; align-items:center; background:#17191f; color:#fff; padding:9px 12px; border-radius:10px; margin-bottom:10px; font-size:9px; }
.ai-dashboard-head b { color:var(--yellow); }
.ai-dashboard-head small { color:#9ea4ae; }
.dashboard-insights { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.dashboard-insight { display:block; position:relative; border:1px solid #ececef; background:#fff; border-radius:12px; padding:12px 13px 11px 15px; overflow:hidden; }
.dashboard-insight::before { content:""; position:absolute; right:0; top:0; bottom:0; width:3px; }
.dashboard-insight strong { display:block; color:#22252b; font-size:10px; margin:7px 0 4px; }
.dashboard-insight p { color:#717680; font-size:8.5px; line-height:1.7; margin:0 0 5px; }
.dashboard-insight small { color:#8a7000; font-size:8px; }
.dashboard-warning { margin-top:10px; padding:9px 11px; border-radius:9px; background:#fff1ef; color:#9b342b; font-size:9px; font-weight:800; }
.priority-urgent { background:#ffe8e4; color:#b02c20; }
.priority-high { background:#fff3cb; color:#806500; }
.priority-normal { background:#eef2f7; color:#57616e; }
.sync-blocked { background:#ffe9e6; color:#aa3126; }
.sync-create { background:#e8f7ef; color:#177743; }
.sync-update { background:#fff4c8; color:#755e00; }
code { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; direction:ltr; unicode-bidi:isolate; }
@media (max-width:1100px){ .integration-grid,.insight-grid{grid-template-columns:1fr}.dashboard-insights{grid-template-columns:1fr 1fr} }
@media (max-width:700px){ .integration-card{grid-template-columns:48px 1fr}.integration-card form{grid-column:1/-1}.ai-summary-grid,.dashboard-insights{grid-template-columns:1fr}.evidence-box{grid-template-columns:1fr} }