.ibs-dra-tracker{display:flex;flex-direction:column;max-height:calc(100dvh - 8px);min-width:0}
#ibs-dra-summary-host{flex:none}
.ibs-dra-top-tabs{display:flex;flex-wrap:nowrap;gap:8px;margin:0 0 12px;padding:8px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;position:sticky;top:0;z-index:30;overflow-x:auto;flex:none}
#ibs-dra-panel{flex:1 1 auto;min-height:0;overflow:auto;scroll-padding-top:12px}
.ibs-dra-top-tabs button{border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a;border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer;white-space:nowrap}
.ibs-dra-top-tabs button.active{background:#0f172a;color:#fff;border-color:#0f172a}
.ibs-dra-top-tabs button:focus-visible,.ibs-dra-link:focus-visible,.ibs-dra-summary-card:focus-visible,.ibs-dra-drawer-tabs button:focus-visible{outline:2px solid #1d4ed8;outline-offset:2px}
.ibs-dra-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0 0 12px}
.ibs-dra-summary-card{border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:8px 10px;text-align:left;cursor:pointer;min-height:64px}
.ibs-dra-summary-card span{display:block;color:#64748b;font:700 11px/1.3 system-ui}
.ibs-dra-summary-card strong{display:block;margin-top:4px;font-size:16px;color:#0f172a}
.ibs-dra-subnav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.ibs-dra-subnav button,.ibs-dra-tools{border:1px solid #cbd5e1;background:#fff;border-radius:12px;padding:8px 12px;font-weight:700;cursor:pointer}
.ibs-dra-subnav button.active{background:#0f172a;color:#fff}
.ibs-dra-tools{border:1px solid #dbeafe;background:#f8fbff;padding:12px;border-radius:16px}
.ibs-dra-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 18px 8px;background:#fff}
.ibs-dra-chip{border:1px solid #cbd5e1;background:#f8fafc;border-radius:999px;padding:4px 8px;font:700 12px/1.2 system-ui;cursor:pointer}
.ibs-dra-table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:14px;background:#fff}
.ibs-dra-table{width:100%;border-collapse:collapse;font:600 13px/1.4 system-ui}
.ibs-dra-table th,.ibs-dra-table td{padding:8px 10px;border-bottom:1px solid #e2e8f0;text-align:left;white-space:nowrap}
.ibs-dra-table th{position:sticky;top:0;background:#f8fafc;z-index:2}
.ibs-dra-table th button{border:0;background:transparent;font:800 12px/1.2 system-ui;cursor:pointer;padding:0}
.ibs-dra-link{border:0;background:transparent;color:#1d4ed8;font:700 13px/1.3 system-ui;cursor:pointer;padding:0}
.ibs-dra-badge{display:inline-block;border-radius:999px;padding:2px 8px;font:800 11px/1.4 system-ui}
.ibs-dra-badge-hold{background:#fef2f2;color:#991b1b}
.ibs-dra-badge-ready{background:#eff6ff;color:#1d4ed8}
.ibs-dra-badge-done{background:#f0fdf4;color:#166534}
.ibs-dra-badge-neutral{background:#f1f5f9;color:#334155}
.ibs-dra-pager{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin:8px 0;font:700 12px/1.2 system-ui}
.ibs-dra-pager button{border:1px solid #cbd5e1;background:#fff;border-radius:10px;padding:6px 10px;cursor:pointer}
.ibs-dra-pager button[disabled]{opacity:.45;cursor:not-allowed}
.ibs-dra-empty,.ibs-dra-skeleton{padding:18px;border:1px dashed #cbd5e1;border-radius:14px;background:#fff;color:#334155}
.ibs-dra-drawer{position:fixed;top:0;right:0;width:min(460px,100vw);height:100vh;background:#fff;z-index:80;box-shadow:-12px 0 32px #0f172a24;overflow:auto;padding:16px}
.ibs-dra-drawer header{display:flex;justify-content:space-between;align-items:center;gap:8px}
.ibs-dra-drawer header button{border:0;background:transparent;font-size:28px;cursor:pointer}
.ibs-dra-drawer-tabs{display:flex;gap:6px;overflow-x:auto;margin:10px 0}
.ibs-dra-drawer-tabs button{border:1px solid #cbd5e1;background:#f8fafc;border-radius:999px;padding:6px 10px;white-space:nowrap;cursor:pointer}
.ibs-dra-drawer-tabs button.active{background:#0f172a;color:#fff}
.ibs-dra-clear{background:#334155}
#ibs-dra-command-launcher{display:none!important}
.ibs-dra-slot{min-height:0}
#ibs-dra-command{position:relative;inset:auto;z-index:1;background:#f8fafc;display:none;flex-direction:column;color:#0f172a;min-height:0}
#ibs-dra-command.embedded{border:1px solid #e2e8f0;border-radius:16px;margin:0 0 16px;max-width:100%}
#ibs-dra-command.open{display:flex}
#ibs-dra-command.embedded .ibs-dra-close{display:none}
.ibs-dra-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px 8px;border-bottom:1px solid #e2e8f0;background:#fff}
.ibs-dra-head h2{margin:0;font-size:20px}
.ibs-dra-crumbs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.ibs-dra-crumb{border:0;background:transparent;color:#1d4ed8;font:700 12px/1.4 system-ui;padding:0;cursor:pointer}
.ibs-dra-crumb[disabled]{color:#0f172a;cursor:default}
.ibs-dra-crumb:not(:last-child):after{content:"→";margin-left:6px;color:#94a3b8}
.ibs-dra-back{display:none}
.ibs-dra-filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:12px 18px;background:#fff;border-bottom:1px solid #e2e8f0}
.ibs-dra-filters[hidden]{display:none}
.ibs-dra-filters input,.ibs-dra-filters select{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:8px 10px;font:600 13px/1.3 system-ui}
.ibs-dra-body{flex:1;overflow:auto;padding:16px 18px 28px}
.ibs-dra-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.ibs-dra-actions{margin:0 0 16px}
.ibs-dra-kpi{border:0;border-radius:14px;background:#fff;padding:14px;text-align:left;box-shadow:0 8px 24px #0f172a0d;cursor:pointer}
.ibs-dra-kpi em.ibs-dra-hint{display:block;margin-top:6px;color:#64748b;font:600 11px/1.35 system-ui;text-transform:none}
.ibs-dra-bulk{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 18px;background:#fff;border-bottom:1px solid #e2e8f0}
.ibs-dra-bulk select,.ibs-dra-bulk input{border:1px solid #cbd5e1;border-radius:10px;padding:8px 10px;font:600 13px/1.3 system-ui}
.ibs-dra-bulk-btn{border:0;border-radius:10px;background:#1d4ed8;color:#fff;padding:8px 12px;font:700 12px/1.2 system-ui;cursor:pointer}
.ibs-dra-bulk-btn[disabled]{opacity:.5;cursor:not-allowed}
.ibs-dra-preview{width:100%;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;background:#f8fafc}
.ibs-dra-row-wrap{display:flex;gap:8px;align-items:flex-start;margin-bottom:8px}
.ibs-dra-row-wrap .ibs-dra-row{flex:1}
.ibs-dra-check{margin-top:14px}
.ibs-dra-kpi strong{display:block;margin-top:6px;font-size:22px}
.ibs-dra-note{color:#64748b;font:600 13px/1.5 system-ui}
.ibs-dra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ibs-dra-card,.ibs-dra-row{border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:13px 14px;cursor:pointer}
.ibs-dra-card b,.ibs-dra-row b{display:block}
.ibs-dra-detail-head{border-left:4px solid #1d4ed8;border-radius:0 12px 12px 0;background:#eff6ff;padding:12px 14px;margin-bottom:12px;cursor:default}
.ibs-dra-detail-head b{display:block;color:#0f172a;font:800 17px/1.3 system-ui}
.ibs-dra-meta{color:#64748b;font:600 12px/1.5 system-ui;margin-top:4px}
.ibs-dra-readonly{display:inline-block;margin-left:8px;padding:3px 8px;border-radius:999px;background:#fef3c7;color:#92400e;font:800 11px/1 system-ui}
.ibs-dra-readonly[hidden]{display:none !important}
.ibs-dra-timeline{display:grid;gap:8px;margin-top:10px}
.ibs-dra-stage{display:flex;justify-content:space-between;gap:10px;border-left:3px solid #cbd5e1;padding:8px 10px;background:#fff;border-radius:0 10px 10px 0}
.ibs-dra-stage.done{border-left-color:#16a34a}
.ibs-dra-stage.current{border-left-color:#2563eb}
.ibs-dra-banner{margin:10px 0;padding:10px 12px;border-radius:10px;font:700 13px/1.4 system-ui}
.ibs-dra-banner.warn{background:#fff7ed;color:#9a3412}
.ibs-dra-banner.hold{background:#fef2f2;color:#991b1b}
.ibs-dra-close{border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer}
.ibs-dra-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
.ibs-dra-field{border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:10px 12px}
.ibs-dra-field span{display:block;color:#64748b;font:700 11px/1.2 system-ui;text-transform:uppercase}
.ibs-dra-field b,.ibs-dra-field a{display:block;margin-top:4px;font:700 13px/1.4 system-ui;overflow-wrap:anywhere}
@media(max-width:900px){
  .ibs-dra-kpis,.ibs-dra-filters,.ibs-dra-grid,.ibs-dra-fields{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .ibs-dra-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ibs-dra-col-wide{display:none}
}
@media(max-width:640px){
  .ibs-dra-kpis,.ibs-dra-filters,.ibs-dra-grid,.ibs-dra-fields,.ibs-dra-summary{grid-template-columns:1fr 1fr}
  .ibs-dra-filters{display:flex;flex-wrap:wrap;overflow:visible;gap:8px}
  .ibs-dra-filters>*{flex:1 1 140px;min-width:0}
  .ibs-dra-head,.ibs-dra-body{padding-left:12px;padding-right:12px}
  .ibs-dra-stage{flex-wrap:wrap}
  .ibs-dra-kpi strong{overflow-wrap:anywhere}
  .ibs-dra-drawer{width:100vw;max-width:100vw}
  #ibs-dra-panel{padding-bottom:calc(112px + env(safe-area-inset-bottom))}
  .ibs-dra-back{display:inline-flex;align-items:center;flex:1 1 100%;box-sizing:border-box;min-height:44px;margin:0 0 8px;padding:8px 14px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#0f172a;font:700 16px/1.2 system-ui;cursor:pointer}
}
@media(max-width:430px){
  .ibs-dra-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ibs-dra-summary-card{min-height:52px;padding:6px 8px}
  .ibs-dra-summary-card strong{font-size:13px}
  .ibs-dra-top-tabs,.ibs-dra-summary,.ibs-dra-filters{position:relative;z-index:40}
  .ibs-dra-drawer{width:100vw;max-width:100vw}
}

.ibs-dra-next{margin:0 0 10px;padding:12px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff}
.ibs-dra-next span{display:block;color:#1d4ed8;font:800 11px/1.2 system-ui;letter-spacing:.04em;text-transform:uppercase}
.ibs-dra-next b{display:block;margin:4px 0 8px;font:800 16px/1.3 system-ui;color:#0f172a}
.ibs-dra-next p{margin:0 0 8px;color:#334155;font:600 13px/1.4 system-ui}
.ibs-dra-next button{border:0;border-radius:10px;background:#0f172a;color:#fff;font:800 14px/1 system-ui;padding:10px 14px;min-height:44px;cursor:pointer}
