*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --green:#6B8F71;--green-dark:#557A5C;--green-light:#8AAF90;--green-pale:#EEF4EF;
  --green-mid:#C8DEC9;--green-deep:#3D5C42;
  --bg:#F4F6F4;--white:#FFFFFF;--text:#1A1A2E;--text-soft:#6B7280;--text-dim:#9CA3AF;
  --border:#E5E7EB;--card-bg:#FFFFFF;--success:#27AE60;--red:#EF4444;--orange:#F59E0B;
  --blue:#3B82F6;--purple:#8B5CF6;
  --sidebar-w:250px;--header-h:64px;--radius:14px;--radius-sm:9px;--radius-xs:6px;
}
html,body{height:100%;width:100%;font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text);overflow:hidden;}

/* ══ LAYOUT ══ */
.app{display:flex;height:100vh;width:100vw;overflow:hidden;}

/* ══ SIDEBAR ══ */
.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;z-index:10;}
.sidebar-logo{padding:18px 20px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);}
.logo-mark{width:36px;height:36px;background:linear-gradient(135deg,var(--green),var(--green-dark));border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.logo-text{font-family:'Syne',serif;font-size:17px;font-weight:700;color:var(--text);}
.logo-badge{background:var(--green-pale);color:var(--green-dark);font-size:9px;font-weight:700;padding:2px 6px;border-radius:20px;border:1px solid var(--green-mid);letter-spacing:0.5px;margin-left:4px;}

/* NINA STATUS */
.nina-status{margin:10px 12px;background:linear-gradient(135deg,var(--green-pale),#ddeede);border:1px solid var(--green-mid);border-radius:var(--radius-sm);padding:10px 12px;display:flex;align-items:center;gap:10px;}
.nina-dot{width:8px;height:8px;border-radius:50%;background:var(--success);animation:pulse 2s infinite;flex-shrink:0;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.7;transform:scale(1.2)}}
.nina-info{flex:1;min-width:0;}
.nina-name{font-size:12px;font-weight:700;color:var(--green-dark);}
.nina-sub{font-size:10px;color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* PIN BADGE */
.pin-badge{background:var(--green-deep);color:white;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:700;letter-spacing:1px;margin-left:auto;}

.sidebar-section{padding:6px 12px 2px;font-size:10px;font-weight:700;color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;margin-top:6px;}
.nav-item{display:flex;align-items:center;gap:10px;padding:9px 14px;margin:1px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:all 0.18s;font-size:13px;font-weight:500;color:var(--text-soft);}
.nav-item:hover{background:var(--green-pale);color:var(--text);}
.nav-item.active{background:var(--green);color:white;font-weight:600;}
.nav-icon{width:15px;height:15px;flex-shrink:0;opacity:0.7;}
.nav-item.active .nav-icon{opacity:1;}
.nav-badge{margin-left:auto;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;}
.nav-badge.red{background:var(--red);color:white;}
.nav-badge.green{background:var(--green);color:white;}
.nav-badge.orange{background:var(--orange);color:white;}

.sidebar-overflow{overflow-y:auto;flex:1;}
.sidebar-overflow::-webkit-scrollbar{width:3px;}
.sidebar-overflow::-webkit-scrollbar-thumb{background:var(--border);}

.sidebar-footer{padding:12px;border-top:1px solid var(--border);}
.user-pill{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;}
.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--green-dark));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:white;flex-shrink:0;}
.user-name{font-size:12px;font-weight:600;color:var(--text);}
.user-role{font-size:10px;color:var(--text-dim);}
.user-pin{font-size:10px;color:var(--green);font-weight:600;}
.user-more{margin-left:auto;color:var(--text-dim);}

/* ══ MAIN ══ */
.main{flex:1;display:flex;flex-direction:column;overflow:hidden;}

/* ══ TOPBAR ══ */
.topbar{height:var(--header-h);flex-shrink:0;background:var(--white);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:14px;}
.topbar-title{font-family:'Syne',serif;font-size:18px;font-weight:700;color:var(--text);flex:1;}
.search-bar{display:flex;align-items:center;gap:8px;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:7px 14px;width:260px;transition:all 0.2s;}
.search-bar:focus-within{border-color:var(--green);background:white;}
.search-bar input{border:none;background:transparent;outline:none;font-family:'DM Sans',sans-serif;font-size:13px;color:var(--text);width:100%;}
.search-bar input::placeholder{color:var(--text-dim);}
.topbar-actions{display:flex;align-items:center;gap:8px;}
.icon-btn{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--bg);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.18s;position:relative;color:var(--text-soft);}
.icon-btn:hover{background:var(--green-pale);border-color:var(--green);color:var(--green);}
.icon-btn .dot{position:absolute;top:6px;right:6px;width:7px;height:7px;background:var(--red);border-radius:50%;border:1.5px solid white;}
.date-badge{background:var(--green-pale);border:1px solid var(--green-mid);color:var(--green-dark);padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;}

/* ══ CONTENT ══ */
.content{flex:1;overflow-y:auto;padding:24px;}
.page{display:none;}
.page.active{display:block;animation:fadeUp 0.25s ease;}
@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* ══ CARDS ══ */
.card{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border);padding:20px;}
.card-sm{padding:14px 16px;}
.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.section-title{font-family:'Syne',serif;font-size:16px;font-weight:700;color:var(--text);}
.section-sub{font-size:12px;color:var(--text-soft);margin-top:2px;}

/* ══ STAT CARDS ══ */
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;}
.stat-card{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border);padding:18px 20px;position:relative;overflow:hidden;transition:all 0.2s;}
.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(107,143,113,0.12);}
.stat-card::after{content:'';position:absolute;top:0;right:0;bottom:0;width:4px;border-radius:0 var(--radius) var(--radius) 0;}
.stat-card.green::after{background:var(--green);}
.stat-card.blue::after{background:var(--blue);}
.stat-card.orange::after{background:var(--orange);}
.stat-card.red::after{background:var(--red);}
.stat-card.purple::after{background:var(--purple);}
.stat-label{font-size:11px;font-weight:600;color:var(--text-soft);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:6px;}
.stat-value{font-family:'Syne',serif;font-size:26px;font-weight:700;color:var(--text);line-height:1;}
.stat-change{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;margin-top:6px;padding:2px 7px;border-radius:20px;}
.stat-change.up{color:var(--success);background:rgba(39,174,96,0.1);}
.stat-change.down{color:var(--red);background:rgba(239,68,68,0.1);}
.stat-icon{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;font-size:16px;}
.stat-icon.g{background:var(--green-pale);}
.stat-icon.b{background:rgba(59,130,246,0.1);}
.stat-icon.o{background:rgba(245,158,11,0.1);}
.stat-icon.r{background:rgba(239,68,68,0.1);}
.stat-icon.p{background:rgba(139,92,246,0.1);}

/* ══ GRIDS ══ */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px;}
.grid-23{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px;}
.grid-32{display:grid;grid-template-columns:3fr 2fr;gap:16px;margin-bottom:16px;}
.grid-13{display:grid;grid-template-columns:1fr 3fr;gap:16px;margin-bottom:16px;}

/* ══ TABLE ══ */
.table-wrap{overflow-x:auto;}
table{width:100%;border-collapse:collapse;}
th{font-size:10px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.5px;padding:8px 12px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;}
td{padding:11px 12px;font-size:13px;border-bottom:1px solid rgba(229,231,235,0.5);color:var(--text);}
tr:last-child td{border-bottom:none;}
tr:hover td{background:var(--green-pale);}
.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px;}
.badge.success{background:rgba(39,174,96,0.1);color:var(--success);}
.badge.warning{background:rgba(245,158,11,0.1);color:var(--orange);}
.badge.danger{background:rgba(239,68,68,0.1);color:var(--red);}
.badge.info{background:rgba(59,130,246,0.1);color:var(--blue);}
.badge.purple{background:rgba(139,92,246,0.1);color:var(--purple);}
.badge.default{background:var(--bg);color:var(--text-soft);}

/* ══ CALL LOG ══ */
.call-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-sm);background:var(--bg);margin-bottom:8px;cursor:pointer;transition:all 0.18s;}
.call-item:hover{background:var(--green-pale);}
.call-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--green-light),var(--green));display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:white;flex-shrink:0;}
.call-info{flex:1;}
.call-name{font-size:13px;font-weight:600;color:var(--text);}
.call-preview{font-size:11px;color:var(--text-soft);margin-top:2px;}
.call-meta{text-align:right;font-size:11px;color:var(--text-dim);}
.call-dur{font-weight:600;color:var(--text);}
.nina-handled{font-size:10px;color:var(--green);font-weight:600;margin-top:2px;}

/* ══ CHAT ══ */
.chat-list{overflow-y:auto;max-height:340px;}
.chat-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all 0.18s;}
.chat-item:hover,.chat-item.active{background:var(--green-pale);}
.chat-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#8AAF90,var(--green));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:white;}
.chat-preview{flex:1;min-width:0;}
.chat-name{font-size:13px;font-weight:600;color:var(--text);}
.chat-msg{font-size:12px;color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.chat-time{font-size:10px;color:var(--text-dim);}
.unread-dot{width:8px;height:8px;background:var(--green);border-radius:50%;flex-shrink:0;}

/* ══ MESSAGES ══ */
.messages-panel{display:flex;flex-direction:column;height:400px;}
.msg-header{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:12px;}
.msg-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;}
.bubble{max-width:75%;padding:9px 13px;border-radius:12px;font-size:13px;line-height:1.5;}
.bubble.in{background:var(--bg);border-radius:4px 12px 12px 12px;align-self:flex-start;}
.bubble.out{background:var(--green);color:white;border-radius:12px 4px 12px 12px;align-self:flex-end;}
.bubble.nina{background:linear-gradient(135deg,var(--green-pale),#ddeede);border:1px solid var(--green-mid);border-radius:4px 12px 12px 12px;align-self:flex-start;}
.msg-input-row{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);}
.msg-input-row input{flex:1;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:9px 14px;font-family:'DM Sans',sans-serif;font-size:13px;outline:none;}
.msg-input-row input:focus{border-color:var(--green);}
.send-btn{background:var(--green);color:white;border:none;border-radius:var(--radius-sm);padding:9px 16px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.18s;}
.send-btn:hover{background:var(--green-dark);}

/* ══ DELIVERY PLATFORMS ══ */
.platform-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;}
.platform-glovo{background:#FFF8E1;color:#F9A825;border:1px solid #FDE68A;}
.platform-deliveroo{background:#E8F5E9;color:#2E7D32;border:1px solid #C8E6C9;}
.platform-uber{background:#F3E8FF;color:#6B21A8;border:1px solid #DDD6FE;}
.platform-tel{background:#EFF6FF;color:#1D4ED8;border:1px solid #BFDBFE);}

/* ══ ORDER CARD ══ */
.order-card{background:var(--bg);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:8px;border-left:3px solid var(--border);transition:all 0.2s;cursor:pointer;}
.order-card:hover{background:var(--green-pale);}
.order-card.new{border-left-color:var(--green);}
.order-card.prep{border-left-color:var(--orange);}
.order-card.delivery{border-left-color:var(--blue);}
.order-card.done{border-left-color:var(--success);}
.order-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
.order-id{font-size:12px;font-weight:700;color:var(--text);}
.order-items{font-size:12px;color:var(--text-soft);margin-bottom:5px;}
.order-footer{display:flex;align-items:center;justify-content:space-between;}
.order-price{font-size:13px;font-weight:700;color:var(--text);}
.order-time{font-size:11px;color:var(--text-dim);}

/* ══ NINA ALERT ══ */
.nina-alert{display:flex;gap:12px;padding:14px;border-radius:var(--radius-sm);margin-bottom:10px;border:1px solid;}
.nina-alert.warn{background:#FFFBEB;border-color:#FDE68A;}
.nina-alert.danger{background:#FEF2F2;border-color:#FECACA;}
.nina-alert.info{background:#EFF6FF;border-color:#BFDBFE;}
.nina-alert.success{background:var(--green-pale);border-color:var(--green-mid);}
.alert-icon{font-size:20px;flex-shrink:0;}
.alert-body{flex:1;}
.alert-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:3px;}
.alert-desc{font-size:12px;color:var(--text-soft);}
.alert-action{font-size:11px;font-weight:600;color:var(--green);background:none;border:none;cursor:pointer;padding:0;white-space:nowrap;margin-top:6px;display:block;}
.nina-signature{font-size:10px;color:var(--text-dim);margin-top:4px;font-style:italic;}

/* ══ TASK ══ */
.task-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--bg);margin-bottom:6px;cursor:pointer;transition:all 0.18s;}
.task-item:hover{background:var(--green-pale);}
.task-check{width:18px;height:18px;border-radius:5px;border:2px solid var(--border);flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;transition:all 0.2s;}
.task-check.done{background:var(--green);border-color:var(--green);color:white;font-size:11px;}
.task-text{font-size:13px;color:var(--text);}
.task-meta{font-size:11px;color:var(--text-dim);margin-top:2px;}

/* ══ INV ══ */
.inv-item{margin-bottom:12px;}
.inv-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;}
.inv-name{font-size:13px;font-weight:500;color:var(--text);}
.inv-count{font-size:12px;color:var(--text-soft);}
.inv-bar{height:7px;background:var(--bg);border-radius:20px;overflow:hidden;}
.inv-fill{height:100%;border-radius:20px;transition:width 0.5s;}
.inv-fill.high{background:var(--green);}
.inv-fill.mid{background:var(--orange);}
.inv-fill.low{background:var(--red);}

/* ══ CLIENT ══ */
.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;}
.client-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:16px;cursor:pointer;transition:all 0.2s;}
.client-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,0.07);}
.client-top{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.client-av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--green-dark));display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:white;flex-shrink:0;}
.client-name{font-size:14px;font-weight:600;color:var(--text);}
.client-email{font-size:11px;color:var(--text-soft);margin-top:1px;}
.client-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;}
.client-stat{background:var(--bg);border-radius:var(--radius-xs);padding:7px;text-align:center;}
.client-stat-v{font-size:14px;font-weight:700;color:var(--text);}
.client-stat-l{font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.3px;}

/* ══ SETTINGS ══ */
.setting-row{display:flex;align-items:center;padding:14px 16px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:4px;cursor:pointer;transition:all 0.18s;}
.setting-row:hover{background:var(--green-pale);}
.setting-icon{width:34px;height:34px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;font-size:16px;margin-right:12px;flex-shrink:0;}
.setting-title{font-size:14px;font-weight:600;color:var(--text);}
.setting-sub{font-size:12px;color:var(--text-soft);margin-top:1px;}
.setting-arrow{margin-left:auto;color:var(--text-dim);font-size:18px;}
.toggle{width:38px;height:21px;background:var(--border);border-radius:20px;cursor:pointer;position:relative;transition:background 0.2s;flex-shrink:0;}
.toggle.on{background:var(--green);}
.toggle::after{content:'';position:absolute;top:3px;left:3px;width:15px;height:15px;background:white;border-radius:50%;transition:transform 0.2s;box-shadow:0 1px 3px rgba(0,0,0,0.2);}
.toggle.on::after{transform:translateX(17px);}

/* ══ BTN ══ */
.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:var(--radius-sm);font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.18s;border:none;}
.btn-primary{background:var(--green);color:white;}
.btn-primary:hover{background:var(--green-dark);}
.btn-outline{background:transparent;color:var(--green);border:1.5px solid var(--green);}
.btn-outline:hover{background:var(--green-pale);}
.btn-ghost{background:var(--bg);color:var(--text-soft);border:1.5px solid var(--border);}
.btn-ghost:hover{background:var(--green-pale);color:var(--text);}
.btn-sm{padding:6px 12px;font-size:12px;}
.btn-danger{background:var(--red);color:white;}

/* ══ TABS ══ */
.tabs{display:flex;gap:2px;background:var(--bg);padding:3px;border-radius:var(--radius-sm);margin-bottom:16px;width:fit-content;}
.tab{padding:7px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;color:var(--text-soft);transition:all 0.18s;}
.tab.active{background:white;color:var(--text);font-weight:600;box-shadow:0 1px 4px rgba(0,0,0,0.08);}

/* ══ SCROLLBAR ══ */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px;}

/* ══ TOAST ══ */
.toast{position:fixed;bottom:20px;right:20px;z-index:9999;background:var(--text);color:white;padding:12px 18px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;transform:translateY(60px);opacity:0;transition:all 0.3s;pointer-events:none;max-width:340px;box-shadow:0 4px 20px rgba(0,0,0,0.15);}
.toast.show{transform:translateY(0);opacity:1;}
.toast.success{background:var(--success);}
.toast.warn{background:var(--orange);}
.toast.error{background:var(--red);}
.toast.info{background:var(--blue);}

/* ══ NINA INSTRUCTION BOX ══ */
.nina-box{background:linear-gradient(135deg,var(--green-pale),#ddeede);border:1.5px solid var(--green-mid);border-radius:var(--radius);padding:16px;margin-bottom:16px;}
.nina-box-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.nina-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--green),var(--green-dark));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;}
.nina-box-title{font-family:'Syne',serif;font-size:14px;font-weight:700;color:var(--green-deep);}
.nina-box-sub{font-size:11px;color:var(--text-soft);}
.nina-input{width:100%;background:white;border:1.5px solid var(--green-mid);border-radius:var(--radius-sm);padding:10px 14px;font-family:'DM Sans',sans-serif;font-size:13px;outline:none;resize:none;}
.nina-input:focus{border-color:var(--green);}
.nina-send-row{display:flex;gap:8px;margin-top:8px;}

/* ══ PERIOD BUTTONS ══ */
.period-btn{padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;color:var(--text-soft);background:transparent;border:none;font-family:'DM Sans',sans-serif;transition:all 0.18s;}
.period-btn.active{background:white;color:var(--green-dark);box-shadow:0 1px 4px rgba(0,0,0,0.1);}
.tab-sm{padding:4px 10px;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;color:var(--text-soft);background:transparent;border:none;font-family:'DM Sans',sans-serif;transition:all 0.18s;}
.tab-sm.active{background:white;color:var(--green-dark);box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.period-btn:hover:not(.active){color:var(--text);}

/* ══ CALL ENTRY (liste gauche) ══ */
.call-entry{display:flex;align-items:stretch;border-radius:var(--radius-sm);margin-bottom:4px;cursor:pointer;transition:all 0.18s;overflow:hidden;border:1.5px solid transparent;}
.call-entry:hover{background:var(--green-pale);}
.call-entry.selected{border-color:var(--accent-color, var(--green));background:var(--accent-pale, var(--green-pale));}
.call-entry-accent{width:4px;flex-shrink:0;border-radius:0;}
.call-entry-body{flex:1;padding:10px 12px;min-width:0;}
.call-entry-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px;}
.call-entry-name{font-size:13px;font-weight:700;color:var(--text);}
.call-entry-time{font-size:11px;color:var(--text-dim);white-space:nowrap;}
.call-entry-time b{color:var(--text-soft);}
.call-entry-summary{font-size:11px;color:var(--text-soft);margin-top:2px;line-height:1.4;}
.call-entry-foot{display:flex;align-items:center;gap:6px;margin-top:5px;}

/* ══ TRANSCRIPTION PANEL (droite) ══ */
.transcript-panel{display:flex;flex-direction:column;height:100%;}
.transcript-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-dim);gap:10px;padding:40px 20px;text-align:center;}
.transcript-empty-icon{font-size:36px;opacity:0.4;}

/* ══ AUDIO PLAYER ══ */
.audio-player{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);margin-bottom:12px;}
.play-btn{width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;color:white;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.18s;}
.audio-track{flex:1;}
.audio-bar{height:4px;background:var(--border);border-radius:20px;overflow:hidden;cursor:pointer;margin-bottom:4px;}
.audio-fill{height:100%;border-radius:20px;transition:width 0.3s;width:0%;}
.audio-times{display:flex;justify-content:space-between;font-size:9px;color:var(--text-dim);}

/* ══ CALL BAR CHART ══ */
.call-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;}
.call-bar{width:100%;border-radius:3px 3px 0 0;background:var(--green-mid);transition:height 0.5s;}
.call-bar.current{background:var(--green);}
.call-bar-label{font-size:9px;color:var(--text-dim);}

/* ══ NINA HISTORY ══ */
.nina-history-item{padding:8px 10px;background:white;border-radius:var(--radius-xs);border:1px solid var(--green-mid);margin-bottom:5px;}

/* ══ BUBBLES ══ */
.bubble-nina{background:linear-gradient(135deg,#EEF8EF,#ddeede);border:1px solid var(--green-mid);padding:8px 12px;border-radius:4px 12px 12px 12px;max-width:86%;font-size:12px;line-height:1.55;color:var(--text);}
.bubble-client{background:#EFF6FF;border:1px solid #BFDBFE;padding:8px 12px;border-radius:12px 4px 12px 12px;max-width:86%;font-size:12px;line-height:1.55;color:var(--text);align-self:flex-end;}
.bubble-human{background:#FFF7ED;border:1px solid #FED7AA;padding:8px 12px;border-radius:12px 12px 12px 12px;max-width:86%;font-size:12px;line-height:1.55;color:var(--text);}
.bubble-time{font-size:10px;color:var(--text-dim);margin-top:2px;font-weight:600;}
.link-commande{color:var(--blue);font-weight:700;text-decoration:underline;cursor:pointer;background:rgba(59,130,246,0.08);padding:1px 5px;border-radius:4px;}
.link-commande:hover{background:rgba(59,130,246,0.18);}


/* ══ CALL ID CHIP ══ */
.call-id-chip{display:inline-flex;align-items:center;padding:1px 6px;background:rgba(59,130,246,0.1);color:#1D4ED8;border:1px solid #BFDBFE;border-radius:4px;font-size:10px;font-weight:700;cursor:pointer;transition:all 0.18s;text-decoration:none;}
.call-id-chip:hover{background:rgba(59,130,246,0.2);border-color:#93C5FD;}
.call-id-chip.green{background:rgba(107,143,113,0.1);color:var(--green-dark);border-color:var(--green-mid);}
.call-id-chip.red{background:rgba(239,68,68,0.1);color:var(--red);border-color:#FECACA;}

/* ══ HISTORY ENTRIES ══ */
.history-entry{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;margin-bottom:10px;}
.history-entry-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.history-instruction{background:#EEF8EF;border:1px solid var(--green-mid);border-radius:6px;padding:10px 12px;margin-bottom:6px;}
.history-instruction-label{font-size:10px;font-weight:700;color:var(--green-dark);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:4px;}
.history-instruction-text{font-size:12px;color:var(--text);line-height:1.5;}
.history-instruction-meta{font-size:10px;color:var(--text-dim);margin-top:5px;}
.history-followup{background:#FFF7ED;border:1px solid #FED7AA;border-radius:6px;padding:10px 12px;}
.history-followup-label{font-size:10px;font-weight:700;color:#C2410C;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:4px;}
.history-followup-text{font-size:12px;color:var(--text);line-height:1.5;}

/* ══ PERMISSION LOCK ══ */
.locked{opacity:0.4;pointer-events:none;position:relative;}
.locked::after{content:'🔒';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;}

@media(max-width:900px){
  .stats-grid{grid-template-columns:1fr 1fr;}
  .grid-2,.grid-23,.grid-32,.grid-3,.grid-13{grid-template-columns:1fr;}
}