:root {
      /* ── Nutrisha Brand Palette (exact from design) ── */
      --p1: #C52B6D;   /* medium magenta — primary CTA (toned down) */
      --p2: #B7226B;   /* dark magenta */
      --p3: #8B1050;   /* deep magenta */
      --p4: #770B40;   /* deep burgundy */
      --light: #F7EFF3;  /* very subtle pink tint */
      --light2: #EDD5E2; /* light dusty rose */
      --gold: #3D6ABF;   /* brand steel blue — secondary accent */
      --gold2: #2A52A0;
      --green1: #72CE21; /* brand lime green */
      --green2: #23AF00; /* brand dark green */
      --coral: #DA5753;  /* brand coral/error */
      --blue1: #3D6ABF;  /* brand steel blue */
      --grey1: #72727A;  /* brand grey */
      --grad: linear-gradient(135deg, #770B40 0%, #B7226B 50%, #C52B6D 100%);
      --grad2: linear-gradient(135deg, #B7226B 0%, #C52B6D 100%);
      --sidebar: 248px;
      --g50:#fafafa; --g100:#f4f4f5; --g200:#e4e4e7;
      --g400:#a1a1aa; --g500:#71717a; --g700:#3f3f46; --g900:#18181b;
    }
    *{box-sizing:border-box;margin:0;padding:0}
    body{font-family:'DM Sans',system-ui,sans-serif;background:#F5F5F7;color:#1a1a1a;display:flex;min-height:100vh}

    /* ── SIDEBAR ── */
    .sidebar{width:var(--sidebar);background:linear-gradient(175deg,#0C0008 0%,#1E000F 40%,#320118 75%,#3D0220 100%);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow-y:auto}
    .sidebar::-webkit-scrollbar{width:3px}
    .sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}

    .sb-logo{padding:22px 16px 18px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:10px}
    .sb-mark{width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#770B40,#A01858);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(119,11,64,.5);flex-shrink:0}
    .sb-wordmark{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:700;font-style:italic;color:rgba(255,255,255,.92);letter-spacing:.5px}
    .sb-tag{font-size:9px;font-weight:700;color:rgba(255,255,255,.35);letter-spacing:1.5px;text-transform:uppercase;margin-top:1px}

    .nav{flex:1;padding:12px 10px}
    .nl{font-size:9px;font-weight:700;color:rgba(255,255,255,.28);letter-spacing:1.2px;text-transform:uppercase;padding:10px 8px 4px}
    .ni{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:9px;font-size:13px;font-weight:500;color:rgba(255,255,255,.62);cursor:pointer;transition:all .13s;margin-bottom:1px;letter-spacing:.1px}
    .ni:hover{background:rgba(255,255,255,.06);color:rgba(255,255,255,.88)}
    .ni.active{background:rgba(255,255,255,.1);color:#fff;font-weight:600;border-left:2px solid rgba(197,43,109,.7)}
    .ni.active .ico{opacity:1}
    .ico{width:17px;text-align:center;font-size:14px;flex-shrink:0;opacity:.7}
    .ni.active .ico{opacity:1}
    .nb{margin-left:auto;background:rgba(197,43,109,.45);color:rgba(255,255,255,.8);font-size:10px;font-weight:700;border-radius:20px;padding:1px 7px}
    .nb.g{background:rgba(197,43,109,.45);color:rgba(255,255,255,.8)}

    .sb-foot{padding:12px 10px;border-top:1px solid rgba(255,255,255,.06)}
    .sb-admin{display:flex;align-items:center;gap:9px;padding:8px;border-radius:9px;cursor:pointer}
    .sb-admin:hover{background:rgba(255,255,255,.04)}
    .av{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#770B40,#B7226B);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.4)}
    .aname{font-size:13px;font-weight:600;color:rgba(255,255,255,.8)}
    .arole{font-size:10px;color:rgba(255,255,255,.3)}

    /* ── MAIN ── */
    .main{margin-left:var(--sidebar);flex:1;display:flex;flex-direction:column;min-width:0}

    .topbar{background:#fff;border-bottom:1px solid #EBEBEB;padding:0 26px;height:56px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}
    .pt h1{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:700;font-style:italic;color:#1a1a1a;letter-spacing:.3px}
    .pt p{font-size:11px;color:var(--g400);margin-top:1px}
    .tbr{display:flex;align-items:center;gap:9px}
    .sbox{display:flex;align-items:center;gap:7px;background:var(--g100);border-radius:8px;padding:6px 11px}
    .sbox input{border:none;background:transparent;outline:none;font-size:13px;color:var(--g700);font-family:'DM Sans',sans-serif;width:160px}
    .sbox input::placeholder{color:var(--g400)}
    .ibtn{width:34px;height:34px;border-radius:8px;border:1px solid var(--g200);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;position:relative}
    .ibtn:hover{background:var(--g50)}
    .ndot{width:7px;height:7px;background:var(--p1);border-radius:50%;position:absolute;top:6px;right:6px;border:2px solid #fff}

    .content{padding:24px 28px;display:flex;flex-direction:column;gap:22px;background:#F8F8FA;min-height:calc(100vh - 56px)}

    /* sections */
    .sec{display:none;flex-direction:column;gap:20px}
    .sec.active{display:flex}

    /* stats */
    .sg{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
    .sc{background:#fff;border-radius:14px;border:1px solid var(--g200);padding:18px;display:flex;flex-direction:column;gap:10px}
    .sh{display:flex;justify-content:space-between;align-items:flex-start}
    .sl{font-size:11px;font-weight:600;color:var(--g400);text-transform:uppercase;letter-spacing:.5px}
    .si{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px}
    .sip{background:var(--light)}.sib{background:#EEF0F8}.sig{background:#EDF6E8}.sio{background:#F5F0F2}
    .sv{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:700;color:#1a1a1a;line-height:1;letter-spacing:-.5px}
    .st{font-size:11px;display:flex;align-items:center;gap:4px}
    .up{color:var(--green2)}.dn{color:var(--coral)}.nt{color:var(--g400)}

    /* cards */
    .card{background:#fff;border-radius:14px;border:1px solid #EBEBEB;padding:18px}
    .ch{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}
    .ct{font-family:'Cormorant Garamond',serif;font-size:16px;font-weight:700;font-style:italic;color:#2a2a2a;letter-spacing:.2px}
    .cs{font-size:11px;color:#ABABAB;margin-top:2px}
    .cw{position:relative;height:200px}

    .tc{display:grid;grid-template-columns:2fr 1fr;gap:13px}
    .tr{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}

    /* table */
    .tbl{background:#fff;border-radius:14px;border:1px solid #EBEBEB;overflow:hidden}
    .th{padding:14px 18px 11px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #F0F0F0}
    .ta{display:flex;gap:7px;align-items:center}
    table{width:100%;border-collapse:collapse}
    thead th{text-align:left;padding:8px 16px;font-size:10px;font-weight:700;color:var(--g400);text-transform:uppercase;letter-spacing:.5px;background:var(--g50);border-bottom:1px solid var(--g100)}
    tbody td{padding:11px 16px;font-size:13px;border-bottom:1px solid var(--g100);vertical-align:middle}
    tbody tr:last-child td{border-bottom:none}
    tbody tr:hover td{background:#F8F9FA}
    .tf{padding:10px 16px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--g100)}
    .ti{font-size:11px;color:var(--g400)}
    .pgs{display:flex;gap:3px}
    .pg{width:27px;height:27px;border-radius:6px;border:1px solid var(--g200);display:flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;background:#fff;color:var(--g700)}
    .pg.active{background:var(--grad2);color:#fff;border-color:transparent}

    /* user cell */
    .uc{display:flex;align-items:center;gap:9px}
    .ua{width:29px;height:29px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}
    .un{font-weight:600;font-size:13px}
    .ue{font-size:11px;color:var(--g400)}

    /* badges — brand palette, subtle fills */
    .b{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:500}
    .bp{background:var(--light);color:var(--p3)}
    .bpu{background:#EEF0F8;color:#3A5090}
    .bg{background:#EDF6E8;color:#276820}
    .bo{background:#FEF4E6;color:#8C4A00}
    .br{background:#FDEEED;color:#8C2020}
    .bgy{background:var(--g100);color:var(--g500)}
    .bgo{background:#EEF0F8;color:#3A5090}
    .dot{width:5px;height:5px;border-radius:50%;background:currentColor}

    /* btns */
    .btn{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;border:none;transition:all .13s;font-family:'DM Sans',sans-serif}
    .btn-p{background:var(--grad2);color:#fff}
    .btn-p:hover{filter:brightness(1.06)}
    .btn-o{background:#fff;color:var(--g700);border:1px solid var(--g200)}
    .btn-o:hover{background:var(--g50)}
    .btn-pk{background:var(--light);color:var(--p2);border:1px solid var(--light2)}
    .btn-pk:hover{background:var(--light2)}
    .btn-go{background:#EEF0F8;color:#3A5090;border:1px solid #D0D8EE}
    .sel{padding:6px 9px;border:1px solid var(--g200);border-radius:8px;font-size:12px;color:var(--g700);background:#fff;cursor:pointer;outline:none;font-family:'DM Sans',sans-serif}

    /* action btns */
    .ab{display:flex;gap:5px}
    .a{width:32px;height:32px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;transition:filter .12s}
    .a:hover{filter:brightness(.92)}
    .av2{background:var(--light);color:var(--p2)}.ae{background:#E3F2FD;color:#1565C0}.ad{background:#FFEBEE;color:#B71C1C}

    /* progress */
    .pl{display:flex;flex-direction:column;gap:12px}
    .pr .ph{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px}
    .pr .plb{font-weight:600;color:var(--g700)}
    .pr .pv{color:var(--g400)}
    .pb{background:var(--g100);border-radius:4px;height:6px}
    .pf{height:6px;border-radius:4px}

    /* donut legend */
    .dl{display:flex;flex-direction:column;gap:8px;margin-top:10px}
    .di{display:flex;align-items:center;justify-content:space-between;font-size:12px}
    .dd{width:9px;height:9px;border-radius:50%;flex-shrink:0}
    .dn2{color:var(--g500);display:flex;align-items:center;gap:6px;flex:1}
    .dv{font-weight:600;color:var(--g700)}

    /* ── AGENT SECTIONS ── */
    .agent-hero{background:var(--grad);border-radius:16px;padding:26px 30px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}
    .agent-hero::before{content:'';position:absolute;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 70%);right:-80px;top:-80px}
    .agent-hero::after{content:'';position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.04) 0%,transparent 70%);left:60%;bottom:-60px}
    .ah-left{position:relative;z-index:1}
    .ah-left h2{font-family:'Cormorant Garamond',serif;font-size:25px;font-weight:700;font-style:italic;color:#fff;margin-bottom:5px;letter-spacing:.3px}
    .ah-left p{font-size:13px;color:rgba(255,255,255,.65);max-width:380px;line-height:1.6}
    .ah-left .abtns{display:flex;gap:8px;margin-top:14px}
    .ah-right{display:flex;gap:26px;position:relative;z-index:1}
    .astat .n{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:900;color:#fff}
    .astat .l{font-size:10px;color:rgba(255,255,255,.5);margin-top:2px}

    .ag-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .ag-card{background:#fff;border-radius:14px;border:2px solid var(--g200);padding:18px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}
    .ag-card.sel2{border-color:var(--p1)}
    .ag-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad2)}
    .ag-head{display:flex;justify-content:space-between;align-items:flex-start}
    .ag-av{width:44px;height:44px;border-radius:12px;background:var(--grad2);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 4px 12px rgba(194,24,91,.25)}
    .ag-name{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:700;font-style:italic;color:#1a1a1a}
    .ag-role{font-size:11px;color:var(--g400);margin-top:2px}
    .ag-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
    .ag-m{background:#F8F9FA;border-radius:8px;padding:9px;text-align:center}
    .ag-mv{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:700;color:#1a1a1a}
    .ag-ml{font-size:10px;color:var(--g400);margin-top:2px}
    .ag-desc{font-size:12px;color:var(--g500);background:#F8F9FA;padding:9px 11px;border-radius:8px;line-height:1.6}
    .ag-acts{display:flex;gap:7px}

    /* tools */
    .tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
    .tool-card{background:#fff;border-radius:12px;border:1px solid var(--g200);padding:16px}
    .tool-icon{width:38px;height:38px;border-radius:10px;background:var(--light);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:10px}
    .tool-name{font-size:13px;font-weight:700;color:#1a1a1a;margin-bottom:4px}
    .tool-desc{font-size:11px;color:var(--g500);line-height:1.5}
    .tool-status{display:flex;align-items:center;gap:5px;margin-top:10px;font-size:11px;font-weight:600;color:#2e7d32}

    /* kb */
    .kb-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .kb-card{background:#fff;border-radius:14px;border:1px solid var(--g200);overflow:hidden}
    .kb-item{display:flex;align-items:flex-start;gap:12px;padding:11px 16px;border-bottom:1px solid var(--g100);cursor:pointer;transition:background .12s}
    .kb-item:last-child{border-bottom:none}
    .kb-item:hover{background:#F8F9FA}
    .kb-ico{width:36px;height:36px;border-radius:10px;background:var(--light);color:var(--p2);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
    .kb-t{font-size:14px;font-weight:600;color:var(--g900);line-height:1.3}
    .kb-m{font-size:12px;color:var(--g500);margin-top:2px}
    .kb-tags{display:flex;gap:4px;margin-top:5px;flex-wrap:wrap}

    /* training */
    .tf-form{background:#fff;border-radius:14px;border:1px solid var(--g200);padding:20px;display:flex;flex-direction:column;gap:14px}
    .fg{display:flex;flex-direction:column;gap:5px}
    .fl{font-size:12px;font-weight:600;color:var(--g700)}
    .fi,.fs,.fta{padding:8px 11px;border:1px solid var(--g200);border-radius:8px;font-size:13px;color:var(--g900);font-family:'DM Sans',sans-serif;outline:none;transition:border-color .15s}
    .fi:focus,.fs:focus,.fta:focus{border-color:var(--p1);box-shadow:0 0 0 3px rgba(233,30,99,.08)}
    .fta{resize:vertical;min-height:85px}
    .f2{display:grid;grid-template-columns:1fr 1fr;gap:11px}
    .ff{display:flex;justify-content:flex-end;gap:7px}

    /* log */
    .log-item{display:flex;align-items:flex-start;gap:11px;padding:10px 0;border-bottom:1px solid var(--g100)}
    .log-item:last-child{border-bottom:none}
    .ldot{width:8px;height:8px;border-radius:50%;margin-top:4px;flex-shrink:0}
    .lt{font-size:13px;color:var(--g700);line-height:1.5}
    .lm{font-size:11px;color:var(--g400);margin-top:3px}
    .lbdg{margin-left:auto;flex-shrink:0}

    /* config editor */
    .cfg-grid{display:grid;grid-template-columns:280px 1fr;gap:14px;height:550px}
    .cfg-list{background:#fff;border-radius:14px;border:1px solid var(--g200);overflow-y:auto}
    .cfg-item{padding:11px 14px;border-bottom:1px solid var(--g100);cursor:pointer;transition:background .12s}
    .cfg-item:last-child{border-bottom:none}
    .cfg-item:hover{background:#F8F9FA}
    .cfg-item.active{background:var(--light);border-left:3px solid var(--p1)}
    .cfg-key{font-size:12px;font-weight:700;color:#1a1a1a}
    .cfg-meta{font-size:10px;color:var(--g400);margin-top:2px}
    .cfg-edit{background:#fff;border-radius:14px;border:1px solid var(--g200);display:flex;flex-direction:column}
    .cfg-head{padding:14px 16px;border-bottom:1px solid var(--g100);display:flex;align-items:center;justify-content:space-between}
    .cfg-area{flex:1;padding:14px 16px}
    textarea.big{width:100%;height:100%;border:1px solid var(--g200);border-radius:10px;padding:12px;font-size:13px;font-family:'DM Sans',sans-serif;color:var(--g900);outline:none;resize:none;line-height:1.6}
    textarea.big:focus{border-color:var(--p1);box-shadow:0 0 0 3px rgba(233,30,99,.08)}
    .cfg-footer{padding:12px 16px;border-top:1px solid var(--g100);display:flex;justify-content:flex-end;gap:8px}

    /* agent setup */
    .as-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
    .as-col-title{font-size:11px;font-weight:700;letter-spacing:.8px;color:var(--g400);text-transform:uppercase;margin-bottom:10px;padding-left:2px}
    .as-card{background:#fff;border-radius:16px;border:1px solid var(--g200);overflow:hidden;margin-bottom:10px;transition:box-shadow .15s}
    .as-card:hover{box-shadow:0 2px 12px rgba(0,0,0,.06)}
    .as-card-head{display:flex;align-items:center;gap:10px;padding:13px 14px;cursor:pointer;user-select:none}
    .as-card-head:hover{background:#FAFAFA}
    .as-ico{width:34px;height:34px;border-radius:10px;background:var(--light);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
    .as-name{font-size:13px;font-weight:600;color:#1a1a1a;flex:1}
    .as-meta{font-size:11px;color:var(--g400);margin-top:1px}
    .as-actions{display:flex;align-items:center;gap:5px;margin-left:auto}
    .as-act-btn{width:28px;height:28px;border-radius:8px;border:none;background:transparent;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;color:var(--g400);transition:background .12s,color .12s}
    .as-act-btn:hover{background:var(--g100);color:#1a1a1a}
    .as-act-btn.del:hover{background:#FEE2E2;color:#DC2626}
    .as-chevron{font-size:11px;color:var(--g300);transition:transform .2s;margin-left:4px}
    .as-chevron.open{transform:rotate(180deg)}
    .as-body{display:none;border-top:1px solid var(--g100);padding:14px}
    .as-body.open{display:block}
    .as-field-label{font-size:11px;font-weight:600;color:var(--g500);margin-bottom:5px;text-transform:uppercase;letter-spacing:.4px}
    .as-ta{width:100%;border:1px solid var(--g200);border-radius:10px;padding:10px 12px;font-size:12.5px;font-family:'DM Sans',sans-serif;color:var(--g900);outline:none;resize:vertical;line-height:1.6;min-height:90px}
    .as-ta:focus{border-color:var(--p1);box-shadow:0 0 0 3px rgba(197,43,109,.08)}
    .as-save-row{display:flex;justify-content:flex-end;gap:6px;margin-top:10px}
    .as-add-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;border:1.5px dashed var(--light2);background:var(--light);border-radius:12px;font-size:13px;font-weight:600;color:var(--p2);cursor:pointer;margin-top:4px;transition:background .12s}
    .as-add-btn:hover{background:var(--light2)}
    .as-status-dot{width:7px;height:7px;border-radius:50%;background:#22C55E;flex-shrink:0}

    /* conv */
    .conv-split{display:grid;grid-template-columns:300px 1fr;gap:14px;height:520px}
    .conv-list{background:#fff;border-radius:14px;border:1px solid var(--g200);overflow-y:auto}
    .cv{display:flex;gap:9px;padding:11px 13px;border-bottom:1px solid var(--g100);cursor:pointer;transition:background .12s}
    .cv:hover,.cv.active{background:#F8F9FA}
    .cv.active{border-left:3px solid var(--p1)}
    .cv-name{font-size:13px;font-weight:600}
    .cv-prev{font-size:11px;color:var(--g400);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
    .cv-time{font-size:10px;color:var(--g400);margin-left:auto;white-space:nowrap}
    .conv-detail{background:#fff;border-radius:14px;border:1px solid var(--g200);display:flex;flex-direction:column}
    .conv-hdr{padding:13px 16px;border-bottom:1px solid var(--g100);display:flex;align-items:center;justify-content:space-between}
    .msg-area{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:11px}
    .msg{display:flex;gap:7px}
    .msg.u{flex-direction:row-reverse}
    .mav{width:27px;height:27px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}
    .mb{max-width:65%;padding:9px 12px;border-radius:14px;font-size:13px;line-height:1.55}
    .msg.agent .mb{background:var(--light);color:#1a1a1a;border-bottom-left-radius:4px}
    .msg.u .mb{background:var(--grad2);color:#fff;border-bottom-right-radius:4px}
    .mt{font-size:10px;color:var(--g400);margin-top:3px}
    .conv-foot{padding:11px 14px;border-top:1px solid var(--g100);display:flex;gap:7px;align-items:center}
    .ci{flex:1;padding:7px 11px;border:1px solid var(--g200);border-radius:8px;font-size:13px;font-family:'DM Sans',sans-serif;outline:none}
    .ci:focus{border-color:var(--p1)}

    /* plan cards */
    .plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
    .plan-card{background:#fff;border-radius:14px;border:1px solid var(--g200);padding:20px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}
    .plan-card.pop{border-color:var(--p1)}
    .plan-pop{position:absolute;top:13px;right:13px;background:var(--grad2);color:#fff;font-size:9px;font-weight:700;padding:3px 8px;border-radius:20px}
    .plan-name{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:700;font-style:italic;color:#1a1a1a}
    .plan-price{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:700;color:#1a1a1a}
    .plan-price span{font-size:13px;font-weight:400;color:var(--g400);font-family:'DM Sans',sans-serif}
    .plan-cnt{font-size:12px;color:var(--g500);display:flex;justify-content:space-between}
    .plan-bar-bg{background:var(--g100);border-radius:4px;height:5px}
    .plan-bar{height:5px;border-radius:4px;background:var(--grad2)}
    .plan-feats{display:flex;flex-direction:column;gap:6px}
    .plan-feat{font-size:12px;color:var(--g600);display:flex;gap:7px}

    /* tabs */
    .tab-bar{display:flex;gap:0;border-bottom:2px solid var(--g100);margin-bottom:16px}
    .tab{padding:8px 16px;font-size:13px;font-weight:600;color:var(--g400);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .15s;background:none;border-top:none;border-left:none;border-right:none;font-family:'DM Sans',sans-serif}
    .tab.active{color:var(--p1);border-bottom-color:var(--p1)}

    /* symptom pills */
    .sym-pill{display:inline-flex;align-items:center;padding:2px 9px;border-radius:20px;font-size:10px;font-weight:600;background:var(--light);color:var(--p2);margin:2px 2px 0 0}
    .sym-sel{background:var(--p1);color:#fff}

    /* mood badge */
    .mood{font-size:16px}

    /* GLP-1 symptom bar */
    .sym-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--g100)}
    .sym-row:last-child{border-bottom:none}
    .sym-label{font-size:12px;font-weight:600;color:var(--g700);width:130px;flex-shrink:0}
    .sym-bar-bg{flex:1;background:var(--g100);border-radius:4px;height:7px}
    .sym-bar-fill{height:7px;border-radius:4px;background:var(--grad2)}
    .sym-pct{font-size:11px;font-weight:700;color:var(--p2);width:36px;text-align:right;flex-shrink:0}

    /* modal */
    .modal-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.38);z-index:999;align-items:center;justify-content:center}
    .modal-bg.open{display:flex}
    .modal{background:#fff;border-radius:18px;padding:28px;width:430px;box-shadow:0 24px 64px rgba(0,0,0,.18);animation:mIn .18s ease}
    @keyframes mIn{from{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}
    .modal h3{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:8px}
    .modal p{font-size:13px;color:var(--g500);line-height:1.65;margin-bottom:6px}
    .modal .m-user{display:flex;align-items:center;gap:10px;background:var(--light);border-radius:10px;padding:12px 14px;margin:14px 0}
    .modal-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
    .modal .plan-chg{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:var(--g700);margin-bottom:4px}

    /* ── USER PROFILE MODAL ── */
    .prof-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:900;align-items:center;justify-content:center;padding:20px}
    .prof-bg.open{display:flex}
    .prof-modal{background:#fff;border-radius:20px;width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 30px 80px rgba(0,0,0,.22);animation:mIn .2s ease;display:flex;flex-direction:column}
    .prof-hdr{background:var(--grad);padding:22px 28px;display:flex;justify-content:space-between;align-items:center;border-radius:20px 20px 0 0;flex-wrap:wrap;gap:12px}
    .prof-av-lg{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;border:2px solid rgba(255,255,255,.35);flex-shrink:0}
    .prof-uname{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:700;font-style:italic;color:#fff;margin-bottom:5px}
    .prof-badges{display:flex;gap:5px}
    .prof-stats-box{background:rgba(0,0,0,.28);border-radius:11px;display:flex;overflow:hidden;flex-shrink:0}
    .ps-col{padding:8px 18px;text-align:center;border-right:1px solid rgba(255,255,255,.12)}
    .ps-col:last-child{border-right:none}
    .ps-lbl{font-size:9px;color:rgba(255,255,255,.6);font-weight:700;letter-spacing:.8px;text-transform:uppercase}
    .ps-val{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:700;color:#fff;display:block;margin-top:1px}
    .prof-body{padding:24px 28px;display:flex;flex-direction:column;gap:20px}
    .prof-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#F5F5F7;border-radius:12px;padding:16px 18px}
    .prow{display:flex;flex-direction:column;gap:3px}
    .pil{font-size:10px;font-weight:700;color:var(--g400);text-transform:uppercase;letter-spacing:.6px}
    .piv{font-size:14px;font-weight:600;color:#1a1a1a}
    .prof-meta-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
    .pmc{background:#F5F5F7;border-radius:11px;padding:13px 10px;text-align:center}
    .pmc-v{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:700;color:#1a1a1a;line-height:1}
    .pmc-l{font-size:9px;color:var(--g400);font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-top:4px}
    .psec-ttl{font-family:'Cormorant Garamond',serif;font-size:15px;font-weight:700;font-style:italic;color:#1a1a1a;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--g100)}
    .allergy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
    .allergy-card{background:#F5F5F7;border-radius:11px;padding:13px 14px}
    .ac-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--g400);margin-bottom:5px}
    .ac-val{font-size:14px;font-weight:600;color:#1a1a1a}
    .tmpl-list{display:flex;flex-direction:column;gap:7px}
    .tmpl-item{display:flex;align-items:center;gap:11px;padding:10px 13px;background:#F5F5F7;border-radius:10px;cursor:pointer;transition:background .13s}
    .tmpl-item:hover{background:var(--light)}
    .tmpl-ico{width:30px;height:30px;border-radius:8px;background:var(--light);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
    .tmpl-name{font-weight:600;font-size:13px;color:#1a1a1a;flex:1}
    .tmpl-date{font-size:11px;color:var(--g400)}
    .btn-ban{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.28);font-family:'DM Sans',sans-serif;padding:7px 13px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:background .13s}
    .btn-ban:hover{background:rgba(255,59,59,.4)}
    .btn-close{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);font-family:'DM Sans',sans-serif;padding:7px 13px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}

    /* ── MEAL LIBRARY ── */
    .meal-hero{background:var(--grad);border-radius:16px;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}
    .meal-hero::before{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.07) 0%,transparent 70%);right:-60px;top:-80px}
    .meal-hero-title{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:700;font-style:italic;color:#fff;margin-bottom:5px}
    .meal-hero-sub{font-size:13px;color:rgba(255,255,255,.7)}
    .meal-analyzer{background:#fff;border-radius:14px;border:1px solid var(--g200);padding:18px;display:flex;flex-direction:column;gap:12px}
    .meal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .meal-card{background:#fff;border-radius:14px;border:1px solid var(--g200);overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s}
    .meal-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.09)}
    .meal-img{height:170px;display:flex;align-items:center;justify-content:center;font-size:62px;position:relative}
    .meal-img .meal-type-badge{position:absolute;top:10px;left:10px}
    .meal-body{padding:13px}
    .meal-name{font-weight:700;font-size:14px;color:#1a1a1a;margin-bottom:2px}
    .meal-ar{font-size:12px;color:var(--g400);direction:rtl;text-align:right;margin-bottom:10px;min-height:16px}
    .meal-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
    .meal-cal{font-size:11px;font-weight:700;color:var(--coral);display:flex;align-items:center;gap:3px}
    .meal-time{font-size:11px;font-weight:600;color:var(--blue1);display:flex;align-items:center;gap:3px}
    .meal-actions{display:flex;gap:5px;margin-top:10px;padding-top:10px;border-top:1px solid var(--g100)}
    .upload-drop{border:2px dashed var(--g200);border-radius:10px;padding:28px;text-align:center;color:var(--g400);cursor:pointer;transition:border-color .15s;font-size:13px}
    .upload-drop:hover{border-color:var(--p1);color:var(--p2)}

    /* ── DIET PLAN BUILDER ── */
    .plan-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.52);z-index:950;align-items:center;justify-content:center;padding:16px}
    .plan-bg.open{display:flex}
    .plan-modal{background:#fff;border-radius:20px;width:980px;max-height:92vh;overflow-y:auto;box-shadow:0 30px 80px rgba(0,0,0,.22);animation:mIn .2s ease;display:flex;flex-direction:column}
    .plan-hdr{background:var(--grad);padding:20px 26px;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}
    .plan-hdr h3{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:700;font-style:italic;color:#fff}
    .plan-body{padding:22px 26px;display:flex;flex-direction:column;gap:18px}
    .plan-meta{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px}
    .plan-meta-item{display:flex;flex-direction:column;gap:5px}
    .plan-meta-item label{font-size:11px;font-weight:700;color:var(--g500);text-transform:uppercase;letter-spacing:.5px}
    .plan-section-ttl{font-family:'Cormorant Garamond',serif;font-size:15px;font-weight:700;font-style:italic;color:#1a1a1a;padding-bottom:8px;border-bottom:1px solid var(--g100)}
    .plan-grid-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--g200)}
    .dpb-table{width:100%;border-collapse:collapse;min-width:760px}
    .dpb-table th{padding:9px 12px;background:#F5F5F7;text-align:center;font-size:10px;font-weight:700;color:var(--g500);text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--g200)}
    .dpb-table th.day-th{font-size:11px;color:#1a1a1a;letter-spacing:0}
    .dpb-table td{border:1px solid var(--g100);padding:6px;vertical-align:top}
    .dpb-table .type-cell{background:#F8F9FA;text-align:center;padding:8px 6px;min-width:72px}
    .type-icon{font-size:18px;display:block;margin-bottom:2px}
    .type-lbl{font-size:9px;font-weight:700;color:var(--g400);text-transform:uppercase;letter-spacing:.4px}
    .day-cell-sel{width:100%;border:none;background:#F8F9FA;border-radius:7px;padding:6px 7px;font-size:11px;font-weight:600;color:#1a1a1a;cursor:pointer;outline:none;font-family:'DM Sans',sans-serif;line-height:1.4}
    .day-cell-sel:focus{background:var(--light);color:var(--p3)}
    .plan-notes{resize:vertical;min-height:70px;width:100%;padding:9px 11px;border:1px solid var(--g200);border-radius:9px;font-size:13px;font-family:'DM Sans',sans-serif;color:#1a1a1a;outline:none}
    .plan-notes:focus{border-color:var(--p1)}
    .plan-footer{padding:16px 26px;border-top:1px solid var(--g100);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}
    .plan-summary{font-size:12px;color:var(--g500)}
    .plan-summary strong{color:#1a1a1a}
    .plan-assigned-toast{display:none;position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#1a1a1a;color:#fff;padding:12px 22px;border-radius:30px;font-size:13px;font-weight:600;z-index:9999;animation:mIn .2s ease}

    /* ── DIET PLAN BUILDER v2 ── */
    .plan-modal{width:1140px}
    .plan-2col{display:grid;grid-template-columns:1fr 340px;flex:1;overflow:hidden;min-height:0}
    .plan-left{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}
    .plan-right{background:#EAECF0;border-left:1px solid var(--g200);display:flex;flex-direction:column;overflow:hidden}
    .plan-right-hdr{padding:11px 14px;background:var(--grad);color:#fff;display:flex;align-items:center;gap:7px;flex-shrink:0}
    .plan-right-hdr b{font-size:13px}
    .plan-right-hdr span{font-size:11px;opacity:.8}
    /* day tabs */
    .day-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}
    .day-tab{padding:5px 13px;border-radius:18px;font-size:12px;font-weight:700;cursor:pointer;border:1.5px solid var(--g200);background:#fff;color:var(--g500);transition:.15s}
    .day-tab.active{background:var(--p1);color:#fff;border-color:var(--p1)}
    /* category accordion */
    .cat-sec{border:1px solid var(--g200);border-radius:12px;overflow:hidden;background:#fff}
    .cat-hdr2{padding:9px 13px;background:#F8F9FA;display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none}
    .cat-icon2{font-size:17px}
    .cat-name2{font-size:13px;font-weight:700;color:#1a1a1a;flex:1}
    .cat-cnt{font-size:11px;font-weight:700;color:var(--p1);background:var(--light);padding:2px 7px;border-radius:10px}
    .cat-body2{padding:10px 13px;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--g100)}
    .meal-chips{display:flex;flex-wrap:wrap;gap:5px;min-height:22px}
    .meal-chip{display:inline-flex;align-items:center;gap:4px;background:var(--light);border:1px solid var(--light2);border-radius:20px;padding:3px 9px;font-size:11px;font-weight:600;color:var(--p3)}
    .chip-x{cursor:pointer;color:var(--g400);font-size:13px;margin-left:1px;line-height:1}
    .chip-x:hover{color:var(--coral)}
    .cat-add-row{display:flex;gap:6px;align-items:center}
    .cat-sel{flex:1;border:1px solid var(--g200);border-radius:8px;padding:6px 8px;font-size:11px;font-family:'DM Sans',sans-serif;outline:none;color:#1a1a1a;background:#fff}
    .cat-sel:focus{border-color:var(--p1)}
    /* phone preview */
    .phone-wrap{flex:1;overflow-y:auto;padding:0 0 12px;display:flex;flex-direction:column;align-items:center}
    .phone-frame{width:272px;background:#F5F5F7;border-radius:30px;border:5px solid #222;box-shadow:0 6px 28px rgba(0,0,0,.22);overflow:hidden;margin:12px auto}
    .phone-screen{background:#F0F2F5;max-height:500px;overflow-y:auto}
    /* log UI inside preview */
    .lg-datebar{display:flex;gap:3px;padding:8px 8px 5px;overflow-x:auto;background:#fff}
    .lg-dc{display:flex;flex-direction:column;align-items:center;padding:4px 8px;border-radius:16px;font-size:8px;cursor:pointer;min-width:32px}
    .lg-dc.on{background:var(--p1);color:#fff}
    .lg-dc .lgd{font-weight:800;font-size:11px}
    .lg-hdr{font-weight:800;font-size:10px;color:#333;padding:8px 10px 3px}
    .lg-cat{background:#fff;border-radius:10px;margin:4px 7px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.07)}
    .lg-ch{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;cursor:pointer}
    .lg-cn{font-size:11px;font-weight:700;color:#1a1a1a}
    .lg-cv{color:var(--blue1);font-size:11px;transition:.2s}
    .lg-cat.open .lg-cv{transform:rotate(180deg)}
    .lg-meals{display:none;flex-direction:column}
    .lg-cat.open .lg-meals{display:flex}
    .lg-mr{display:flex;align-items:center;border-top:1px solid #F0F0F0;cursor:pointer;background:#fff;transition:.1s}
    .lg-mr:hover,.lg-mr.sel{background:#FFF5F9}
    .lg-mph{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:19px;background:#F8F8F8;flex-shrink:0}
    .lg-mn{flex:1;font-size:10px;font-weight:600;color:#1a1a1a;padding:0 6px;line-height:1.3}
    .lg-mh{font-size:12px;padding:0 7px;color:#DDD}
    .lg-mh.on{color:#E91E63}
    .lg-exp{background:#FAFAFA;border-top:1px solid #EEE;padding:7px 9px;display:none}
    .lg-mr.sel~.lg-exp{display:block}
    .lg-ing{font-size:9px;color:var(--g500);margin-bottom:5px;line-height:1.5}
    .lg-acts{display:flex;gap:4px}
    .lg-ab{flex:1;padding:4px 2px;border:1.5px solid var(--g200);border-radius:14px;font-size:9px;font-weight:700;background:#fff;cursor:pointer;text-align:center;transition:.15s}
    .lg-ab.eaten{border-color:#23AF00;color:#23AF00;background:#F0FFF4}
    .lg-ab.skip{border-color:var(--coral);color:var(--coral)}
    .lg-ab.swap{border-color:var(--blue1);color:var(--blue1)}
    .lg-ab.other2{border-color:var(--g400);color:var(--g400)}
    .lg-other{display:flex;gap:4px;margin-top:4px}
    .lg-other input{flex:1;border:1px solid var(--g200);border-radius:14px;padding:3px 7px;font-size:9px;outline:none;font-family:'DM Sans',sans-serif}
    .lg-empty{padding:12px;text-align:center;font-size:10px;color:var(--g400)}

    /* ── WEEKLY ACTIVITY ── */
    .act-tabs{display:flex;gap:8px;margin-bottom:14px}
    .act-tab{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;border:1.5px solid var(--g200);background:#fff;color:var(--g500);transition:.15s}
    .act-tab.active{background:var(--p1);color:#fff;border-color:var(--p1)}
    .act-panel{display:none}
    .act-panel.show{display:block}
    /* hungry log */
    .hlog-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--g100)}
    .hlog-row:last-child{border-bottom:none}
    .hlog-icon{width:34px;height:34px;border-radius:10px;background:var(--light);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
    .hlog-info{flex:1;min-width:0}
    .hlog-time{font-size:11px;color:var(--g400);font-weight:600}
    .hlog-meal{font-size:13px;font-weight:700;color:#1a1a1a;margin:2px 0}
    .hlog-status{font-size:11px}
    .hlog-cancelled{color:var(--coral);text-decoration:line-through;opacity:.7}
    /* risha log */
    .rlog-row{padding:10px 0;border-bottom:1px solid var(--g100)}
    .rlog-row:last-child{border-bottom:none}
    .rlog-time{font-size:11px;color:var(--g400);font-weight:600;margin-bottom:4px}
    .rlog-q{font-size:12px;color:#1a1a1a;background:var(--light);padding:7px 10px;border-radius:9px 9px 9px 3px;display:inline-block;max-width:90%}
    .rlog-a{font-size:12px;color:var(--p3);background:#F5F5F7;padding:7px 10px;border-radius:9px 9px 3px 9px;display:inline-block;max-width:90%;margin-top:4px}
    /* mood log */
    .mood-week{display:flex;gap:8px;flex-wrap:wrap}
    .mood-day{display:flex;flex-direction:column;align-items:center;gap:4px;background:#F8F9FA;border-radius:12px;padding:10px 14px;flex:1;min-width:70px}
    .mood-d{font-size:10px;font-weight:700;color:var(--g400);text-transform:uppercase;letter-spacing:.4px}
    .mood-e{font-size:24px;line-height:1}
    .mood-lbl{font-size:9px;color:var(--g400);text-align:center}

    ::-webkit-scrollbar{width:4px;height:4px}
    ::-webkit-scrollbar-thumb{background:#D5C0CA;border-radius:4px}

    /* ── SCHEDULE TEMPLATE MODAL ── */
    .sched-tmpl-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:910;align-items:center;justify-content:center}
    .sched-tmpl-bg.open{display:flex}
    .sched-tmpl-modal{background:#fff;border-radius:20px;width:540px;box-shadow:0 28px 70px rgba(0,0,0,.2);overflow:hidden;animation:mIn .2s ease}
    .sched-tmpl-hdr{background:var(--grad);padding:18px 24px;display:flex;justify-content:space-between;align-items:center}
    .sched-tmpl-hdr h3{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:700;font-style:italic;color:#fff}
    .sched-tmpl-body{padding:22px 24px;display:flex;flex-direction:column;gap:14px}
    .sched-tmpl-preview{background:var(--light);border:1px solid var(--light2);border-radius:10px;padding:11px 14px;display:flex;align-items:center;gap:10px}
    .sched-tmpl-preview-icon{font-size:22px}
    .sched-tmpl-preview-name{font-weight:700;font-size:14px;color:var(--p3)}
    .sched-tmpl-preview-meta{font-size:11px;color:var(--g400);margin-top:2px}
    .sf{display:flex;flex-direction:column;gap:5px}
    .sfl{font-size:11px;font-weight:700;color:var(--g500);text-transform:uppercase;letter-spacing:.5px}
    .sfi{padding:9px 12px;border:1px solid var(--g200);border-radius:9px;font-size:13px;font-family:'DM Sans',sans-serif;color:#1a1a1a;outline:none;transition:border-color .13s;background:#fff;width:100%}
    .sfi:focus{border-color:var(--p1)}
    .s2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .sched-tmpl-footer{padding:14px 24px;border-top:1px solid var(--g100);display:flex;justify-content:space-between;align-items:center}
    /* scheduled table */
    .sched-status{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600}
    .ss-pending{background:#EEF0F8;color:#3A5090}
    .ss-active{background:#EDF6E8;color:#276820}
    .ss-done{background:var(--g100);color:var(--g500)}
    .ss-cancelled{background:#FFEBEE;color:#B71C1C}

    /* ── NOTIFICATIONS ── */
    .notif-compose{background:#fff;border-radius:16px;border:1px solid var(--g200);overflow:hidden}
    .notif-compose-hdr{background:var(--grad);padding:16px 22px;display:flex;align-items:center;gap:10px}
    .notif-compose-hdr h3{font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:700;font-style:italic;color:#fff}
    .notif-compose-body{padding:20px 22px;display:flex;flex-direction:column;gap:14px}
    .notif-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .notif-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
    .nf{display:flex;flex-direction:column;gap:5px}
    .nfl{font-size:11px;font-weight:700;color:var(--g500);text-transform:uppercase;letter-spacing:.5px}
    .nfi{padding:9px 12px;border:1px solid var(--g200);border-radius:9px;font-size:13px;font-family:'DM Sans',sans-serif;color:#1a1a1a;outline:none;transition:border-color .13s;background:#fff;width:100%}
    .nfi:focus{border-color:var(--p1)}
    .nfi-ta{min-height:80px;resize:vertical}
    .audience-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:2px}
    .aud-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:20px;font-size:12px;font-weight:600;border:1.5px solid var(--g200);background:#fff;color:var(--g600,#52525b);cursor:pointer;transition:all .13s;user-select:none}
    .aud-pill:hover{border-color:var(--p1);color:var(--p2)}
    .aud-pill.on{background:var(--light);border-color:var(--light2);color:var(--p3)}
    .schedule-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
    .schedule-toggle{display:flex;align-items:center;gap:7px;background:#F8F8FA;border-radius:9px;padding:4px;border:1px solid var(--g200)}
    .sched-opt{padding:6px 14px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;color:var(--g500);transition:all .13s;border:none;background:transparent;font-family:'DM Sans',sans-serif}
    .sched-opt.on{background:#fff;color:#1a1a1a;box-shadow:0 1px 4px rgba(0,0,0,.08)}
    .notif-preview{background:#1a1a2e;border-radius:14px;padding:14px 16px;display:flex;gap:11px;align-items:flex-start;position:relative;overflow:hidden}
    .notif-preview::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(197,43,109,.18),rgba(61,106,191,.12));pointer-events:none}
    .notif-preview-icon{width:36px;height:36px;border-radius:10px;background:var(--grad2);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;position:relative;z-index:1}
    .notif-preview-body{position:relative;z-index:1}
    .notif-preview-title{font-size:13px;font-weight:700;color:#fff;margin-bottom:3px}
    .notif-preview-msg{font-size:12px;color:rgba(255,255,255,.65);line-height:1.5}
    .notif-preview-time{font-size:10px;color:rgba(255,255,255,.35);margin-top:5px}
    .notif-sent-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px}
    .ns-sent{background:#EDF6E8;color:#276820}
    .ns-sched{background:#EEF0F8;color:#3A5090}
    .ns-draft{background:var(--g100);color:var(--g500)}
    .ns-fail{background:#FFEBEE;color:#B71C1C}
    .notif-open-bar{height:4px;border-radius:4px;background:var(--g100);margin-top:4px}
    .notif-open-fill{height:4px;border-radius:4px;background:var(--grad2)}

    /* ── ADD TO KB MODAL ── */
    .kb-modal-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:920;align-items:center;justify-content:center}
    .kb-modal-bg.open{display:flex}
    .kb-modal{background:#fff;border-radius:18px;width:520px;box-shadow:0 24px 60px rgba(0,0,0,.18);overflow:hidden;animation:mIn .2s ease}
    .kb-modal-hdr{background:var(--grad);padding:16px 22px;display:flex;justify-content:space-between;align-items:center}
    .kb-modal-hdr h3{font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:700;font-style:italic;color:#fff}
    .kb-modal-body{padding:20px 22px;display:flex;flex-direction:column;gap:12px}
    .kb-source-quote{background:#F8F8FA;border-left:3px solid var(--p1);border-radius:0 8px 8px 0;padding:10px 13px;font-size:12px;color:var(--g700);font-style:italic;line-height:1.6}
    .kb-modal-footer{padding:14px 22px;border-top:1px solid var(--g100);display:flex;justify-content:flex-end;gap:8px}

    /* ── REVENUE AI NOTE ── */
    .ai-insight{display:flex;align-items:flex-start;gap:7px;background:linear-gradient(135deg,#FEF4E6,#FFF8F0);border:1px solid #F5D9A8;border-radius:9px;padding:8px 11px;margin-top:6px}
    .ai-insight-ico{font-size:14px;flex-shrink:0;margin-top:1px}
    .ai-insight-txt{font-size:11px;color:#7A4200;line-height:1.55}
    .ai-insight-txt strong{color:#5C3000}

    /* ── LATENCY BADGE ── */
    .latency-ok{display:inline-flex;align-items:center;gap:4px;background:#EDF6E8;color:#276820;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}
    .latency-warn{display:inline-flex;align-items:center;gap:4px;background:#FEF4E6;color:#8C4A00;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}
    .latency-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 1.6s infinite}
    @keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}

    /* ── A/B PROMPT TEST ── */
    .ab-test-card{background:#fff;border-radius:14px;border:1px solid var(--g200);overflow:hidden}
    .ab-test-hdr{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border-bottom:1px solid var(--g100)}
    .ab-ver{display:flex;gap:8px}
    .ab-ver-btn{padding:5px 13px;border-radius:20px;border:1px solid var(--g200);background:#fff;font-size:12px;font-weight:600;cursor:pointer;color:var(--g500);transition:all .13s}
    .ab-ver-btn.on{background:var(--grad2);color:#fff;border-color:transparent}
    .ab-metric-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:6px 0;border-bottom:1px solid var(--g100)}
    .ab-metric-row:last-child{border-bottom:none}
    .ab-val-a{font-weight:700;color:var(--p3)}
    .ab-val-b{font-weight:700;color:#3D6ABF}

    /* ── ANALYZE BTN ── */
    .analyze-btn{width:100%;padding:14px;font-size:14px;font-weight:700;background:var(--grad);color:#fff;border:none;border-radius:10px;cursor:pointer;font-family:'DM Sans',sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.2px;box-shadow:0 4px 18px rgba(197,43,109,.3);transition:filter .15s}
    .analyze-btn:hover{filter:brightness(1.07)}

    /* ── STATUS PILL ── */
    .st.up{background:#EDF6E8;color:#1B5E20;padding:3px 9px;border-radius:20px;font-weight:600}
    .st.dn{background:#FFEBEE;color:#B71C1C;padding:3px 9px;border-radius:20px;font-weight:600}

    /* ── ADMIN USERS ── */
    .role-overview{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
    .role-card{background:#fff;border-radius:14px;border:1px solid var(--g200);padding:16px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;cursor:default;transition:box-shadow .15s}
    .role-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.07)}
    .role-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--rc,var(--grad2))}
    .role-icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--ri,var(--light))}
    .role-name{font-weight:700;font-size:13px;color:#1a1a1a}
    .role-desc{font-size:11px;color:var(--g500);line-height:1.5}
    .role-count{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:700;color:#1a1a1a;line-height:1}
    .role-count-lbl{font-size:10px;color:var(--g400)}
    .role-perm-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
    .rpt{font-size:9px;font-weight:600;padding:2px 7px;border-radius:20px;background:var(--light);color:var(--p3);border:1px solid var(--light2)}

    .admins-tbl{background:#fff;border-radius:14px;border:1px solid #EBEBEB;overflow:hidden}
    .admin-row-role{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600}

    /* invite modal */
    .invite-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:900;align-items:center;justify-content:center}
    .invite-bg.open{display:flex}
    .invite-modal{background:#fff;border-radius:18px;width:480px;box-shadow:0 24px 60px rgba(0,0,0,.18);overflow:hidden;animation:mIn .2s ease}
    .invite-hdr{background:var(--grad);padding:18px 22px;display:flex;justify-content:space-between;align-items:center}
    .invite-hdr h3{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:700;font-style:italic;color:#fff}
    .invite-body{padding:22px}
    .inv-field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}
    .inv-field label{font-size:11px;font-weight:700;color:var(--g500);text-transform:uppercase;letter-spacing:.5px}
    .inv-field input,.inv-field select{padding:9px 12px;border:1px solid var(--g200);border-radius:9px;font-size:13px;font-family:'DM Sans',sans-serif;color:#1a1a1a;outline:none;transition:border-color .13s}
    .inv-field input:focus,.inv-field select:focus{border-color:var(--p1)}
    .perm-preview{background:#F8F8FA;border-radius:10px;padding:12px 14px;margin-top:4px}
    .perm-preview-ttl{font-size:10px;font-weight:700;color:var(--g500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
    .perm-tags{display:flex;flex-wrap:wrap;gap:5px}
    .perm-tag{font-size:10px;font-weight:600;padding:3px 8px;border-radius:6px;border:1px solid transparent}
    .perm-on{background:#EDF6E8;color:#276820;border-color:#C8E6C9}
    .perm-off{background:var(--g100);color:var(--g400);text-decoration:line-through}
    .invite-footer{padding:14px 22px;border-top:1px solid var(--g100);display:flex;justify-content:flex-end;gap:8px}
    /* ══════════════════════════════
       CLINICA — DOCTOR WORKSPACE
    ══════════════════════════════ */
    .cl-pt-selector{display:flex;align-items:center;gap:10px;margin-bottom:4px}
    .cl-pt-select{flex:1;border:1px solid var(--g200);border-radius:10px;padding:10px 14px;font-size:14px;font-family:'DM Sans',sans-serif;color:#1a1a1a;outline:none;background:#fff;cursor:pointer}
    .cl-pt-select:focus{border-color:var(--p1)}
    .cl-pt-bar{background:#fff;border-radius:14px;border:1px solid var(--g200);padding:16px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
    .cl-pt-av{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0;background:var(--grad2)}
    .cl-pt-name{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:700;font-style:italic;color:#1a1a1a}
    .cl-pt-sub{font-size:12px;color:var(--g400);margin-top:2px}
    .cl-type-badge{display:inline-flex;align-items:center;gap:4px;background:#EDF6E8;color:#276820;border-radius:20px;padding:2px 9px;font-size:11px;font-weight:600;margin-top:4px}
    .cl-vitals{display:flex;gap:10px;margin-left:auto;flex-wrap:wrap}
    .cl-vital{background:#F8F8FA;border-radius:10px;padding:10px 14px;text-align:center;min-width:82px}
    .cl-vital-lbl{font-size:9px;font-weight:700;color:var(--g400);text-transform:uppercase;letter-spacing:.5px}
    .cl-vital-val{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:700;color:#1a1a1a;line-height:1.2;margin-top:2px}
    .cl-vital-delta{font-size:11px;font-weight:600;color:#276820;margin-top:1px}
    .cl-vital-delta.dn{color:var(--coral)}
    .cl-2col{display:grid;grid-template-columns:1fr 260px;gap:14px;align-items:start}
    .cl-summary{background:#fff;border-radius:14px;border:1px solid var(--g200);padding:18px}
    .cl-summary-title{font-family:'Cormorant Garamond',serif;font-size:15px;font-weight:700;font-style:italic;color:#1a1a1a;margin-bottom:10px;display:flex;align-items:center;gap:7px}
    .cl-summary ul{list-style:none;display:flex;flex-direction:column;gap:6px}
    .cl-summary li{font-size:13px;color:var(--g700);display:flex;align-items:flex-start;gap:6px;line-height:1.5}
    .cl-summary li::before{content:"•";color:var(--p1);font-weight:700;flex-shrink:0}
    .cl-alerts{background:#fff;border-radius:14px;border:1px solid var(--g200);padding:16px}
    .cl-alert-title{font-family:'Cormorant Garamond',serif;font-size:15px;font-weight:700;font-style:italic;color:#1a1a1a;margin-bottom:10px;display:flex;align-items:center;gap:7px}
    .cl-alert-item{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:var(--g700);margin-bottom:8px;line-height:1.5}
    .cl-alert-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:4px}
    .cl-alert-red{background:#EF4444}
    .cl-alert-green{background:#22C55E}
    .cl-alert-orange{background:#F59E0B}
    .cl-workspace{background:#fff;border-radius:16px;border:1px solid var(--g200);overflow:hidden}
    .cl-ws-hdr{background:var(--grad);padding:16px 22px;display:flex;justify-content:space-between;align-items:center}
    .cl-ws-title{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:700;font-style:italic;color:#fff}
    .cl-ws-sub{font-size:12px;color:rgba(255,255,255,.65);margin-top:2px}
    .cl-tabs{display:flex;gap:0;border-bottom:2px solid var(--g100);overflow-x:auto}
    .cl-tab{display:flex;align-items:center;gap:5px;padding:11px 16px;font-size:12px;font-weight:600;color:var(--g400);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:all .15s;background:none;border-top:none;border-left:none;border-right:none;font-family:'DM Sans',sans-serif}
    .cl-tab.active{color:var(--p1);border-bottom-color:var(--p1)}
    .cl-tab-panel{display:none;padding:18px}
    .cl-tab-panel.active{display:block}
    .cl-panel-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
    .cl-panel-title{font-size:13px;font-weight:700;color:#1a1a1a}
    .cl-panel-sub{font-size:11px;color:var(--g400);margin-top:1px}
    .cl-inv-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#F8F9FA;border-radius:10px;margin-bottom:7px}
    .cl-inv-ico{width:28px;height:28px;border-radius:8px;background:var(--light);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}
    .cl-inv-name{font-size:13px;font-weight:600;color:#1a1a1a;flex:1}
    .cl-inv-status{display:inline-flex;align-items:center;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:600}
    .cls-req{background:#EEF0F8;color:#3A5090}
    .cls-pend{background:#FEF4E6;color:#8C4A00}
    .cls-done{background:#EDF6E8;color:#276820}
    .cl-med-card{background:#F8F9FA;border-radius:12px;padding:14px 16px;margin-bottom:10px}
    .cl-med-name{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:2px}
    .cl-med-dose{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:700;color:var(--p2);line-height:1.1}
    .cl-med-meta{font-size:11px;color:var(--g400);margin-top:4px}
    .cl-med-note{background:#fff;border-radius:8px;padding:9px 11px;font-size:12px;color:var(--g700);border:1px solid var(--g100);margin-top:8px;line-height:1.5}
    .cl-glp-card{background:#F8F9FA;border-radius:12px;padding:14px 16px}
    .cl-glp-dose{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:700;color:var(--p2);line-height:1}
    .cl-glp-label{font-size:11px;color:var(--g400);font-weight:600;text-transform:uppercase;letter-spacing:.5px}
    .cl-glp-select{width:100%;border:1px solid var(--g200);border-radius:9px;padding:9px 12px;font-size:13px;font-family:'DM Sans',sans-serif;color:#1a1a1a;outline:none;margin-top:8px;background:#fff}
    .cl-glp-select:focus{border-color:var(--p1)}
    .cl-diet-card{background:#F8F9FA;border-radius:12px;padding:14px 16px;margin-bottom:10px}
    .cl-diet-name{font-size:14px;font-weight:700;color:#1a1a1a}
    .cl-diet-meta{font-size:11px;color:var(--g400);margin-top:3px;margin-bottom:8px}
    .cl-note-card{background:#F8F9FA;border-radius:12px;padding:13px 16px;margin-bottom:8px}
    .cl-note-time{font-size:10px;font-weight:700;color:var(--g400);margin-bottom:5px}
    .cl-note-txt{font-size:13px;color:var(--g700);line-height:1.6}
    .cl-note-doc{font-size:11px;color:var(--p3);margin-top:5px;font-weight:600}
    .chat-quick{font-size:12px;border:1px solid var(--g200);border-radius:20px;padding:5px 12px;background:#fff;color:var(--g500);cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,color .15s}
    .chat-quick:hover{background:#F9F0FF;border-color:var(--p1);color:var(--p1)}
    @keyframes voicePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}
    .fmt-btn-active{border-color:var(--p1)!important;background:#FFF0F6!important;color:var(--p1)!important;font-weight:700!important}
    /* Floating chat widget */
    #floating-chat-panel{display:flex!important;flex-direction:column}
    #floating-chat-panel.fc-open{transform:translateX(0)!important;opacity:1!important}
    #floating-agent-root{bottom:28px;right:28px}
    #floating-chat-fab:hover{transform:scale(1.08)}
    #floating-chat-fab.fc-active{background:linear-gradient(135deg,#8B1050,#C52B6D)!important}
    /* Backdrop when drawer open */
    #fc-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.18);z-index:9997;display:none;animation:fcFadeIn .2s ease}
    #fc-backdrop.fc-open{display:block}
    @keyframes fcFadeIn{from{opacity:0}to{opacity:1}}
    .fc-suggest{font-size:12px;border:1.5px solid #F3D0E0;border-radius:16px;padding:5px 12px;background:#fff;color:var(--p1);cursor:pointer;font-family:inherit;font-weight:600;transition:background .12s,border-color .12s;white-space:nowrap}
    .fc-suggest:hover{background:#FFF0F6;border-color:var(--p1)}
    .cl-add-row{display:flex;flex-direction:column;gap:8px;padding:13px;background:var(--light);border-radius:12px;border:1px dashed var(--light2);margin-top:10px}
    .cl-add-row input,.cl-add-row select,.cl-add-row textarea{border:1px solid var(--g200);border-radius:8px;padding:8px 11px;font-size:13px;font-family:'DM Sans',sans-serif;color:#1a1a1a;outline:none;background:#fff}
    .cl-add-row input:focus,.cl-add-row select:focus,.cl-add-row textarea:focus{border-color:var(--p1)}
    .cl-add-row textarea{resize:vertical;min-height:70px}
    .cl-pdf-btn{display:flex;align-items:center;gap:5px;padding:7px 12px;border-radius:8px;border:1px solid var(--g200);background:#fff;font-size:11px;font-weight:600;color:var(--p2);cursor:pointer;transition:all .13s;font-family:'DM Sans',sans-serif}
    .cl-pdf-btn:hover{background:var(--light);border-color:var(--light2)}
    .cl-hist-table{background:#fff;border-radius:14px;border:1px solid var(--g200);overflow:hidden}
    .cl-update-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:600}
    .cl-ub-sent{background:#EDF6E8;color:#276820}
    .cl-ub-unsent{background:#FEF4E6;color:#8C4A00}
    .cl-send-btn{background:var(--grad2);color:#fff;border:none;border-radius:9px;padding:10px 18px;font-size:13px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;display:flex;align-items:center;gap:6px;transition:filter .13s}
    .cl-send-btn:hover{filter:brightness(1.07)}
    .cl-section-empty{text-align:center;padding:24px;font-size:13px;color:var(--g400)}

    /* ── CLINICA GLASSMORPHISM + CLINICAL THEME ── */
    #s-clinica{
      --cl-primary:#14B8A6;--cl-primary-dark:#0D9488;--cl-blue:#3B82F6;--cl-purple:#8B5CF6;
      --cl-bg:#F0FAFA;--cl-navy:#0F2044;
      /* override Nutrisha brand vars to teal inside Clinica */
      --p1:#14B8A6;--p2:#0D9488;--p3:#0F766E;
      --grad:linear-gradient(135deg,#14B8A6,#3B82F6);
      --grad2:linear-gradient(135deg,#14B8A6,#0D9488);
      --light:rgba(20,184,166,0.08);--light2:rgba(20,184,166,0.16);
      background:
        radial-gradient(ellipse at 5% 8%,   rgba(20,184,166,0.60) 0%,transparent 50%),
        radial-gradient(ellipse at 95% 92%, rgba(59,130,246,0.55) 0%,transparent 50%),
        radial-gradient(ellipse at 60% 40%, rgba(139,92,246,0.30) 0%,transparent 44%),
        radial-gradient(ellipse at 28% 75%, rgba(20,184,166,0.28) 0%,transparent 40%),
        #D4F4F0!important
    }
    #s-clinica .cl-pt-bar{background:rgba(255,255,255,0.55)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.75)!important;box-shadow:0 4px 24px rgba(20,184,166,0.12)}
    #s-clinica .cl-workspace{background:rgba(255,255,255,0.48)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.72)!important;box-shadow:0 8px 32px rgba(20,184,166,0.12)}
    #s-clinica .cl-summary,#s-clinica .cl-alerts{background:rgba(255,255,255,0.52)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.70)!important;box-shadow:0 2px 16px rgba(20,184,166,0.08)}
    #s-clinica .cl-vital{background:rgba(20,184,166,0.10)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.6)!important}
    #s-clinica .cl-vital-val{color:var(--cl-navy)!important}
    #s-clinica .cl-med-card,#s-clinica .cl-glp-card,#s-clinica .cl-diet-card,#s-clinica .cl-note-card,#s-clinica .cl-inv-row{background:rgba(255,255,255,0.45)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.65)!important}
    #s-clinica .cl-col-card{background:rgba(255,255,255,0.50)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.70)!important;box-shadow:0 4px 20px rgba(20,184,166,0.10)}
    #s-clinica .cl-hist-table{background:rgba(255,255,255,0.50)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.68)!important}
    #s-clinica .cl-pt-select,#s-clinica .cl-glp-select,#s-clinica .cl-add-row input,#s-clinica .cl-add-row select,#s-clinica .cl-add-row textarea{background:rgba(255,255,255,0.72)!important}
    /* active tab → teal */
    #s-clinica .cl-tab.active{color:var(--cl-primary)!important;border-bottom-color:var(--cl-primary)!important}
    #s-clinica .cl-pt-select:focus,#s-clinica .cl-glp-select:focus,#s-clinica .cl-add-row input:focus,#s-clinica .cl-add-row select:focus,#s-clinica .cl-add-row textarea:focus{border-color:var(--cl-primary)!important}
    /* buttons in Clinica → teal instead of magenta */
    #s-clinica .cl-col-add,#s-clinica .cl-send-btn{background:linear-gradient(135deg,var(--cl-primary),var(--cl-primary-dark))!important}
    /* Contact via Risha split button → teal */
    #s-clinica .cl-split-main{background:linear-gradient(135deg,var(--cl-primary),var(--cl-blue))!important}
    #s-clinica .cl-split-arrow{background:var(--cl-primary-dark)!important}
    /* active item in contact dropdown → teal */
    #s-clinica .cl-split-item-active{color:var(--cl-primary)!important;background:rgba(20,184,166,0.08)!important}
    #s-clinica .cl-split-item-active:hover{background:rgba(20,184,166,0.14)!important}
    /* Clinical Notes btn-pk and other btn-pk inside Clinica → teal tint */
    #s-clinica .btn-pk{background:rgba(20,184,166,0.10)!important;color:var(--cl-primary)!important;border-color:rgba(20,184,166,0.25)!important}
    #s-clinica .btn-pk:hover{background:rgba(20,184,166,0.18)!important}
    /* btn-p (solid primary) inside Clinica → teal */
    #s-clinica .btn-p{background:linear-gradient(135deg,var(--cl-primary),var(--cl-primary-dark))!important}
    /* Doctor Agent loading label → teal */
    #s-clinica #docagent-loading-label{color:var(--cl-primary)!important}
    /* Clinica section primary brand accent */
    #s-clinica .cl-summary-title,#s-clinica .cl-alert-title,#s-clinica .cl-ws-title{color:var(--cl-navy)!important}
    #s-clinica .cl-glp-dose,#s-clinica .cl-med-dose{color:var(--cl-primary)!important}
    /* patient ID badge → teal tint */
    #s-clinica .cl-type-badge[style*="EDF6E8"],#s-clinica .cl-type-badge{background:rgba(20,184,166,0.10)!important;color:var(--cl-primary)!important;border:none!important}
    /* cl-alert-red / orange keep their colors; green dots map to teal */
    #s-clinica .cl-alert-green{background:var(--cl-primary)!important}
    /* analysis card shown inside agent chat */
    .cl-analysis-card{background:rgba(255,255,255,0.75);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(20,184,166,0.2);border-radius:14px;padding:14px 16px;margin-top:6px}
    /* ── DOCTOR AGENT FLOATING PANEL → teal (lives outside #s-clinica) ── */
    #floating-agent-root{--p1:#14B8A6;--p2:#0D9488;--p3:#0F766E}
    /* FAB pill button */
    #floating-chat-fab{background:linear-gradient(135deg,#14B8A6,#3B82F6)!important;box-shadow:0 6px 20px rgba(20,184,166,0.38)!important}
    /* floating chat panel header */
    #floating-chat-panel>div:first-child{background:linear-gradient(135deg,#14B8A6,#0F766E)!important}
    /* command suggestions bar */
    #floating-chat-panel [style*="FFF8FB"]{background:rgba(20,184,166,0.05)!important;border-color:rgba(20,184,166,0.15)!important}
    /* voice record panel */
    #voice-record-panel{background:linear-gradient(135deg,rgba(20,184,166,0.08),rgba(59,130,246,0.08))!important;border-color:#14B8A6!important}
    /* voice pulse dot & stop button hardcoded colors */
    #voice-pulse{background:#14B8A6!important;animation:voicePulse 1s infinite}
    /* fc-suggest chips */
    .fc-suggest{border:1.5px solid rgba(20,184,166,0.35)!important;color:#0D9488!important;background:rgba(20,184,166,0.08)!important}
    .fc-suggest:hover{background:rgba(20,184,166,0.16)!important}
    .cl-prog-bar-wrap{background:rgba(0,0,0,0.07);border-radius:20px;height:10px;overflow:hidden;margin:6px 0 2px}
    .cl-prog-bar-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,#14B8A6,#3B82F6);transition:width .6s ease}


    /* ── 5-COLUMN LAYOUT ── */
    .cl-5col{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:start}
    .cl-col-card{background:#fff;border:1px solid var(--g200);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;min-height:280px}
    .cl-col-hdr{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--light);border-bottom:1px solid var(--g100)}
    .cl-col-title{font-size:12px;font-weight:700;color:#1a1a1a}
    .cl-col-add{background:var(--p1);color:#fff;border:none;border-radius:7px;padding:4px 10px;font-size:11px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;transition:filter .13s;white-space:nowrap}
    .cl-col-add:hover{filter:brightness(1.1)}
    .cl-col-body{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:7px}
    .cl-col-body:empty::after{content:'No entries yet';display:block;text-align:center;padding:20px 0;font-size:12px;color:var(--g400)}
    @media(max-width:1100px){.cl-5col{grid-template-columns:repeat(3,1fr)}}
    @media(max-width:720px){.cl-5col{grid-template-columns:repeat(2,1fr)}}
    .cl-2col{display:grid;grid-template-columns:1fr 260px;gap:14px;align-items:start}

    /* ── INBODY HISTORY ── */
    .ib-form{background:var(--light);border:1px dashed var(--light2);border-radius:12px;padding:16px}
    .ib-form-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:end}
    .ib-field label{font-size:11px;font-weight:700;color:var(--g400);display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.4px}
    .ib-field input{width:100%;box-sizing:border-box;border:1px solid var(--g200);border-radius:8px;padding:8px 10px;font-size:13px;font-family:'DM Sans',sans-serif;color:#1a1a1a;outline:none}
    .ib-field input:focus{border-color:var(--p1)}
    .ib-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
    .ib-metric{background:#F8F9FA;border-radius:10px;padding:12px 14px}
    .ib-metric-lbl{font-size:10px;font-weight:700;color:var(--g400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
    .ib-metric-val{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:700;color:#1a1a1a;line-height:1.1}
    .ib-metric-delta{font-size:11px;font-weight:600;margin-top:3px}
    .ib-metric-delta.pos{color:#1D9E75}.ib-metric-delta.neg{color:#D85A30}.ib-metric-delta.neu{color:var(--g400)}
    .ib-head{display:grid;grid-template-columns:110px 1fr 1fr 1fr 1fr 32px;gap:10px;padding:0 14px;margin-bottom:6px}
    .ib-head span{font-size:10px;font-weight:700;color:var(--g400);text-align:center;text-transform:uppercase;letter-spacing:.4px}
    .ib-head span:first-child{text-align:left}
    .ib-entry{background:#fff;border:1px solid var(--g200);border-radius:12px;padding:12px 14px;display:grid;grid-template-columns:110px 1fr 1fr 1fr 1fr 32px;gap:10px;align-items:center;margin-bottom:8px;transition:box-shadow .13s}
    .ib-entry:hover{box-shadow:0 2px 8px rgba(0,0,0,.06)}
    .ib-entry-date{font-size:12px;font-weight:700;color:#1a1a1a;line-height:1.4}
    .ib-entry-date .latest-tag{display:inline-block;background:var(--light);color:var(--p2);border-radius:20px;padding:1px 8px;font-size:10px;font-weight:700;margin-top:2px}
    .ib-entry-val{text-align:center}
    .ib-entry-val .v{font-family:'Cormorant Garamond',serif;font-size:16px;font-weight:700;color:#1a1a1a}
    .ib-entry-val .d{font-size:11px;font-weight:600;margin-top:1px}
    .ib-entry-val .d.pos{color:#1D9E75}.ib-entry-val .d.neg{color:#D85A30}
    .ib-del-btn{background:none;border:none;color:var(--g300);cursor:pointer;padding:4px;border-radius:6px;font-size:14px;transition:all .13s}
    .ib-del-btn:hover{color:#D85A30;background:#FEE2E2}

    /* ── CONTACT SPLIT BUTTON ── */
    .cl-split-wrap{position:relative;display:inline-block}
    .cl-split-btn{display:flex;align-items:stretch;border-radius:10px;overflow:hidden;border:none}
    .cl-split-main{background:var(--grad);color:#fff;border:none;padding:9px 14px;font-size:13px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;white-space:nowrap;transition:filter .13s}
    .cl-split-main:hover{filter:brightness(1.08)}
    .cl-split-arrow{background:var(--p3);color:#fff;border:none;border-left:1px solid rgba(255,255,255,.25);padding:9px 10px;font-size:13px;cursor:pointer;transition:filter .13s;font-family:'DM Sans',sans-serif}
    .cl-split-arrow:hover{filter:brightness(1.15)}
    .cl-split-menu{position:fixed;background:#fff;border:1px solid var(--g200);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.15);z-index:9999;min-width:210px;overflow:hidden}
    .cl-split-item{padding:10px 14px;font-size:13px;color:#1a1a1a;cursor:pointer;font-family:'DM Sans',sans-serif;transition:background .12s;display:flex;align-items:center;gap:8px}
    .cl-split-item:hover{background:var(--light)}
    .cl-split-item-active{font-weight:700;color:var(--p2);background:var(--light)}
    .cl-split-item-active:hover{background:#f0dde8}

    /* ── CREATE LINK MODAL ── */
    .lm-send-btn{display:flex;align-items:center;gap:12px;width:100%;border:none;border-radius:12px;padding:12px 16px;cursor:pointer;font-family:'DM Sans',sans-serif;text-align:left;transition:filter .13s}
    .lm-send-btn:hover{filter:brightness(1.06)}
    .lm-wa{background:#25D366;color:#fff}
    .lm-email{background:#3A5090;color:#fff}

/* ── Lab Values ── */
    .lv-val{font-size:14px;font-weight:700}
    .lv-high{color:#DC2626}
    .lv-low{color:#2563EB}
    .lv-normal{color:#15803D}

/* ═══════════════════════════════════════════
   ANALYTICS SECTION — Warm Glassmorphism
   ═══════════════════════════════════════════ */

#s-analytics {
  /* Warm beige blob background — matches reference screenshots */
  background:
    radial-gradient(ellipse at 8%  10%,  rgba(251,146,60,0.55)  0%, transparent 45%),
    radial-gradient(ellipse at 92% 85%,  rgba(249,115,22,0.40)  0%, transparent 45%),
    radial-gradient(ellipse at 55% 55%,  rgba(139,92,246,0.22)  0%, transparent 40%),
    radial-gradient(ellipse at 20% 80%,  rgba(251,191,36,0.30)  0%, transparent 38%),
    radial-gradient(ellipse at 80% 15%,  rgba(245,158,11,0.25)  0%, transparent 35%),
    #F5EDE3 !important;
  min-height: 100%;
  padding: 0 0 32px 0;
}

/* ── Toolbar ── */
.an-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  gap: 12px;
}
.an-period-group {
  display: flex;
  background: rgba(255,255,255,0.50);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.75);
  border-radius: 12px;
  padding: 4px;
  gap: 2px;
}
.an-period {
  border: none;
  background: transparent;
  padding: 6px 16px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #78716c;
  cursor: pointer;
  font-family: inherit;
  transition: all .2s;
}
.an-period.active, .an-period:hover {
  background: rgba(249,115,22,0.12);
  color: #ea580c;
}
.an-export-btn {
  border: none;
  background: rgba(255,255,255,0.60);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.8);
  border-radius: 10px;
  padding: 8px 18px;
  font-size: 13px;
  font-weight: 600;
  color: #57534e;
  cursor: pointer;
  font-family: inherit;
  transition: all .2s;
}
.an-export-btn:hover { background: rgba(255,255,255,0.85); color:#1a1a1a; }

/* ── KPI Row ── */
.an-kpi-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 16px;
}
.an-kpi {
  background: rgba(255,255,255,0.55);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,0.80);
  border-radius: 16px;
  padding: 18px 16px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  box-shadow: 0 4px 24px rgba(120,80,20,0.08);
  transition: transform .2s, box-shadow .2s;
}
.an-kpi:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(120,80,20,0.12); }
.an-kpi-icon {
  width: 44px; height: 44px;
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}
.an-kpi-label { font-size: 11px; font-weight: 600; color: #78716c; text-transform: uppercase; letter-spacing: .5px; margin-bottom: 4px; }
.an-kpi-value { font-size: 26px; font-weight: 800; color: #1c1917; line-height: 1; margin-bottom: 5px; }
.an-kpi-delta { font-size: 11px; font-weight: 600; }
.an-kpi-delta.up { color: #16a34a; }
.an-kpi-delta.dn { color: #dc2626; }

/* ── Charts Grid ── */
.an-charts-row {
  display: grid;
  gap: 14px;
  margin-bottom: 16px;
}
.an-charts-row-2col { grid-template-columns: 1.8fr 1fr; }
.an-charts-row-3col { grid-template-columns: repeat(3, 1fr); }

/* ── Glass Card ── */
.an-card {
  background: rgba(255,255,255,0.52);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,0.78);
  border-radius: 18px;
  padding: 18px 20px;
  box-shadow: 0 4px 24px rgba(120,80,20,0.07);
}
.an-card-hdr {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 14px;
}
.an-card-title { font-size: 14px; font-weight: 700; color: #1c1917; margin-bottom: 2px; }
.an-card-sub   { font-size: 11px; color: #9ca3af; }

/* ── Legend ── */
.an-legend { display: flex; align-items: center; gap: 5px; font-size: 12px; color: #57534e; }
.an-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }

/* ── Donut center ── */
.an-donut-center {
  position: absolute;
  text-align: center;
  pointer-events: none;
}
.an-donut-legend { display: flex; flex-direction: column; gap: 7px; margin-top: 14px; }
.an-dl-row { display: flex; align-items: center; gap: 7px; font-size: 12px; color: #57534e; font-weight: 500; }
.an-dl-row .an-dot { flex-shrink: 0; }
.an-dl-pct { margin-left: auto; font-weight: 700; color: #1c1917; }

/* ── Activity list ── */
.an-activity-list { display: flex; flex-direction: column; gap: 11px; overflow-y: auto; max-height: 255px; }
.an-act { display: flex; align-items: flex-start; gap: 10px; }
.an-act-icon {
  width: 34px; height: 34px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 15px; flex-shrink: 0;
}
.an-act-txt  { font-size: 12px; color: #1c1917; line-height: 1.4; }
.an-act-time { font-size: 11px; color: #9ca3af; margin-top: 1px; }

/* ── Stats table ── */
.an-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.an-table thead th { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; color: #78716c; padding: 0 12px 10px; text-align: left; border-bottom: 1px solid rgba(0,0,0,0.06); }
.an-table tbody td { padding: 11px 12px; border-bottom: 1px solid rgba(0,0,0,0.04); color: #1c1917; font-weight: 500; }
.an-table tbody tr:last-child td { border-bottom: none; }
.an-table tbody tr:hover td { background: rgba(249,115,22,0.04); }
.an-green { color: #16a34a; font-weight: 700; }
.an-badge { display: inline-block; padding: 3px 9px; border-radius: 20px; font-size: 11px; font-weight: 700; }
.an-badge.up { background: rgba(22,163,74,0.10); color: #15803d; }
.an-badge.dn { background: rgba(220,38,38,0.10); color: #dc2626; }
.an-badge.nt { background: rgba(120,113,108,0.10); color: #57534e; }


/* Analytics inside Clinica workspace tab */
#clov-clanalytics {
  background:
    radial-gradient(ellipse at 5%  8%,   rgba(251,146,60,0.50)  0%, transparent 45%),
    radial-gradient(ellipse at 92% 90%,  rgba(249,115,22,0.38)  0%, transparent 44%),
    radial-gradient(ellipse at 55% 50%,  rgba(139,92,246,0.20)  0%, transparent 40%),
    radial-gradient(ellipse at 18% 82%,  rgba(251,191,36,0.28)  0%, transparent 38%),
    #F5EDE3;
  border-radius: 14px;
  margin: -20px;
  padding: 20px !important;
  min-height: 600px;
}