/* ═══════════════════════════════════════════════════════════════
   PICOTRACK NEXUS — CLEAN STYLE.CSS
   Version propre sans doublons inutiles
   ═══════════════════════════════════════════════════════════════ */

:root{
  --p:#00C2FF;
  --pd:#009DCC;
  --pl:#E6F8FF;

  --s:#2EC4B6;
  --sl:#E9FBF8;

  --d:#FF6B6B;
  --dl:#FFF1F1;

  --w:#F59E0B;
  --wl:#FFFBEB;

  --v:#7C3AED;
  --vl:#F5F3FF;

  --navy:#0B132B;
  --navy2:#111C3A;
  --steel:#1C2541;

  --bd:#D9E2EC;
  --bg:#F4F7FB;
  --card:#FFFFFF;

  --tx:#0B132B;
  --tm:#4B5563;
  --tl:#6B7280;

  --shadow:0 10px 28px rgba(11,19,43,.08);
  --shadow-soft:0 4px 14px rgba(11,19,43,.06);
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;overflow:hidden}
body{
  font-family:'DM Sans','Plus Jakarta Sans',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--bg);
  color:var(--tx);
  font-size:13px;
}

/* ═══════════════════════════════════════════════════════════════
   LAYOUT
   ═══════════════════════════════════════════════════════════════ */

#sb{
  position:fixed;
  top:0;
  left:0;
  width:250px;
  height:100vh;
  z-index:1000;
  background:var(--navy);
  color:#fff;
  display:flex;
  flex-direction:column;
  overflow-y:auto;
  border-right:1px solid rgba(255,255,255,.08);
}

#main{
  position:fixed;
  top:0;
  left:250px;
  right:0;
  bottom:0;
  height:100vh;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  background:var(--bg);
}

.view{display:none;flex:1;overflow:auto}
.view.on{display:flex;flex-direction:column;animation:vu .18s ease both;flex:1;min-height:0}
#v-builder.on{overflow:hidden}

/* ═══════════════════════════════════════════════════════════════
   SIDEBAR / BRAND
   ═══════════════════════════════════════════════════════════════ */

.sb-logo{
  padding:14px 16px;
  display:flex;
  align-items:center;
  gap:12px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.sb-li,
.nexus-icon{
  width:38px;
  height:38px;
  min-width:38px;
  min-height:38px;
  border-radius:16px;
  background:linear-gradient(135deg,var(--p),var(--s));
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--navy);
  font-size:18px;
  font-weight:900;
  box-shadow:0 10px 24px rgba(0,194,255,.28);
}

.nexus-icon svg,
.sb-li svg{display:block}

.sb-brand{display:flex;flex-direction:column;line-height:1.05}
.sb-lt{color:#fff;font-size:18px;font-weight:900;letter-spacing:-.7px}
.sb-lt em{color:var(--p);font-style:normal}
.sb-nexus{color:var(--s);font-size:8px;font-weight:900;letter-spacing:4px;margin-top:5px}
.sb-tag{color:rgba(255,255,255,.5);font-size:8px;margin-top:4px}

.sb-env{
  margin:12px 14px 8px;
  background:rgba(0,194,255,.10);
  border:1px solid rgba(0,194,255,.18);
  border-radius:12px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  gap:9px;
}
.sb-env-dot{width:8px;height:8px;border-radius:50%;background:var(--s);flex-shrink:0}
.sb-env-nm{font-size:13px;font-weight:800;color:#fff}

.sb-s{
  padding:14px 18px 6px;
  font-size:10px;
  font-weight:900;
  color:rgba(255,255,255,.42);
  text-transform:uppercase;
  letter-spacing:1.5px;
}

.sb-i{
  display:flex;
  align-items:center;
  gap:9px;
  margin:3px 12px;
  padding:10px 12px;
  border-radius:12px;
  cursor:pointer;
  color:rgba(255,255,255,.76);
  font-size:13.5px;
  font-weight:700;
  transition:all .18s ease;
}
.sb-i:hover{background:rgba(0,194,255,.12);color:#fff}
.sb-i.on{
  background:linear-gradient(135deg,var(--p),var(--s));
  color:var(--navy);
  font-weight:900;
  box-shadow:0 8px 18px rgba(0,194,255,.22);
}

.sb-bk{
  margin-left:auto;
  padding:2px 8px;
  border-radius:20px;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-size:10px;
  font-weight:900;
}
.sb-i.on .sb-bk{background:rgba(11,19,43,.14);color:var(--navy)}

.sb-bot{
  margin-top:auto;
  padding:14px 16px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
  color:#fff;
}
.sb-bot:hover{background:rgba(255,255,255,.06)}
.u-av{
  width:32px;
  height:32px;
  border-radius:10px;
  background:linear-gradient(135deg,var(--v),#6D28D9);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:900;
  color:#fff;
  flex-shrink:0;
}

/* ═══════════════════════════════════════════════════════════════
   TOPBAR / BREADCRUMB
   ═══════════════════════════════════════════════════════════════ */

#topbar{
  background:#fff;
  border-bottom:1px solid var(--bd);
  height:58px;
  display:flex;
  align-items:center;
  padding:0 22px;
  gap:12px;
  flex-shrink:0;
  box-shadow:0 4px 18px rgba(11,19,43,.06);
}
#tb-t{font-size:18px;font-weight:900;letter-spacing:-.3px;color:var(--tx)}

.breadcrumb{
  padding:12px 22px;
  background:#fff;
  border-bottom:1px solid var(--bd);
  display:flex;
  align-items:center;
  gap:6px;
  font-size:13px;
  color:var(--tl);
  flex-shrink:0;
}
.bc-link{cursor:pointer;color:var(--tl);transition:color .15s}
.bc-link:hover{color:var(--p)}
.bc-sep{color:var(--bd)}
.bc-cur{font-weight:800;color:var(--tx)}

/* ═══════════════════════════════════════════════════════════════
   GENERIC COMPONENTS
   ═══════════════════════════════════════════════════════════════ */

.sp{flex:1}

.btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 14px;
  border-radius:10px;
  border:1.5px solid var(--bd);
  background:#fff;
  font-family:inherit;
  font-size:12.5px;
  font-weight:800;
  cursor:pointer;
  transition:all .18s ease;
  color:var(--tm);
}
.btn:hover{border-color:var(--p);color:var(--tx);background:var(--pl)}
.btn-sm{padding:6px 12px;font-size:12px}
.pill{border-radius:999px}
.bp{background:var(--p);color:var(--navy);border-color:var(--p);box-shadow:0 8px 18px rgba(0,194,255,.18)}
.bp:hover{background:var(--pd);border-color:var(--pd);color:var(--navy)}
.bw{background:var(--w);color:#fff;border-color:var(--w)}
.bw:hover{background:#D97706;border-color:#D97706;color:#fff}
.bd2b{background:var(--dl);color:var(--d);border-color:#FCA5A5}

.ic-btn{
  width:32px;
  height:32px;
  border-radius:9px;
  border:1.5px solid var(--bd);
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  font-size:13px;
  color:var(--tm);
  transition:all .15s ease;
}
.ic-btn:hover{background:var(--pl);border-color:var(--p);color:var(--tx)}
.ic-btn.del:hover{background:var(--dl);border-color:#FCA5A5;color:var(--d)}

.tog{width:40px;height:22px;border-radius:12px;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}
.tog.on{background:var(--s)}
.tog.off{background:#E2E8F0}
.tog::after{content:'';position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.tog.on::after{transform:translateX(18px)}

.sbar{
  display:flex;
  align-items:center;
  gap:7px;
  background:#fff;
  border:1.5px solid var(--bd);
  border-radius:11px;
  padding:8px 12px;
}
.sbar input{border:none;background:transparent;font-size:12.5px;font-family:inherit;outline:none;width:170px;color:var(--tx)}

.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}

/* ═══════════════════════════════════════════════════════════════
   DROPDOWNS
   ═══════════════════════════════════════════════════════════════ */

.drop-w{position:relative;display:inline-flex}
.drop-m{position:absolute;top:calc(100% + 6px);left:0;background:#fff;border:1.5px solid var(--bd);border-radius:10px;box-shadow:var(--shadow);z-index:100;min-width:180px;overflow:hidden;display:none}
.drop-m.on{display:block}
.drop-i{padding:10px 14px;font-size:12.5px;font-weight:700;cursor:pointer;color:var(--tm);display:flex;align-items:center;gap:8px}
.drop-i:hover{background:var(--bg);color:var(--tx)}
.drop-sep{height:1px;background:var(--bd)}

/* ═══════════════════════════════════════════════════════════════
   FILTERS / TABLE ADMIN
   ═══════════════════════════════════════════════════════════════ */

.fbox{background:#fff;border:1.5px solid var(--bd);border-radius:16px;overflow:hidden;margin-bottom:16px;box-shadow:var(--shadow-soft)}
.fbox-head{display:flex;align-items:center;justify-content:flex-end;padding:12px 16px;gap:9px}
.fbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 16px 16px}
.fg{display:flex;flex-direction:column;gap:5px}
.fl{font-size:11px;font-weight:900;color:var(--tm);text-transform:uppercase;letter-spacing:.4px}
.frow{display:flex;border:1.5px solid var(--bd);border-radius:10px;overflow:hidden;transition:border-color .2s;background:#fff}
.frow:focus-within{border-color:var(--p)}
.fsel{
  border:none;
  outline:none;
  font-family:inherit;
  font-size:12px;
  color:var(--tx);
  padding:8px 9px;
  background:#F8FAFC;
  cursor:pointer;
  border-right:1px solid var(--bd);
  min-width:96px;
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 7px center;
  padding-right:22px;
}
.finp{flex:1;border:none;outline:none;font-family:inherit;font-size:12.5px;color:var(--tx);padding:8px 10px}
.finp::placeholder{color:var(--tl)}
.fbadge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.85);color:var(--w);font-size:10px;font-weight:900}

.dt{background:#fff;border:1.5px solid var(--bd);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-soft)}
.dth,.dtr{display:grid;grid-template-columns:2fr 3fr 2fr 75px 110px 80px;align-items:center}
.dth{background:#F8FAFC;border-bottom:1px solid var(--bd)}
.dt-th{padding:11px 14px;font-size:10.5px;font-weight:900;color:var(--tl);text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:4px;cursor:pointer;user-select:none}
.dt-th:hover{color:var(--tm)}
.dtr{border-bottom:1px solid #F1F5F9;cursor:pointer;transition:background .1s}
.dtr:last-child{border-bottom:none}
.dtr:hover{background:#FAFBFC}
.dt-td{padding:13px 14px;font-size:13px;display:flex;align-items:center;gap:7px;overflow:hidden}
.td-name{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.td-desc{color:var(--tm);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.mod-tag{padding:3px 9px;border-radius:20px;font-size:10.5px;font-weight:800;background:var(--pl);color:var(--pd);white-space:nowrap;flex-shrink:0}
.ck{color:var(--s);font-size:15px;font-weight:900}
.xx{color:var(--d)}
.resp-n{padding:3px 9px;border-radius:20px;font-size:11px;font-weight:900;font-family:'DM Mono',monospace;background:#F1F5F9;color:var(--tm)}
.resp-n.hi{background:var(--wl);color:#D97706}
.dt-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s}
.dtr:hover .dt-actions{opacity:1}

.pagination{display:flex;align-items:center;padding:12px 16px;border-top:1px solid var(--bd);gap:9px;font-size:12px;color:var(--tm)}
.pg-s{border:1.5px solid var(--bd);border-radius:8px;padding:5px 8px;font-family:inherit;font-size:12px;outline:none;color:var(--tx);background:#fff;cursor:pointer}
.pg-info{flex:1;text-align:center;font-size:12px;color:var(--tm)}
.pg-btns{display:flex;align-items:center;gap:4px}
.pg-btn{width:30px;height:30px;border-radius:8px;border:1.5px solid var(--bd);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;font-weight:800;color:var(--tm);transition:all .15s}
.pg-btn:hover{border-color:var(--p);color:var(--pd)}
.pg-btn.on{background:var(--p);color:var(--navy);border-color:var(--p)}
.pg-btn.dis{opacity:.3;cursor:default;pointer-events:none}

/* ═══════════════════════════════════════════════════════════════
   BUILDER
   ═══════════════════════════════════════════════════════════════ */

#v-builder{overflow:hidden!important}
.btb{height:54px;background:#fff;border-bottom:1px solid var(--bd);display:flex;align-items:center;padding:0 16px;gap:10px;flex-shrink:0}
.btb-nm{font-size:13px;font-weight:800;border:1.5px solid transparent;border-radius:8px;padding:6px 10px;outline:none;font-family:inherit;min-width:220px;transition:all .2s;color:var(--tx)}
.btb-nm:focus{border-color:var(--p);background:var(--pl)}
.btb-sep{width:1px;height:24px;background:var(--bd)}
.b-tabs{display:flex;align-items:center;justify-content:center;padding:10px 18px;background:#fff;border-bottom:1px solid var(--bd);flex-shrink:0}
.b-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:800;color:var(--tl);cursor:pointer;border-bottom:2.5px solid transparent;transition:all .2s;user-select:none}
.b-tab:hover{color:var(--tm)}
.b-tab.on{color:var(--pd);border-bottom-color:var(--p)}
.tab-dot{width:7px;height:7px;border-radius:50%;background:var(--bd);flex-shrink:0}
.b-tab.on .tab-dot{background:var(--p)}
.b-tab-cnt{background:var(--p);color:var(--navy);font-size:10px;font-weight:900;padding:1px 6px;border-radius:20px}
.bwrap{flex:1;overflow:hidden;display:flex}
.b-area{flex:1;overflow-y:auto;padding:22px}
.b-area::-webkit-scrollbar{width:4px}
.b-area::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:3px}

.b-sec{background:#fff;border:1.5px solid var(--bd);border-radius:14px;padding:18px 20px;margin-bottom:14px;box-shadow:var(--shadow-soft)}
.b-sec-t{font-size:10.5px;font-weight:900;color:var(--tl);text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px}
.ig{display:grid;gap:12px}
.ig2{grid-template-columns:1fr 1fr}
.fi{width:100%;border:1.5px solid var(--bd);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:13px;color:var(--tx);background:#fff;outline:none;transition:all .2s}
.fi:focus{border-color:var(--p);box-shadow:0 0 0 3px rgba(0,194,255,.1)}
.fi::placeholder{color:var(--tl)}
.fi-ta{resize:none;height:76px}
.fl2{font-size:11px;font-weight:800;color:var(--tm);margin-bottom:5px}
.req{color:var(--d)}
.f-hint{font-size:11px;color:var(--tl);margin-top:4px}

.mod-grid{display:flex;flex-wrap:wrap;gap:8px}
.mod-c{display:flex;align-items:center;gap:6px;padding:7px 12px;border:1.5px solid var(--bd);border-radius:9px;cursor:pointer;transition:all .15s;user-select:none;font-size:12px;font-weight:700;color:var(--tm)}
.mod-c.on{border-color:var(--p);background:var(--pl);color:var(--pd)}
.mc-dot{width:8px;height:8px;border-radius:50%;background:var(--bd);transition:all .15s}
.mod-c.on .mc-dot{background:var(--p)}
.color-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.c-swatch{width:28px;height:28px;border-radius:8px;cursor:pointer;border:2.5px solid transparent;transition:transform .15s}
.c-swatch:hover{transform:scale(1.12)}
.c-swatch.on{border-color:#fff;box-shadow:0 0 0 2px var(--p);transform:scale(1.08)}

.tr{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #F1F5F9}
.tr:last-child{border-bottom:none}
.tr-lbl{font-size:12.5px;font-weight:700}
.tr-ht{font-size:11px;color:var(--tl);margin-top:1px}
.tr-sub{padding-left:14px;border-left:2px solid var(--bd);margin:4px 0 2px;display:none}
.tr-sub.show{display:flex;align-items:center;gap:9px}
.rr-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.rr-item{display:flex;align-items:center;justify-content:space-between;background:var(--bg);border:1.5px solid var(--bd);border-radius:10px;padding:10px 12px}
.rr-sel{border:1.5px solid var(--bd);border-radius:8px;padding:5px 9px;font-size:12px;font-family:inherit;color:var(--tx);outline:none;background:#fff;appearance:none}

/* ═══════════════════════════════════════════════════════════════
   FIELDS / PALETTE
   ═══════════════════════════════════════════════════════════════ */

.f-layout{display:flex;height:100%;overflow:hidden}
.f-canvas{flex:1;padding:18px;overflow-y:auto;background:var(--bg)}
.field-item{background:#fff;border:1.5px solid var(--bd);border-radius:10px;padding:11px 13px;margin-bottom:7px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .15s}
.field-item:hover{border-color:var(--p);box-shadow:0 4px 12px rgba(0,194,255,.10)}
.field-item.selected{border-color:var(--p);background:var(--pl)}
.field-item.dragging{opacity:.4}
.drop-indicator{height:3px;background:var(--p);border-radius:3px;margin:2px 0}
.f-drag{color:var(--tl);cursor:grab;font-size:11px;flex-shrink:0}
.f-type-ic{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;flex-shrink:0;color:#fff}
.f-name{flex:1;font-size:13px;font-weight:700}
.f-badge{font-size:10.5px;padding:3px 8px;border-radius:20px}
.f-badge.obl{background:var(--dl);color:var(--d)}
.f-badge.opt{background:#F1F5F9;color:var(--tl)}
.f-badge.dup{background:var(--vl);color:var(--v)}
.f-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s}
.field-item:hover .f-actions{opacity:1}
.drop-zone{border:2px dashed var(--bd);border-radius:12px;padding:30px;text-align:center;color:var(--tl);font-size:13px;font-weight:700;margin-bottom:8px;transition:all .2s;background:#fff}
.drop-zone:hover{border-color:var(--p);color:var(--pd);background:var(--pl)}
.f-palette{width:210px;background:#fff;border-left:1px solid var(--bd);overflow-y:auto;flex-shrink:0}
.pal-s{padding:12px 12px 5px;font-size:9.5px;font-weight:900;color:var(--tl);text-transform:uppercase;letter-spacing:1px}
.pal-chip{display:flex;align-items:center;gap:8px;padding:8px 10px;margin:2px 8px;border-radius:9px;cursor:pointer;font-size:12px;font-weight:700;color:var(--tm);border:1.5px solid transparent;transition:all .15s}
.pal-chip:hover{background:var(--pl);color:var(--pd);border-color:#BAE6FD}
.pal-ic{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;color:#fff}

/* ═══════════════════════════════════════════════════════════════
   LAYOUT BUILDER
   ═══════════════════════════════════════════════════════════════ */

.layout-wrap{display:flex;height:100%;overflow:hidden}
.layout-canvas{flex:1;padding:18px;overflow-y:auto;background:var(--bg)}
.layout-row{background:#fff;border:1.5px solid var(--bd);border-radius:14px;margin-bottom:12px;overflow:hidden;box-shadow:var(--shadow-soft)}
.layout-row-hd{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#F8FAFC;border-bottom:1px solid var(--bd)}
.layout-row-lbl{font-size:11px;font-weight:900;color:var(--tl);text-transform:uppercase;letter-spacing:.5px;flex:1}
.layout-cols{display:flex;gap:7px;padding:12px;min-height:66px;align-items:stretch}
.layout-col{display:flex;flex-direction:column;gap:5px;position:relative;transition:flex .2s;min-width:0}
.col-hd{display:flex;align-items:center;gap:4px;margin-bottom:4px}
.col-size-lbl{font-size:10px;font-weight:900;color:var(--tl);background:#F1F5F9;padding:2px 7px;border-radius:10px}
.sz-btn{width:19px;height:19px;border:1px solid var(--bd);border-radius:5px;background:#fff;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;color:var(--tm);transition:all .15s}
.sz-btn:hover{border-color:var(--p);color:var(--pd)}
.sz-btn:disabled{opacity:.3;cursor:default}
.layout-cell{flex:1;min-height:46px;border:2px dashed var(--bd);border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--tl);font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}
.layout-cell.filled{border-style:solid;border-color:var(--p);background:var(--pl);color:var(--tx)}
.layout-cell.drag-over{border-color:var(--s);background:var(--sl)}
.cell-chip{display:flex;align-items:center;gap:6px;padding:6px 9px;width:100%;overflow:hidden}
.cell-chip-ic{width:19px;height:19px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:9px;color:#fff;flex-shrink:0}
.cell-chip span{flex:1;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cell-rm{color:var(--tl);cursor:pointer;font-size:12px;flex-shrink:0;margin-left:auto}
.cell-rm:hover{color:var(--d)}
.layout-add-col{width:34px;height:34px;border:2px dashed var(--bd);border-radius:9px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:var(--tl);flex-shrink:0;transition:all .2s;align-self:center}
.layout-add-col:hover{border-color:var(--p);color:var(--pd)}
.layout-add-row{border:2px dashed var(--bd);border-radius:12px;padding:14px;text-align:center;color:var(--tl);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;background:#fff}
.layout-add-row:hover{border-color:var(--p);color:var(--pd);background:var(--pl)}
.layout-sidebar{width:200px;background:#fff;border-left:1px solid var(--bd);padding:14px;overflow-y:auto;flex-shrink:0}
.ls-t{font-size:10px;font-weight:900;color:var(--tl);text-transform:uppercase;letter-spacing:.7px;margin-bottom:9px}
.lp-item{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1.5px solid var(--bd);border-radius:9px;margin-bottom:6px;cursor:grab;font-size:12px;font-weight:700;color:var(--tm);transition:all .15s;background:#fff}
.lp-item:hover{border-color:var(--p);color:var(--pd)}
.lp-item.placed{opacity:.3;cursor:default;pointer-events:none}

/* ═══════════════════════════════════════════════════════════════
   PREVIEW / CONFIG PANEL
   ═══════════════════════════════════════════════════════════════ */

.apercu-toggle{display:flex;align-items:center;gap:8px;justify-content:center;padding:14px}
.ap-tog{padding:7px 17px;border-radius:999px;border:1.5px solid var(--bd);background:#fff;font-size:12px;font-weight:800;cursor:pointer;color:var(--tm);transition:all .2s}
.ap-tog.on{background:var(--p);color:var(--navy);border-color:var(--p)}
.apercu-form{max-width:620px;margin:0 auto;background:#fff;border-radius:16px;padding:24px;border:1.5px solid var(--bd);box-shadow:var(--shadow-soft)}
.ap-field{margin-bottom:18px}
.ap-label{font-size:12.5px;font-weight:800;margin-bottom:6px;color:var(--tx)}
.ap-input{width:100%;border:1.5px solid var(--bd);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--tm);background:#F8FAFC}
.ap-hint{font-size:11px;color:var(--tl);margin-top:4px}

#cfg-bd{position:fixed;inset:0;background:rgba(15,23,42,.4);z-index:998;display:none;backdrop-filter:blur(2px)}
.cfg-bd-on{display:block!important}
#cfg-panel{position:fixed;top:0;right:0;height:100vh;width:485px;display:none;z-index:999;box-shadow:-8px 0 30px rgba(0,0,0,.15)}
.cfg-panel-on{display:flex!important;animation:slide-in .25s cubic-bezier(.16,1,.3,1)}
@keyframes slide-in{from{transform:translateX(100%)}to{transform:none}}
.ctabs{width:42px;background:var(--steel);display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:5px;flex-shrink:0}
.ctab{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:900;cursor:pointer;color:#64748B;transition:all .2s}
.ctab:hover{background:rgba(255,255,255,.1);color:#CBD5E1}
.ctab.on{background:var(--p);color:var(--navy)}
.ccon{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff}
.cfg-hd{padding:14px 16px;border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:10px;background:var(--bg);flex-shrink:0}
.cfg-hd-ic{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;color:#fff}
.cfg-hd-t{font-size:13px;font-weight:900;flex:1}
.cfg-close{width:28px;height:28px;border-radius:8px;border:1.5px solid var(--bd);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:var(--tm);transition:all .15s}
.cfg-close:hover{background:var(--dl);color:var(--d)}
.cfg-body{flex:1;overflow-y:auto;padding:15px 16px}
.cfg-body::-webkit-scrollbar{width:3px}
.cfg-body::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:3px}
.cfg-ft{padding:12px 16px;border-top:1px solid var(--bd);display:flex;gap:8px;justify-content:flex-end;background:var(--bg);flex-shrink:0}
.cg{margin-bottom:14px}
.cl{font-size:11px;font-weight:800;color:var(--tm);margin-bottom:5px}
.ci{width:100%;border:1.5px solid var(--bd);border-radius:9px;padding:9px 11px;font-family:inherit;font-size:13px;color:var(--tx);background:#fff;outline:none;transition:all .2s}
.ci:focus{border-color:var(--p);box-shadow:0 0 0 3px rgba(0,194,255,.1)}
.csec{margin-bottom:15px}
.csec-t{font-size:10px;font-weight:900;color:var(--tl);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--bg)}
.ci-sel{appearance:none;background:#fff;padding-right:26px}

.opts-list{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.opt-row{display:flex;align-items:center;gap:6px}
.opt-inp{flex:1;border:1.5px solid var(--bd);border-radius:8px;padding:7px 9px;font-size:12.5px;font-family:inherit;outline:none;color:var(--tx)}
.opt-inp:focus{border-color:var(--p)}
.opt-del{width:24px;height:24px;border-radius:6px;border:1px solid var(--bd);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;color:var(--tl);flex-shrink:0}
.opt-del:hover{background:var(--dl);color:var(--d)}
.add-opt{width:100%;padding:8px;border-radius:9px;border:1.5px dashed var(--bd);background:transparent;color:var(--tm);font-size:12px;font-weight:800;cursor:pointer;font-family:inherit;transition:all .15s}
.add-opt:hover{border-color:var(--p);color:var(--pd);background:var(--pl)}

.vld-info{background:var(--pl);border:1px solid #BAE6FD;border-radius:9px;padding:9px 11px;font-size:11.5px;color:var(--pd);margin-bottom:10px;line-height:1.5}
.vld-item{background:#fff;border:1.5px solid var(--bd);border-radius:10px;margin-bottom:8px;overflow:hidden}
.vld-hd{display:flex;align-items:center;gap:8px;padding:9px 11px;background:var(--bg)}
.vld-num{width:21px;height:21px;border-radius:6px;background:var(--p);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;flex-shrink:0}
.vld-nm{flex:1;font-size:12px;font-weight:800}
.vld-del{width:24px;height:24px;border-radius:6px;border:1px solid var(--bd);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;color:var(--tl)}
.vld-del:hover{background:var(--dl);color:var(--d)}
.vld-body{padding:10px 11px;border-top:1px solid var(--bd)}
.vld-add-row{display:flex;gap:7px;align-items:center;margin-top:7px}
.vld-sel{flex:1;border:1.5px solid var(--bd);border-radius:9px;padding:8px 10px;font-family:inherit;font-size:12px;color:var(--tx);outline:none;background:#fff}
.vld-sel:focus{border-color:var(--p)}
.vld-add-btn{width:32px;height:32px;border-radius:9px;background:var(--p);border:none;color:var(--navy);font-size:18px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.vld-add-btn:hover{background:var(--pd)}

.cond-app{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.cond-app-item{background:var(--bg);border:1.5px solid var(--bd);border-radius:10px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between}
.cond-rule{background:#fff;border:1.5px solid var(--bd);border-radius:10px;margin-bottom:8px;overflow:hidden}
.cond-rule-hd{display:flex;align-items:center;gap:8px;padding:9px 11px;background:var(--bg)}
.cond-rule-row{display:grid;grid-template-columns:1fr 55px 1fr 24px;gap:6px;align-items:center}

/* ═══════════════════════════════════════════════════════════════
   TRIGGERS / SERVICES
   ═══════════════════════════════════════════════════════════════ */

.decl-card{background:#fff;border:1.5px solid var(--bd);border-radius:12px;margin-bottom:12px;overflow:hidden;box-shadow:var(--shadow-soft)}
.decl-hd{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid var(--bd);background:var(--bg)}
.decl-body{display:grid;grid-template-columns:1fr 1fr}
.si-col{padding:14px;border-right:1px solid var(--bd)}
.alors-col{padding:14px;background:#FAFBFC}
.si-title,.alors-title{font-size:10.5px;font-weight:900;color:var(--tl);text-transform:uppercase;letter-spacing:.7px;margin-bottom:10px}
.decl-sel{width:100%;border:1.5px solid var(--bd);border-radius:8px;padding:7px 8px;font-family:inherit;font-size:12px;color:var(--tx);outline:none;background:#fff}
.decl-sel:focus{border-color:var(--p)}
.decl-inp{width:100%;border:1.5px solid var(--bd);border-radius:8px;padding:7px 8px;font-family:inherit;font-size:12px;color:var(--tx);outline:none}
.decl-inp:focus{border-color:var(--p)}
.decl-rm{width:24px;height:24px;border-radius:6px;border:1px solid var(--bd);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;color:var(--tl);flex-shrink:0}
.decl-rm:hover{background:var(--dl);color:var(--d)}
.decl-add-cond{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:999px;border:1.5px dashed var(--bd);background:transparent;color:var(--tm);font-size:11.5px;font-weight:800;cursor:pointer;font-family:inherit;margin-top:5px;transition:all .15s}
.decl-add-cond:hover{border-color:var(--p);color:var(--pd);background:var(--pl)}
.decl-action-row{display:flex;align-items:center;gap:7px;margin-bottom:7px;background:#fff;border:1.5px solid var(--bd);border-radius:9px;padding:8px 10px}
.decl-action-rm{cursor:pointer;color:var(--tl);font-size:12px}
.decl-action-rm:hover{color:var(--d)}

/* ═══════════════════════════════════════════════════════════════
   DASHBOARD
   ═══════════════════════════════════════════════════════════════ */

.dash-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.dash-title{font-size:28px;font-weight:950;color:var(--tx);letter-spacing:-.8px}
.dash-sub{font-size:13px;color:var(--tl);margin-top:5px}
.dash-env-pill{border:1.5px solid var(--bd);background:#fff;border-radius:14px;padding:11px 15px;font-size:12.5px;font-weight:900;color:var(--tm);box-shadow:var(--shadow-soft)}
.dash-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:18px}
.dash-kpi{background:linear-gradient(180deg,#fff,#F8FBFF);border:1.5px solid rgba(0,194,255,.10);border-radius:18px;padding:18px 20px;display:flex;gap:14px;align-items:flex-start;box-shadow:var(--shadow)}
.dash-kpi-ic{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,rgba(0,194,255,.14),rgba(46,196,182,.14));display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}
.dash-kpi-label{font-size:13px;font-weight:950;color:var(--tm);margin-bottom:8px}
.dash-kpi-value{font-size:30px;font-weight:950;color:var(--tx);letter-spacing:-.9px}
.dash-kpi-sub{font-size:12px;color:var(--tl);margin-top:5px}
.dash-kpi-trend{font-size:11.5px;color:#16A34A;margin-top:8px;font-weight:900}
.dash-grid-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:18px}
.dash-grid-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:18px}
.dash-card{background:linear-gradient(180deg,#fff,#F8FBFF);border:1.5px solid rgba(0,194,255,.10);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;transition:all .18s ease}
.dash-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(11,19,43,.12)}
.dash-card-h{padding:17px 19px;border-bottom:1px solid var(--bd);font-size:15px;font-weight:950;color:var(--tx)}
.dash-split{padding:24px;display:flex;gap:34px;align-items:center;min-height:230px}
.dash-donut{width:150px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dash-donut>div{width:82px;height:82px;border-radius:50%;background:#fff}
.dash-legend{flex:1;display:flex;flex-direction:column;gap:12px;min-width:220px}
.dash-legend-row{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:10px;font-size:13px;color:var(--tm)}
.dash-legend-row strong{font-size:12.5px;color:var(--tx)}
.dash-dot{width:10px;height:10px;border-radius:4px;display:inline-block}
.dash-total{margin-top:10px;padding-top:14px;border-top:1px solid var(--bd);font-weight:950;color:var(--tx);font-size:13.5px}
.dash-bars{height:240px;padding:24px 22px 18px;display:flex;align-items:flex-end;justify-content:space-around;gap:14px;background:linear-gradient(to top,#F8FAFC,#fff)}
.dash-bar-wrap{height:170px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;flex:1;max-width:70px}
.dash-bar{width:100%;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,var(--p),#93C5FD);box-shadow:0 8px 18px rgba(0,194,255,.18)}
.dash-bar-wrap span{font-size:11px;color:var(--tl);font-weight:800}
.dash-quick-grid{padding:16px 18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.dash-quick{border:1.5px solid var(--bd);background:#fff;border-radius:14px;padding:14px;text-align:left;display:flex;gap:12px;align-items:center;cursor:pointer;font-family:inherit;color:var(--tx);transition:.16s}
.dash-quick:hover{border-color:#93C5FD;transform:translateY(-1px);box-shadow:0 6px 16px rgba(15,23,42,.08)}
.dash-quick span{width:38px;height:38px;border-radius:12px;background:var(--vl);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.dash-quick strong{display:block;font-size:13px;font-weight:950;color:var(--tx)}
.dash-quick small{display:block;font-size:11.5px;color:var(--tl);margin-top:2px}
.dash-env-card{padding:22px;display:flex;gap:16px;align-items:center}
.dash-env-ico{width:58px;height:58px;border-radius:16px;background:#F1F5F9;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}
.dash-env-name{font-size:23px;font-weight:950;color:var(--tx);letter-spacing:-.4px}
.dash-muted{font-size:12px;color:var(--tl)}
.dash-ok{font-size:12px;color:#16A34A;font-weight:900;margin-top:6px}
.dash-rule{margin:0 22px 22px;padding:12px;border-radius:12px;background:#F8FAFC;border:1px solid var(--bd);font-size:12px;line-height:1.45;color:var(--tm)}

/* ═══════════════════════════════════════════════════════════════
   LICENCES & PAD
   ═══════════════════════════════════════════════════════════════ */

.licensing-page{padding:24px;flex:1;overflow-y:auto;background:var(--bg);width:100%;box-sizing:border-box}
#v-licensing{width:100%;min-width:0}
#licensing-wrap{width:100%;max-width:none;margin:0 auto}
.access-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.access-title{font-size:26px;font-weight:950;color:var(--tx);letter-spacing:-.5px}
.access-sub{font-size:13px;color:var(--tl);margin-top:5px;max-width:780px;line-height:1.45}
.access-search{max-width:360px;background:#fff}
.access-kpis{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px;margin-bottom:18px}
.access-kpi{background:#fff;border:1.5px solid var(--bd);border-radius:16px;padding:16px;display:flex;align-items:center;gap:13px;box-shadow:var(--shadow-soft)}
.access-kpi>span{width:44px;height:44px;border-radius:14px;background:var(--pl);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.access-kpi strong{display:block;font-size:25px;font-weight:950;color:var(--tx);letter-spacing:-.4px}
.access-kpi small{display:block;color:var(--tl);font-size:11.5px;margin-top:3px;font-weight:800}
.access-rule{background:#fff;border:1.5px solid var(--bd);border-radius:16px;padding:17px 18px;margin-bottom:18px;display:grid;grid-template-columns:minmax(260px,.9fr) minmax(360px,1.1fr);gap:18px;align-items:center;box-shadow:var(--shadow-soft)}
.access-rule strong{color:var(--tx);font-size:14px}
.access-rule span,.access-rule p{color:var(--tl);font-size:12px;line-height:1.45}
.access-rule p{margin:0;max-width:520px}
.access-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,.9fr);gap:18px;align-items:start;width:100%}
.access-card{background:#fff;border:1.5px solid var(--bd);border-radius:16px;box-shadow:var(--shadow-soft);overflow:hidden}
.access-card-head{padding:16px 18px;border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between;gap:12px}
.access-card-head strong{font-size:15px;color:var(--tx);font-weight:950}
.access-card-head small{display:block;font-size:11.5px;color:var(--tl);margin-top:2px}
.access-main{min-width:0}
.access-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.access-card table{min-width:760px}

/* ═══════════════════════════════════════════════════════════════
   TOASTS / STATUS
   ═══════════════════════════════════════════════════════════════ */

#toasts{position:fixed;bottom:18px;right:18px;z-index:9999;display:flex;flex-direction:column;gap:8px}
.toast{background:#fff;border:1.5px solid var(--bd);border-radius:11px;padding:11px 14px;box-shadow:var(--shadow);max-width:300px;animation:tin .25s ease both;font-size:12.5px;font-weight:700;display:flex;align-items:center;gap:8px}
.toast.s{border-left:4px solid var(--s)}
.toast.e{border-left:4px solid var(--d)}
.toast.w{border-left:4px solid var(--w)}
.toast.i{border-left:4px solid var(--p)}
@keyframes tin{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
.status-dot.on{background:var(--s)}
.f-name-link{color:var(--pd);font-weight:800;cursor:pointer}
.prod-form-card:hover{border-color:var(--p);box-shadow:0 4px 16px rgba(0,0,0,.08);transform:translateY(-1px)}

/* ═══════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════ */

@media(max-width:1300px){
  .access-kpis{grid-template-columns:repeat(2,minmax(220px,1fr))}
  .access-layout{grid-template-columns:1fr}
  .access-side{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr))}
}

@media(max-width:1100px){
  .dash-grid-main,.dash-grid-bottom{grid-template-columns:1fr}
  .dash-split{flex-direction:column;align-items:flex-start}
  .dash-quick-grid{grid-template-columns:1fr}
  .fbox-grid{grid-template-columns:1fr}
  .access-rule{grid-template-columns:1fr}
}

@media(max-width:850px){
  #sb{width:230px}
  #main{left:230px}
  .access-kpis{grid-template-columns:1fr}
  .access-side{grid-template-columns:1fr}
  .licensing-page{padding:16px}
  .rr-grid,.ig2,.decl-body,.cond-app{grid-template-columns:1fr}
}
/* ═══════════════════════════════════════════════════════════════
   PICOTRACK — PREMIUM SaaS OVERRIDE FINAL
   À placer tout en bas du CSS
   ═══════════════════════════════════════════════════════════════ */

#sb{
  width:250px!important;
  background:linear-gradient(180deg,#07111F 0%,#0B1D33 48%,#102A43 100%)!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
}

#main{
  left:250px!important;
  background:linear-gradient(180deg,#EEF6FB 0%,#F6F9FC 100%)!important;
}

/* LOGO */
.sb-logo{
  padding:18px 16px!important;
  justify-content:center!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}

.sb-logo-img{
  width:170px!important;
  max-width:100%!important;
  height:auto!important;
  display:block!important;
}

/* SIDEBAR MENU */
.sb-s{
  padding:18px 18px 7px!important;
  color:rgba(210,230,255,.42)!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:1.8px!important;
}

.sb-i{
  margin:4px 12px!important;
  padding:11px 13px!important;
  border-radius:12px!important;
  color:rgba(230,242,255,.74)!important;
  font-weight:700!important;
  transition:all .18s ease!important;
}

.sb-i:hover{
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
}

.sb-i.on{
  background:linear-gradient(135deg,#00C2FF,#2EC4B6)!important;
  color:#06111F!important;
  box-shadow:0 10px 24px rgba(0,194,255,.22)!important;
}

/* TOPBAR */
#topbar{
  height:64px!important;
  background:rgba(255,255,255,.86)!important;
  backdrop-filter:blur(14px)!important;
  border-bottom:1px solid rgba(203,213,225,.75)!important;
  box-shadow:0 8px 28px rgba(15,23,42,.06)!important;
}

#tb-t{
  font-size:19px!important;
  font-weight:950!important;
  letter-spacing:-.45px!important;
}

/* CARDS / BLOCS */
.fbox,
.dt,
.dash-card,
.access-card,
.b-sec,
.layout-row,
.apercu-form{
  border:1px solid rgba(148,163,184,.24)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 18px 45px rgba(15,23,42,.08)!important;
}

/* TABLEAUX */
.dth{
  background:#F8FBFF!important;
  border-bottom:1px solid #E2E8F0!important;
}

.dt-th{
  color:#64748B!important;
  font-size:10.5px!important;
}

.dtr{
  transition:all .14s ease!important;
}

.dtr:hover{
  background:#F0FAFF!important;
}

/* BOUTONS */
.btn{
  border-radius:11px!important;
  font-weight:850!important;
}

.bp{
  background:linear-gradient(135deg,#00C2FF,#2EC4B6)!important;
  border:none!important;
  color:#06111F!important;
  box-shadow:0 10px 22px rgba(0,194,255,.18)!important;
}

.bp:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 14px 28px rgba(0,194,255,.26)!important;
}

.bw{
  background:#0EA5E9!important;
  border:none!important;
  color:#fff!important;
}

.btn:not(.bp):not(.bw){
  background:#fff!important;
  border:1px solid #D9E4EF!important;
  color:#334155!important;
}

.btn:not(.bp):not(.bw):hover{
  background:#EFFAFF!important;
  border-color:#7DD3FC!important;
  color:#075985!important;
}

/* INPUTS */
.frow,
.sbar,
.fi,
.ci,
.ap-input{
  border:1.5px solid #DCE6F4!important;
  background:#F8FAFC!important;
  border-radius:12px!important;
}

.frow:focus-within,
.sbar:focus-within,
.fi:focus,
.ci:focus{
  border-color:#00C2FF!important;
  box-shadow:0 0 0 4px rgba(0,194,255,.10)!important;
}

/* BADGES */
.mod-tag{
  background:#E0F7FF!important;
  color:#0284C7!important;
  font-weight:850!important;
}

.pg-btn.on{
  background:linear-gradient(135deg,#00C2FF,#2EC4B6)!important;
  border:none!important;
  color:#06111F!important;
}

/* DASHBOARD */
.dash-title{
  font-size:30px!important;
  font-weight:950!important;
  letter-spacing:-1px!important;
}

.dash-kpi{
  border:1px solid rgba(0,194,255,.14)!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F8FCFF 100%)!important;
  border-radius:22px!important;
  box-shadow:0 18px 45px rgba(15,23,42,.09)!important;
}

.dash-kpi-value{
  font-size:32px!important;
  font-weight:950!important;
}
/* ═══════════════════════════════════════════════════════════════
   PICOTRACK — FLOW BUILDER MODE
   ═══════════════════════════════════════════════════════════════ */
#v-builder > .b-tabs{
  display:none!important;
}
.flow-tabs{
  height:72px;
  background:rgba(255,255,255,.88);
  border-bottom:1px solid rgba(203,213,225,.75);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 20px;
  flex-shrink:0;
  backdrop-filter:blur(12px);
}

.flow-tab{
  position:relative;
  padding:10px 15px;
  border-radius:999px;
  color:#64748B;
  font-size:13px;
  font-weight:850;
  cursor:pointer;
  transition:all .18s ease;
}

.flow-tab:hover{
  background:#EFFAFF;
  color:#0369A1;
}

.flow-tab.on{
  background:linear-gradient(135deg,#00C2FF,#2EC4B6);
  color:#06111F;
  box-shadow:0 10px 22px rgba(0,194,255,.18);
}
#v-builder .legacy-builder-tabs{
  display:none!important;
}
#v-builder .legacy-builder-tabs{
  display:none!important;
}
.flow-builder-head{
  display:none!important;
}

/* ═══════════════════════════════════════════════════════════════
   UTILISATEURS — DESIGN PRO NEXUS
   ═══════════════════════════════════════════════════════════════ */
body{background:linear-gradient(180deg,#f7fbff 0%,#eef5fb 100%)!important}
#sb{background:linear-gradient(180deg,#07172d 0%,#0c2741 100%)!important;box-shadow:12px 0 34px rgba(7,23,45,.12)}
.sb-logo{padding:18px 16px 22px!important;background:rgba(255,255,255,.015)!important}
.sb-logo-img{width:176px!important;border-radius:0!important;filter:drop-shadow(0 14px 26px rgba(0,194,255,.13))}
.sb-i.on{background:linear-gradient(135deg,rgba(0,194,255,.88),rgba(46,196,182,.88))!important;color:#07172d!important;box-shadow:0 16px 32px rgba(0,194,255,.20)!important}
.sb-i{border:1px solid transparent!important}
.sb-i:hover{border-color:rgba(255,255,255,.08)!important;transform:translateX(2px)}
#topbar{height:70px!important;background:rgba(255,255,255,.84)!important;backdrop-filter:blur(16px);box-shadow:none!important;border-bottom:0!important;padding:0 34px!important}
#tb-t{font-size:25px!important;letter-spacing:-.8px!important}
.breadcrumb{padding:0 34px 18px!important;background:rgba(255,255,255,.84)!important;border-bottom:0!important;font-size:14px!important;color:#7b8799!important}
#main{background:linear-gradient(180deg,#f7fbff 0%,#edf5fb 100%)!important}

.pt-users-page{padding:8px 34px 34px;flex:1;overflow-y:auto}
.pt-loading{padding:34px;color:#7b8799;font-weight:800}
.pt-card,.pt-quota-card{border:1px solid rgba(202,214,229,.92);background:rgba(255,255,255,.88);box-shadow:0 20px 55px rgba(15,23,42,.06);border-radius:20px}
.pt-quota-card{display:grid;grid-template-columns:1fr 130px 360px;gap:22px;align-items:center;padding:28px;margin-bottom:24px;position:relative;overflow:hidden}
.pt-quota-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 62% 20%,rgba(0,117,255,.12),transparent 34%),radial-gradient(circle at 12% 10%,rgba(46,196,182,.12),transparent 30%);pointer-events:none}
.pt-quota-main,.pt-quota-side,.pt-shield{position:relative;z-index:1}
.pt-quota-title h3,.pt-card-head h3{font-size:18px;letter-spacing:-.3px;margin-bottom:8px;color:#0b132b}
.pt-quota-title p,.pt-card-head p{font-size:13px;color:#5f6b7a;line-height:1.45}
.pt-quota-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:16px;margin-top:30px}
.pt-quota-box{display:flex;gap:15px;align-items:center;background:#fff;border:1px solid #dbe5ef;border-radius:16px;padding:17px 18px;box-shadow:0 12px 28px rgba(15,23,42,.04)}
.pt-qicon{width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;background:#edf7ff}
.pt-quota-box.green .pt-qicon{background:#e9fbf2}.pt-quota-box.violet .pt-qicon{background:#f4ecff}
.pt-qtitle{font-size:13px;font-weight:800;color:#1f2937;margin-bottom:5px}
.pt-qnums{display:flex;align-items:baseline;gap:5px}.pt-qnums input{width:44px;border:0;background:transparent;font-size:28px;font-weight:900;color:#0b132b;outline:none}.pt-qnums span{font-size:15px;color:#7b8799;font-weight:800}.pt-qnums small,.pt-quota-box small{font-size:11px;color:#8b97a8}
.pt-shield{width:112px;height:112px;border-radius:38px;display:flex;align-items:center;justify-content:center;font-size:54px;font-weight:900;color:#fff;background:linear-gradient(135deg,#1e7bff,#6aa8ff);box-shadow:0 20px 45px rgba(30,123,255,.28);transform:rotate(-8deg);justify-self:center}
.pt-quota-side{border-left:1px solid #dbe5ef;padding-left:28px;display:grid;grid-template-columns:110px 1fr;gap:12px 20px;align-items:center}
.pt-env-line{grid-column:1/-1;display:flex;align-items:center;gap:10px;margin-bottom:4px}.pt-env-line label{font-weight:900;color:#17213a}.pt-env-line input{height:42px;border:1px solid #d7e1ec;border-radius:12px;padding:0 14px;font-weight:900;text-transform:uppercase;background:#fff;min-width:130px}.pt-env-line button{height:42px;border:0;border-radius:12px;padding:0 16px;background:#0b132b;color:#fff;font-weight:900;cursor:pointer}
.pt-capacity-title{grid-column:1/-1;font-size:13px;font-weight:900;color:#17213a}.pt-donut{width:92px;height:92px;border-radius:50%;background:conic-gradient(#1f7aff calc(var(--pct)*1%),#e8eef6 0);display:flex;align-items:center;justify-content:center;position:relative}.pt-donut:after{content:"";position:absolute;inset:10px;background:#fff;border-radius:50%}.pt-donut span{position:relative;z-index:1;font-size:20px;font-weight:900;color:#17213a}.pt-used-line{font-size:13px;color:#5f6b7a}.pt-save-quotas{grid-column:1/-1;height:48px;border:0;border-radius:14px;background:linear-gradient(135deg,#1478ff,#0fb6e8);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 14px 28px rgba(20,120,255,.24)}
.pt-list-card{padding:26px}.pt-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:22px}.pt-chips{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.pt-chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:900}.pt-chip.blue{background:#e7f2ff;color:#0875ef}.pt-chip.green{background:#dcfce7;color:#059669}.pt-chip.violet{background:#f2e8ff;color:#7c3aed}.pt-cap{border-radius:999px;padding:8px 14px;font-weight:900;font-size:12px}.pt-cap.ok{background:#dcfce7;color:#059669}.pt-cap.ko{background:#fff2e8;color:#f97316}
.pt-table-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:18px;margin:12px 0 18px}.pt-primary-btn{height:48px;border:0;border-radius:14px;background:#0b1d3d;color:#fff;padding:0 22px;font-size:14px;font-weight:900;box-shadow:0 12px 24px rgba(11,29,61,.18);cursor:pointer}.pt-primary-btn:disabled{opacity:.45;cursor:not-allowed}.pt-search{height:44px;min-width:260px;display:flex;align-items:center;gap:10px;border:1px solid #dbe5ef;border-radius:13px;background:#fff;padding:0 14px}.pt-search input{border:0;outline:0;font-family:inherit;font-size:13px;flex:1;color:#0b132b}
.pt-table-shell{border:1px solid #dbe5ef;border-radius:14px;overflow:hidden;background:#fff}.pt-table{width:100%;border-collapse:collapse}.pt-table th{background:#f8fafc;color:#64748b;text-align:left;font-size:12px;font-weight:900;padding:15px 16px;border-bottom:1px solid #dbe5ef}.pt-table td{padding:16px;border-bottom:1px solid #eef2f7;color:#334155;font-size:13px}.pt-table tr:last-child td{border-bottom:0}.pt-table tbody tr:hover{background:#fbfdff}.pt-license-cell{display:flex;align-items:center;gap:12px}.pt-avatar{width:43px;height:43px;border-radius:16px;background:linear-gradient(135deg,#04bfff,#1677ff);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(4,191,255,.20)}.pt-license-cell strong{display:block;color:#111827;font-size:14px}.pt-license-cell small{display:block;color:#64748b;font-size:12px;margin-top:2px}.pt-role-chip{display:inline-flex;background:#f3e8ff;color:#7c3aed;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;margin:2px 4px 2px 0}.pt-status{display:inline-flex;align-items:center;gap:8px;font-weight:900;color:#111827}.pt-status i{width:8px;height:8px;border-radius:50%;background:#22c55e}.pt-status.off i{background:#ef4444}.pt-actions{display:flex;gap:10px}.pt-actions button{width:36px;height:36px;border:1px solid #dbe5ef;border-radius:10px;background:#fff;cursor:pointer;font-weight:900;color:#0b1d3d}.pt-actions button.danger{background:#fff1f2;color:#ef4444;border-color:#ffe0e4}.pt-empty{text-align:center;padding:58px;color:#7b8799;font-weight:800}.pt-list-footer{display:flex;align-items:center;justify-content:space-between;margin-top:18px;color:#64748b;font-size:13px}.pt-pager{display:flex;gap:10px;align-items:center}.pt-pager button,.pt-pager b,.pt-pager select{height:38px;min-width:38px;border:1px solid #dbe5ef;border-radius:10px;background:#fff;padding:0 12px}.pt-pager b{display:flex;align-items:center;justify-content:center;background:#0b1d3d;color:#fff;border-color:#0b1d3d}
.pt-modal-backdrop{position:fixed;inset:0;background:rgba(7,23,45,.55);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999}.pt-modal{width:520px;max-width:94vw;background:#fff;border-radius:20px;box-shadow:0 28px 80px rgba(0,0,0,.28);overflow:hidden}.pt-modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e5edf5;font-size:16px;font-weight:900}.pt-modal-head button{border:0;background:#f1f5f9;width:34px;height:34px;border-radius:10px;font-size:22px;cursor:pointer;color:#64748b}.pt-modal-body{padding:20px 22px;display:flex;flex-direction:column;gap:14px}.pt-role-select{border:1.5px solid #dbe5ef;border-radius:14px;padding:10px;max-height:165px;overflow:auto;background:#fbfdff}.pt-role-select label{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;font-size:13px;font-weight:800;color:#17213a;cursor:pointer}.pt-role-select label:hover{background:#eef7ff}.pt-role-select input{accent-color:#1478ff}.pt-active-line{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #e5edf5;font-size:13px;font-weight:900}.pt-modal-foot{padding:14px 22px;border-top:1px solid #e5edf5;display:flex;gap:10px;justify-content:flex-end;background:#f8fafc}
@media(max-width:1100px){.pt-quota-card{grid-template-columns:1fr}.pt-shield{display:none}.pt-quota-side{border-left:0;padding-left:0}.pt-quota-grid{grid-template-columns:1fr}.pt-table-toolbar{justify-content:stretch;flex-direction:column;align-items:stretch}.pt-search{min-width:0}.pt-table-shell{overflow-x:auto}.pt-table{min-width:980px}}

/* ═══════════════════════════════════════════════════════════════
   PICOTRACK NEXUS — GLOBAL UI SYSTEM V3
   Refonte visuelle globale : plus compacte, plus SaaS, plus homogène
   ═══════════════════════════════════════════════════════════════ */
:root{
  --p:#1488ff!important;
  --pd:#086ad8!important;
  --pl:#eef7ff!important;
  --s:#22c7b8!important;
  --sl:#e9fbf8!important;
  --navy:#08172d!important;
  --navy2:#0d2440!important;
  --steel:#14294a!important;
  --bg:#f5f8fc!important;
  --card:#ffffff!important;
  --bd:#dce6f2!important;
  --tx:#0b1730!important;
  --tm:#516173!important;
  --tl:#7a8798!important;
  --radius:18px!important;
  --shadow:0 18px 48px rgba(15,23,42,.075)!important;
  --shadow-soft:0 10px 28px rgba(15,23,42,.055)!important;
}
html,body{background:#f5f8fc!important;color:var(--tx)!important;}
body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 18% 6%,rgba(20,136,255,.12),transparent 34%),radial-gradient(circle at 82% 10%,rgba(34,199,184,.10),transparent 31%),linear-gradient(180deg,#f8fbff 0%,#eef4fa 100%)!important;}
#main{left:250px!important;background:transparent!important;}
.view{background:transparent!important;}
.view.on:not(#v-builder):not(#v-saisie){padding-bottom:28px!important;}

/* Sidebar premium */
#sb{background:linear-gradient(180deg,#071528 0%,#08213a 54%,#07182e 100%)!important;border-right:1px solid rgba(255,255,255,.07)!important;box-shadow:16px 0 42px rgba(4,16,32,.14)!important;}
.sb-logo{height:116px!important;padding:18px 16px!important;justify-content:center!important;border-bottom:1px solid rgba(255,255,255,.08)!important;}
.sb-logo-img{width:156px!important;max-height:74px!important;object-fit:contain!important;border-radius:14px!important;box-shadow:0 16px 28px rgba(0,0,0,.16)!important;}
.sb-s{padding:18px 20px 8px!important;font-size:10px!important;letter-spacing:1.8px!important;color:rgba(226,238,255,.42)!important;}
.sb-i{margin:5px 14px!important;padding:12px 13px!important;border-radius:14px!important;color:rgba(236,246,255,.76)!important;font-weight:800!important;letter-spacing:-.1px!important;}
.sb-i:hover{background:rgba(255,255,255,.065)!important;border-color:rgba(255,255,255,.08)!important;color:#fff!important;transform:translateX(2px)!important;}
.sb-i.on{background:linear-gradient(135deg,#16c7ea 0%,#22c7b8 100%)!important;color:#06152b!important;box-shadow:0 14px 28px rgba(22,199,234,.22)!important;}
.sb-bk{background:rgba(255,255,255,.15)!important;color:#dff9ff!important;min-width:24px;text-align:center;}
.sb-i.on .sb-bk{background:rgba(6,21,43,.15)!important;color:#06152b!important;}
.sb-bot{margin:14px!important;border:1px solid rgba(255,111,111,.35)!important;border-radius:16px!important;background:rgba(255,111,111,.07)!important;justify-content:center!important;font-weight:900!important;}

/* Header unique pour toutes les pages */
#topbar{height:66px!important;padding:0 32px!important;background:rgba(255,255,255,.76)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(220,230,242,.72)!important;box-shadow:none!important;}
#tb-t{font-size:24px!important;line-height:1!important;font-weight:950!important;letter-spacing:-.8px!important;color:#07172d!important;}
.breadcrumb{padding:0 32px 16px!important;background:rgba(255,255,255,.76)!important;border-bottom:1px solid rgba(220,230,242,.72)!important;color:#738195!important;font-size:14px!important;}
.bc-cur{color:#253149!important;font-weight:850!important;}

/* Composants communs */
.fbox,.dt,.dash-card,.access-card,.b-sec,.layout-row,.apercu-form,.database-card,.api-card,.service-card,.form-card,.pt-card,.pt-quota-card{
  border:1px solid rgba(199,213,229,.78)!important;
  background:rgba(255,255,255,.88)!important;
  border-radius:20px!important;
  box-shadow:var(--shadow-soft)!important;
}
.fbox:hover,.dt:hover,.dash-card:hover,.access-card:hover,.b-sec:hover,.layout-row:hover,.pt-card:hover,.pt-quota-card:hover{box-shadow:var(--shadow)!important;}
.btn,.pt-primary-btn,.pt-save-quotas,.ic-btn,.pg-btn,.fi,.ci,.sbar,.frow,.ap-input,.pt-search{border-radius:13px!important;}
.btn,.pt-primary-btn,.pt-save-quotas{transition:transform .15s ease,box-shadow .15s ease,background .15s ease!important;}
.btn:hover,.pt-primary-btn:hover,.pt-save-quotas:hover{transform:translateY(-1px)!important;}
.bp,.pt-primary-btn,.pt-save-quotas{background:linear-gradient(135deg,#0f7cff 0%,#12b9e6 100%)!important;color:#fff!important;border:0!important;box-shadow:0 13px 26px rgba(15,124,255,.22)!important;}
.pt-primary-btn:disabled{background:#9aa5b5!important;box-shadow:none!important;transform:none!important;}
.fi,.ci,.frow,.sbar,.ap-input,.pt-search{background:#fff!important;border:1px solid #dbe6f2!important;box-shadow:0 1px 0 rgba(15,23,42,.02)!important;}
.fi:focus,.ci:focus,.frow:focus-within,.sbar:focus-within,.pt-search:focus-within{border-color:#78c6ff!important;box-shadow:0 0 0 4px rgba(20,136,255,.10)!important;}
.dt,.pt-table-shell{overflow:hidden!important;}
.dth,.pt-table th{background:#f8fbff!important;color:#5f7085!important;}
.dtr:hover,.pt-table tbody tr:hover{background:#f5fbff!important;}
.mod-tag,.pt-chip,.pt-role-chip{font-weight:900!important;}

/* Pages standard : air propre sans effet bricolage */
#v-dashboard,#v-roles,#v-list,#v-prod-forms,#v-services,#v-prod-services-list,#v-prod-database,#v-api-config,#v-licensing{padding-left:32px!important;padding-right:32px!important;}
.toolbar,.fbox-head{gap:12px!important;}

/* Utilisateurs : V3 compacte */
.pt-users-page{padding:24px 32px 32px!important;}
.pt-quota-card{grid-template-columns:1fr 320px!important;gap:22px!important;align-items:stretch!important;padding:24px 26px!important;margin-bottom:22px!important;min-height:0!important;}
.pt-quota-card:before{background:radial-gradient(circle at 48% 0%,rgba(20,136,255,.12),transparent 36%),radial-gradient(circle at 8% 0%,rgba(34,199,184,.11),transparent 32%)!important;}
.pt-shield{display:none!important;}
.pt-quota-title h3,.pt-card-head h3{font-size:19px!important;font-weight:950!important;letter-spacing:-.45px!important;margin-bottom:6px!important;}
.pt-quota-title p,.pt-card-head p{font-size:13px!important;color:#637287!important;}
.pt-quota-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-top:22px!important;}
.pt-quota-box{padding:15px!important;border-radius:17px!important;box-shadow:0 10px 24px rgba(15,23,42,.04)!important;}
.pt-qicon{width:42px!important;height:42px!important;border-radius:14px!important;font-size:20px!important;}
.pt-qtitle{font-size:12.5px!important;}
.pt-qnums input{font-size:25px!important;width:42px!important;}
.pt-quota-side{border-left:1px solid #dbe6f2!important;padding-left:24px!important;grid-template-columns:92px 1fr!important;align-content:center!important;}
.pt-env-line{margin:0 0 6px!important;gap:8px!important;}
.pt-env-line input,.pt-env-line button{height:40px!important;}
.pt-donut{width:86px!important;height:86px!important;}
.pt-save-quotas{height:46px!important;}
.pt-list-card{padding:24px 26px!important;}
.pt-card-head{align-items:flex-start!important;margin-bottom:18px!important;}
.pt-head-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;flex-wrap:wrap!important;min-width:520px!important;}
.pt-cap{order:0!important;}
.pt-primary-btn{height:44px!important;padding:0 18px!important;font-size:13.5px!important;white-space:nowrap!important;}
.pt-search{height:44px!important;min-width:240px!important;}
.pt-table-toolbar{display:none!important;}
.pt-table th{padding:13px 16px!important;font-size:11.5px!important;}
.pt-table td{padding:14px 16px!important;}
.pt-avatar{box-shadow:0 10px 22px rgba(20,136,255,.20)!important;}
.pt-actions button{border-radius:11px!important;}
.pt-list-footer{padding-top:18px!important;}

/* Modales uniformes */
.pt-modal-backdrop,#cfg-bd{backdrop-filter:blur(5px)!important;background:rgba(8,23,45,.46)!important;}
.pt-modal{border-radius:22px!important;border:1px solid rgba(220,230,242,.9)!important;box-shadow:0 30px 80px rgba(8,23,45,.25)!important;overflow:hidden!important;}
.pt-modal-head{background:#f8fbff!important;border-bottom:1px solid #dbe6f2!important;}
.pt-modal-foot{background:#f8fbff!important;border-top:1px solid #dbe6f2!important;}

/* Responsive utile */
@media(max-width:1200px){
  .pt-quota-card{grid-template-columns:1fr!important;}
  .pt-quota-side{border-left:0!important;border-top:1px solid #dbe6f2!important;padding-left:0!important;padding-top:18px!important;grid-template-columns:90px 1fr!important;}
  .pt-head-actions{min-width:100%!important;justify-content:flex-start!important;}
}

/* ═══════════════════════════════════════════════════════════════
   PICOTRACK NEXUS V4 — STUDIO PLATFORM
   ═══════════════════════════════════════════════════════════════ */
.sb-logo{padding:18px 16px 14px;justify-content:center}.sb-logo-img{max-width:160px;max-height:54px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))}.sb-env-sub{font-size:10px;color:rgba(255,255,255,.52);margin-top:2px}.sb-ico{width:22px;display:inline-flex;justify-content:center;filter:saturate(1.05)}#sb{background:linear-gradient(180deg,#081124 0%,#0B132B 48%,#101B38 100%)}.sb-s{padding-top:18px}.sb-i{position:relative}.sb-i.on:before{content:"";position:absolute;left:-8px;top:10px;bottom:10px;width:3px;border-radius:8px;background:#fff;opacity:.95}#topbar{height:64px}.breadcrumb{font-size:12px}
.studio-page{padding:22px;flex:1;overflow-y:auto;background:radial-gradient(circle at top right,rgba(0,194,255,.10),transparent 320px),var(--bg)}.v4-hero,.v4-page-head{background:linear-gradient(135deg,#0B132B,#13244A);color:#fff;border-radius:24px;padding:26px;box-shadow:var(--shadow);display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px;overflow:hidden;position:relative}.v4-hero:after,.v4-page-head:after{content:"";position:absolute;right:-60px;top:-80px;width:240px;height:240px;border-radius:50%;background:rgba(0,194,255,.16)}.v4-eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:11px;font-weight:900;color:#67E8F9;margin-bottom:8px}.v4-hero h1,.v4-page-head h1{font-size:30px;line-height:1;font-weight:900;letter-spacing:-1px;margin:0 0 8px}.v4-hero p,.v4-page-head p{color:rgba(255,255,255,.72);font-size:14px;max-width:640px}.v4-hero-actions{display:flex;gap:10px;position:relative;z-index:1}.v4-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.v4-kpi{background:#fff;border:1px solid var(--bd);border-radius:20px;padding:18px;box-shadow:var(--shadow-soft);display:flex;gap:14px;align-items:center}.v4-kpi-ico{width:44px;height:44px;border-radius:15px;background:var(--pl);display:flex;align-items:center;justify-content:center;font-size:22px}.v4-kpi-label{font-size:12px;color:var(--tl);font-weight:800}.v4-kpi-value{font-size:25px;font-weight:900;letter-spacing:-.8px}.v4-kpi-sub{font-size:11px;color:var(--tl)}.v4-two-col{display:grid;grid-template-columns:1.4fr .9fr;gap:16px}.v4-panel{background:#fff;border:1px solid var(--bd);border-radius:22px;padding:18px;box-shadow:var(--shadow-soft)}.v4-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.v4-panel-head h2{font-size:16px;font-weight:900}.v4-panel-head span{font-size:11px;font-weight:900;color:var(--p);background:var(--pl);padding:5px 9px;border-radius:99px}.v4-mini-list,.v4-workflow-list{display:grid;gap:10px}.v4-mini-list button,.v4-workflow-list button{border:1px solid var(--bd);background:#fff;border-radius:16px;padding:14px;text-align:left;display:flex;flex-direction:column;gap:4px;cursor:pointer;transition:.16s;font-family:inherit}.v4-mini-list button:hover,.v4-workflow-list button:hover{transform:translateY(-1px);border-color:rgba(0,194,255,.55);box-shadow:var(--shadow-soft)}.v4-mini-list b,.v4-workflow-list b{font-size:13.5px;color:var(--tx)}.v4-mini-list small,.v4-workflow-list small{color:var(--tl);font-size:12px}.v4-env-big{border:1px solid var(--bd);border-radius:18px;padding:18px;background:linear-gradient(180deg,#fff,#F8FAFC);display:flex;flex-direction:column;gap:6px}.v4-env-big div{font-size:28px}.v4-env-big strong{font-size:18px}.v4-env-big small,.v4-activity p{color:var(--tl);font-size:12px}.v4-activity{margin-top:14px;padding:14px;border-radius:16px;background:var(--pl);border:1px solid rgba(0,194,255,.16)}.v4-activity div{font-weight:900;margin-bottom:4px}.v4-module-grid,.v4-auto-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.v4-module-card{background:#fff;border:1px solid var(--bd);border-radius:24px;padding:20px;box-shadow:var(--shadow-soft);min-height:230px;display:flex;flex-direction:column;cursor:pointer;transition:.18s}.v4-module-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:rgba(0,194,255,.45)}.v4-module-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.v4-module-top span{font-size:10px;font-weight:900;text-transform:uppercase;color:var(--p);background:var(--pl);padding:5px 9px;border-radius:99px}.v4-module-ico{width:48px;height:48px;border-radius:18px;background:linear-gradient(135deg,var(--pl),#fff);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;font-size:25px}.v4-module-card h3{font-size:18px;font-weight:900;margin-bottom:8px}.v4-module-card p{font-size:13px;color:var(--tl);line-height:1.45;flex:1}.v4-module-card .btn{align-self:flex-start;margin-top:16px}.v4-flow-demo{display:flex;align-items:center;gap:14px;margin-bottom:16px}.v4-flow-demo div{flex:1;background:#fff;border:1px solid var(--bd);border-radius:20px;padding:18px;color:var(--tl);box-shadow:var(--shadow-soft)}.v4-flow-demo div b{display:block;color:var(--tx);font-size:16px;margin-top:5px}.v4-flow-demo span{font-size:24px;color:var(--tl);font-weight:900}.v4-empty{padding:28px;text-align:center;color:var(--tl);border:1px dashed var(--bd);border-radius:18px;background:#F8FAFC}@media(max-width:1100px){.v4-kpi-grid,.v4-module-grid,.v4-auto-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v4-two-col{grid-template-columns:1fr}.v4-hero,.v4-page-head{align-items:flex-start;flex-direction:column}}@media(max-width:760px){.v4-kpi-grid,.v4-module-grid,.v4-auto-grid{grid-template-columns:1fr}.v4-flow-demo{flex-direction:column}.v4-flow-demo span{transform:rotate(90deg)}}

/* Execution Center Premium V1 */
.pt-exec-tab{border:1.5px solid var(--bd);background:#fff;border-radius:12px;padding:10px 14px;font-family:inherit;font-weight:800;color:var(--tm);cursor:pointer;display:flex;align-items:center;gap:7px;white-space:nowrap}
.pt-exec-tab.on{background:var(--pl);color:var(--p);border-color:#bfdbfe}.pt-exec-tab span{font-size:11px;padding:2px 7px;border-radius:20px;background:#f1f5f9}.pt-exec-tab.on span{background:#fff}.pt-exec-tabs{display:flex;gap:8px;align-items:center;overflow-x:auto;flex:1}.pt-exec-filter,.pt-exec-view,.pt-exec-new{border:1.5px solid var(--bd);background:#fff;border-radius:12px;padding:10px 14px;font-family:inherit;font-weight:800;cursor:pointer;color:var(--tx)}.pt-exec-view{width:42px;padding:10px}.pt-exec-view.on{background:var(--pl);color:var(--p);border-color:#bfdbfe}.pt-exec-new{background:linear-gradient(135deg,#18b6ff,#0ea5e9);color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(14,165,233,.24)}.pt-exec-search{height:42px;min-width:260px;display:flex;align-items:center;gap:8px;border:1.5px solid var(--bd);border-radius:12px;background:#fff;padding:0 12px}.pt-exec-search input{border:0;outline:0;font-family:inherit;width:100%;font-weight:650;color:var(--tx)}
.pt-exec-shell{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;min-width:1180px}.pt-exec-main{min-width:0}.pt-exec-kpis{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin-bottom:16px}.pt-kpi{background:#fff;border:1.5px solid var(--bd);border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 12px 35px rgba(15,23,42,.05)}.pt-kpi-ico{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:19px}.pt-kpi b{display:block;font-size:20px;font-weight:900;color:var(--tx)}.pt-kpi span{display:block;font-size:12px;font-weight:800;color:var(--tx);margin-top:1px}.pt-kpi small{display:block;font-size:11px;font-weight:800;margin-top:3px}.pt-board{display:flex;gap:14px;align-items:flex-start}.pt-col{width:280px;min-width:280px;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.58));border:1.5px solid var(--bd);border-radius:16px;overflow:hidden;box-shadow:0 14px 38px rgba(15,23,42,.05);border-top:4px solid var(--col)}.pt-col-head{height:62px;display:flex;align-items:center;gap:8px;padding:0 12px;background:rgba(255,255,255,.84);border-bottom:1px solid #e5edf6}.pt-col-head div{flex:1}.pt-col-head b{display:block;font-size:15px}.pt-col-head span{font-size:11px;color:var(--tl);font-weight:750}.pt-col-head em{font-style:normal;font-size:11px;font-weight:900;padding:2px 8px;border-radius:20px;background:color-mix(in srgb, var(--col), white 82%);color:var(--col)}.pt-col-head button{width:28px;height:28px;border-radius:9px;border:1px solid var(--bd);background:#fff;cursor:pointer;font-weight:900;color:var(--tl)}.pt-col-list{padding:10px;display:flex;flex-direction:column;gap:10px;min-height:460px}.pt-empty{border:2px dashed #dce7f3;border-radius:13px;padding:26px;text-align:center;color:var(--tl);font-size:12px;font-weight:750;background:rgba(255,255,255,.5)}.pt-add-folder{width:100%;border:0;border-top:1px solid #e5edf6;background:rgba(255,255,255,.5);padding:12px;font-family:inherit;font-weight:800;color:var(--tm);cursor:pointer}.pt-card{background:#fff;border:1.5px solid #dbe7f4;border-radius:14px;padding:12px;cursor:pointer;box-shadow:0 8px 22px rgba(15,23,42,.04);transition:all .15s}.pt-card:hover,.pt-card.selected{border-color:#60a5fa;box-shadow:0 12px 28px rgba(59,130,246,.12);transform:translateY(-1px)}.pt-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.pt-card-top span{font-family:'DM Mono',monospace;color:var(--tl);font-size:11px}.pt-card-top label{font-size:10px;font-weight:900;padding:3px 8px;border-radius:8px}.pt-card h4{margin:0 0 7px;font-size:14px;font-weight:900;color:var(--tx)}.pt-card p{margin:4px 0;color:var(--tm);font-size:12px;font-weight:650}.pt-progress{height:8px;background:#e5edf6;border-radius:20px;overflow:hidden;margin:10px 0;position:relative}.pt-progress i{height:100%;display:block;background:#2563eb;border-radius:20px}.pt-progress span{position:absolute;right:0;top:10px;font-size:10px;font-weight:800;color:var(--tl)}.pt-card-tags{display:flex;align-items:center;gap:7px;margin-top:12px}.pt-card-tags .prio{font-size:10px;font-weight:900;padding:4px 8px;border-radius:8px;background:#eef6ff;color:#2563eb}.pt-card-tags .prio.high{background:#fee2e2;color:#ef4444}.pt-card-tags .user,.avatar{width:25px;height:25px;border-radius:50%;background:#475569;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}.pt-card-tags small{font-size:11px;font-weight:800;color:var(--tx)}.pt-card-actions{display:flex;gap:7px;margin-top:12px;position:relative}.pt-card-actions button{border:1.5px solid var(--bd);background:#fff;border-radius:10px;padding:8px 10px;font-family:inherit;font-weight:850;cursor:pointer;color:var(--tx)}.pt-card-actions .primary{background:#2563eb;color:#fff;border-color:#2563eb;flex:1}.pt-more-actions{display:none}.pt-drawer{background:#fff;border:1.5px solid var(--bd);border-radius:18px;box-shadow:0 20px 55px rgba(15,23,42,.10);min-height:720px;max-height:calc(100vh - 160px);overflow-y:auto;position:sticky;top:0}.pt-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 6px}.pt-drawer-head div{display:flex;gap:8px;align-items:center}.pt-drawer-head span{font-family:'DM Mono',monospace;color:#475569;font-weight:800}.pt-drawer-head label{font-size:11px;font-weight:900;padding:4px 10px;border-radius:9px}.pt-drawer-head button{border:0;background:#fff;font-size:26px;color:var(--tl);cursor:pointer}.pt-drawer h2{font-size:19px;margin:4px 20px 6px;color:var(--tx)}.pt-drawer-sub{margin:0 20px 12px;color:var(--tm);font-weight:700;font-size:13px}.pt-drawer-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 20px 16px;color:var(--tm);font-size:12px;font-weight:750}.pt-drawer-meta div{border-right:1px solid #e5edf6}.pt-drawer-meta div:last-child{border-right:0;display:flex;align-items:center;gap:8px}.pt-drawer-meta small{color:var(--tl)}.pt-drawer-tabs{display:flex;gap:18px;border-bottom:1px solid #e5edf6;border-top:1px solid #e5edf6;padding:0 20px}.pt-drawer-tabs b,.pt-drawer-tabs span{padding:14px 0;font-size:12px;font-weight:900;color:var(--tm)}.pt-drawer-tabs b{color:#2563eb;border-bottom:3px solid #2563eb}.pt-info,.pt-quick,.pt-mini-history{padding:18px 20px;border-bottom:1px solid #e5edf6}.pt-info h3,.pt-quick h3,.pt-mini-history h3{margin:0 0 12px;font-size:13px;font-weight:900;color:var(--tx)}.pt-info>div{display:grid;grid-template-columns:130px 1fr;gap:12px;margin:9px 0;font-size:12px}.pt-info span{color:var(--tm);font-weight:700}.pt-info b{color:var(--tx);font-weight:850}.pt-info p{font-size:13px;color:var(--tm);line-height:1.5}.pt-quick button{width:100%;border:1.5px solid var(--bd);background:#fff;border-radius:11px;padding:12px;margin:6px 0;font-family:inherit;font-weight:900;cursor:pointer;color:var(--tx)}.pt-quick button.main{background:var(--c);border-color:var(--c);color:#fff}.pt-mini-history div{padding:8px 0;border-bottom:1px solid #eef3f8}.pt-mini-history b{display:block;font-size:12px}.pt-mini-history span{font-size:11px;color:var(--tl)}.pt-drawer-empty{padding:30px;text-align:center;color:var(--tl);font-weight:800}
@media(max-width:1200px){.pt-exec-shell{grid-template-columns:1fr;min-width:960px}.pt-drawer{position:relative;max-height:none}.pt-exec-kpis{grid-template-columns:repeat(3,1fr)}}

/* ═════════════════════════════════════════════════════════════
   EXECUTION CENTER PREMIUM V2
   ═════════════════════════════════════════════════════════════ */
.exec-center-page{padding:28px 32px 36px;background:#f6f9fc;min-height:100%;box-sizing:border-box;overflow:auto}
.exec-center-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:20px}
.exec-center-head h1{font-size:30px;line-height:1.1;margin:0;color:#0f172a;font-weight:900;letter-spacing:-.04em}
.exec-center-head p{margin:7px 0 0;color:#64748b;font-size:14px;font-weight:600}
.exec-user-box{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.72);border:1px solid #e2e8f0;border-radius:18px;padding:10px 14px;box-shadow:0 10px 30px rgba(15,23,42,.04)}
.exec-user-box b{display:block;font-size:13px;color:#0f172a}.exec-user-box small{display:block;font-size:11px;color:#64748b}.exec-avatar{width:36px;height:36px;border-radius:50%;background:#64748b;color:#fff;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center}.exec-bell{position:relative;font-size:19px}.exec-bell i{position:absolute;top:-7px;right:-7px;background:#ef4444;color:#fff;border-radius:50%;font-size:9px;font-style:normal;font-weight:900;min-width:15px;height:15px;display:flex;align-items:center;justify-content:center}
.exec-kpi-row{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px;margin-bottom:22px}
.exec-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:0 14px 36px rgba(15,23,42,.055)}
.exec-kpi-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.exec-kpi-card b{display:block;font-size:22px;color:#0f172a;font-weight:900;line-height:1}.exec-kpi-card span{display:block;font-size:12.5px;color:#334155;font-weight:800;margin-top:4px}.exec-kpi-card small{display:block;font-size:11px;font-weight:800;margin-top:4px}
.exec-toolbar-v2{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}.exec-search-v2{height:42px;background:#fff;border:1px solid #dbe7f4;border-radius:12px;display:flex;align-items:center;gap:9px;padding:0 12px;min-width:290px;box-shadow:0 8px 24px rgba(15,23,42,.035)}.exec-search-v2 input{border:none;outline:none;background:transparent;font:inherit;font-size:13px;min-width:220px;color:#0f172a}.exec-filter-btn,.exec-select,.exec-view-switch button,.exec-new-folder{height:42px;border:1px solid #dbe7f4;background:#fff;border-radius:12px;padding:0 14px;font:inherit;font-size:13px;font-weight:800;color:#334155;cursor:pointer;box-shadow:0 8px 24px rgba(15,23,42,.025)}.exec-select{appearance:none}.exec-spacer{flex:1}.exec-view-switch{display:flex;background:#fff;border:1px solid #dbe7f4;border-radius:12px;overflow:hidden}.exec-view-switch button{box-shadow:none;border:0;border-radius:0;border-right:1px solid #e2e8f0}.exec-view-switch button:last-child{border-right:0}.exec-view-switch button.on{background:#eff6ff;color:#2563eb}.exec-new-folder{background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;border:0;padding:0 18px}
.exec-service-grid-v2{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:22px}.exec-service-card{background:#fff;border:1px solid #e2e8f0;border-top:3px solid var(--svc);border-radius:18px;padding:18px;box-shadow:0 16px 36px rgba(15,23,42,.065);cursor:pointer;transition:.16s ease;min-height:255px;display:flex;flex-direction:column}.exec-service-card:hover{transform:translateY(-3px);box-shadow:0 22px 48px rgba(15,23,42,.09);border-color:#bfdbfe}.exec-card-top{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.exec-card-icon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.exec-card-top h3{margin:2px 0 0;font-size:15px;font-weight:900;color:#0f172a;line-height:1.2}.exec-card-top p{margin:3px 0 0;color:#64748b;font-size:11.5px;font-weight:600}.exec-card-top>div:nth-child(2){flex:1}.exec-card-top button{border:none;background:transparent;color:#94a3b8;font-size:18px;cursor:pointer}.exec-urgent{font-size:10.5px;font-weight:900;border-radius:999px;padding:5px 9px;white-space:nowrap}.exec-urgent.good{background:#dcfce7;color:#059669}.exec-urgent.bad{background:#fee2e2;color:#dc2626}.exec-card-metrics{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.exec-card-metrics b{display:block;font-size:31px;color:#0f172a;font-weight:900;line-height:1}.exec-card-metrics span{font-size:12px;color:#64748b;font-weight:700}.exec-sla-ring{width:58px;height:58px;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p)*1%),#e9eef5 0);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.exec-sla-ring:before{content:"";position:absolute;inset:5px;background:#fff;border-radius:50%}.exec-sla-ring b,.exec-sla-ring span{position:relative}.exec-sla-ring b{font-size:13px}.exec-sla-ring span{font-size:9px;color:#64748b;font-weight:800}.exec-progress{height:6px;background:#e8eef7;border-radius:20px;overflow:hidden;margin-bottom:17px}.exec-progress i{display:block;height:100%;border-radius:20px}.exec-card-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;font-size:12px}.exec-card-row span{color:#7c8da5}.exec-card-row b{color:#0f172a}.exec-avatars{display:flex;align-items:center;gap:0}.exec-avatars span,.exec-avatars em,.exec-mini-avatar{width:24px;height:24px;border-radius:50%;background:#e2e8f0;color:#334155;border:2px solid #fff;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;margin-left:-5px;font-style:normal}.exec-avatars span:first-child{margin-left:0}.exec-avatars em{background:#f1f5f9;color:#64748b}.exec-open-btn{margin-top:auto;height:40px;border:1px solid #dbe7f4;background:#fff;border-radius:11px;font:inherit;font-size:13px;font-weight:900;color:#2563eb;cursor:pointer}.exec-open-btn:hover{background:#eff6ff}
.exec-bottom-grid{display:grid;grid-template-columns:2fr 1.15fr;gap:16px}.exec-panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px;box-shadow:0 16px 36px rgba(15,23,42,.045)}.exec-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.exec-panel-head h3{margin:0;font-size:16px;font-weight:900;color:#0f172a}.exec-panel-head span{background:#fee2e2;color:#dc2626;border-radius:999px;font-size:10.5px;font-weight:900;padding:5px 9px}.exec-panel-head a{font-size:12px;font-weight:900;color:#2563eb}.exec-urgent-table{width:100%;border-collapse:collapse}.exec-urgent-table th{text-align:left;font-size:10.5px;color:#64748b;text-transform:uppercase;letter-spacing:.04em;padding:10px 8px;border-bottom:1px solid #e2e8f0}.exec-urgent-table td{padding:12px 8px;border-bottom:1px solid #eef2f7;font-size:12.5px;font-weight:700;color:#0f172a}.exec-urgent-table tr{cursor:pointer}.exec-urgent-table tr:hover td{background:#f8fafc}.exec-priority{font-size:11px;font-weight:900;border-radius:999px;padding:4px 8px}.exec-priority.high{background:#fee2e2;color:#dc2626}.exec-priority.mid{background:#ffedd5;color:#ea580c}.exec-activity{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #eef2f7}.exec-activity:last-child{border-bottom:0}.exec-activity>span{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1f5f9}.exec-activity b{display:block;font-size:12.5px;color:#0f172a}.exec-activity small{display:block;font-size:11px;color:#64748b;margin-top:2px}.exec-panel-empty{padding:24px;text-align:center;color:#94a3b8;font-weight:700}.exec-empty{grid-column:1/-1;background:#fff;border:1.5px dashed #cbd5e1;border-radius:18px;padding:44px;text-align:center;color:#94a3b8;display:flex;flex-direction:column;gap:8px}.exec-empty b{color:#334155}.exec-service-list,.exec-service-kpi-grid,.exec-empty-wrap{margin-bottom:22px}.exec-service-list table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 16px 36px rgba(15,23,42,.045)}.exec-service-list th{text-align:left;font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.04em;padding:13px 16px;border-bottom:1px solid #e2e8f0}.exec-service-list td{padding:15px 16px;border-bottom:1px solid #eef2f7;font-size:13px;color:#0f172a}.exec-service-list tr{cursor:pointer}.exec-service-list tr:hover td{background:#f8fafc}.exec-service-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px}.exec-service-list small{display:block;color:#64748b;margin-top:3px}.exec-pill{border-radius:999px;font-size:11px;font-weight:900;padding:4px 8px}.exec-pill.ok{background:#dcfce7;color:#059669}.exec-pill.danger{background:#fee2e2;color:#dc2626}.exec-service-kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.exec-service-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px;cursor:pointer;box-shadow:0 16px 36px rgba(15,23,42,.045)}.exec-service-kpi-top{display:flex;justify-content:space-between;gap:10px}.exec-service-kpi-top b{font-size:15px}.exec-service-kpi-top span{font-size:11px;font-weight:900;border-radius:999px;padding:4px 8px}.exec-big-number{font-size:42px;font-weight:900;margin-top:18px;color:#0f172a}.exec-mini-bars{height:7px;background:#e8eef7;border-radius:999px;overflow:hidden;margin:12px 0}.exec-mini-bars i{display:block;height:100%;border-radius:999px}.exec-kpi-split{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:#64748b}
@media (max-width:1100px){.exec-kpi-row{grid-template-columns:repeat(2,1fr)}.exec-bottom-grid{grid-template-columns:1fr}.exec-center-head{flex-direction:column}.exec-toolbar-v2{align-items:stretch}.exec-spacer{display:none}}