/* RIGIT WhatsApp Bot — admin
   Navy #0E1E40 · Gold #C9A227 · Ink #1C2430 · Mist #F2F4F8 */

*{box-sizing:border-box}
body{margin:0;font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:#F2F4F8;color:#1C2430;font-size:14px}
a{color:#0E1E40;text-decoration:none}

/* layout */
.shell{display:flex;min-height:100vh}
.side{width:216px;background:#0E1E40;color:#c9d2e4;flex-shrink:0;display:flex;flex-direction:column}
.brand{padding:20px 18px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.brand b{color:#fff;font-size:15px;letter-spacing:.04em}
.brand i{display:block;font-style:normal;color:#C9A227;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;margin-top:3px}
.side nav{padding:10px 0;flex:1}
.side nav a{display:block;padding:11px 18px;color:#aeb9d0;font-weight:500;border-left:3px solid transparent}
.side nav a:hover{color:#fff;background:rgba(255,255,255,.04)}
.side nav a.on{color:#fff;border-left-color:#C9A227;background:rgba(201,162,39,.10)}
.side .foot{padding:14px 18px;font-size:11px;color:#5a6a8c;border-top:1px solid rgba(255,255,255,.08)}
.main{flex:1;padding:26px 30px;max-width:1060px}
.main h1{font-size:19px;margin:0 0 4px;color:#0E1E40}
.main .sub{color:#68738a;font-size:13px;margin:0 0 22px}

/* cards / stats */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:24px}
.card{background:#fff;border:1px solid #e3e8f0;border-radius:10px;padding:16px 18px}
.card .k{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8a94a8}
.card .v{font-size:26px;font-weight:700;color:#0E1E40;margin-top:6px}
.card .v small{font-size:12px;color:#8a94a8;font-weight:500}

.panel{background:#fff;border:1px solid #e3e8f0;border-radius:10px;padding:20px 22px;margin-bottom:20px}
.panel h2{font-size:14px;margin:0 0 14px;color:#0E1E40;letter-spacing:.02em}

/* tables */
table{width:100%;border-collapse:collapse}
th{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#8a94a8;text-align:left;padding:8px 10px;border-bottom:2px solid #edf0f5}
td{padding:9px 10px;border-bottom:1px solid #f0f2f6;vertical-align:middle}
tr:hover td{background:#fafbfd}
.tree-indent{color:#c3cad6}

/* forms */
label{display:block;font-size:12px;font-weight:600;color:#3a4356;margin:14px 0 5px}
input[type=text],input[type=password],input[type=url],textarea,select{width:100%;padding:9px 11px;border:1px solid #ccd3df;border-radius:8px;font-size:14px;font-family:inherit;background:#fff}
textarea{min-height:74px;resize:vertical}
input:focus,textarea:focus,select:focus{outline:none;border-color:#C9A227;box-shadow:0 0 0 3px rgba(201,162,39,.15)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 18px}
.rtl{direction:rtl;text-align:right}

/* buttons & badges */
.btn{display:inline-block;padding:9px 16px;border-radius:8px;border:0;cursor:pointer;font-size:13.5px;font-weight:600;background:#0E1E40;color:#fff}
.btn.gold{background:#C9A227;color:#0E1E40}
.btn.ghost{background:#fff;color:#0E1E40;border:1px solid #ccd3df}
.btn.sm{padding:4px 9px;font-size:12px;border-radius:6px}
.btn.danger{background:#fff;color:#b3261e;border:1px solid #e6b6b3}
.badge{display:inline-block;padding:2px 9px;border-radius:99px;font-size:11px;font-weight:600}
.b-submenu{background:#e8edf8;color:#2a4a9c}.b-text{background:#eef2f6;color:#4a5568}
.b-pdf{background:#fdeeee;color:#b3261e}.b-url{background:#e8f6ee;color:#1a7a45}
.b-off{background:#f2f2f2;color:#999}
.b-in{background:#e8f6ee;color:#1a7a45}.b-out{background:#eef1fb;color:#2a4a9c}

.note{background:#fbf6e7;border:1px solid #ecd9a0;color:#7a5d10;padding:11px 14px;border-radius:8px;font-size:13px;margin:0 0 16px}
.ok{background:#e8f7ee;border:1px solid #9ad4ae;color:#186a3b;padding:11px 14px;border-radius:8px;font-size:13px;margin:0 0 16px}
.err{background:#fdecea;border:1px solid #f5b7b1;color:#922;padding:11px 14px;border-radius:8px;font-size:13px;margin:0 0 16px}
code,.mono{font-family:Consolas,Menlo,monospace;font-size:12.5px;background:#f0f2f7;padding:2px 7px;border-radius:5px;word-break:break-all}
.copybox{display:flex;gap:8px;align-items:center}

/* login */
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0E1E40}
.login{background:#fff;border-radius:12px;padding:36px;width:360px;max-width:90vw;box-shadow:0 24px 70px rgba(0,0,0,.45)}
.login h1{font-size:18px;color:#0E1E40;margin:0}
.login h1 span{color:#C9A227}
.gold-rule{height:3px;width:44px;background:#C9A227;border-radius:2px;margin:10px 0 6px}

@media(max-width:820px){.shell{flex-direction:column}.side{width:100%}.side nav{display:flex;flex-wrap:wrap;padding:0}.side nav a{border-left:0;border-bottom:3px solid transparent}.side nav a.on{border-bottom-color:#C9A227}.grid2,.grid3{grid-template-columns:1fr}.main{padding:18px}}

/* inbox */
.b-agent{background:#fdf3d7;color:#8a6d0b}
.inbox-wrap{display:grid;grid-template-columns:290px 1fr;gap:18px;align-items:start}
.conv-list{padding:14px}
.conv{display:block;padding:10px 12px;border-radius:8px;margin-bottom:4px;border:1px solid transparent}
.conv:hover{background:#f6f8fc}
.conv.sel{background:#eef2fb;border-color:#ccd8f0}
.conv-top{display:flex;justify-content:space-between;align-items:center;gap:6px}
.conv-prev{color:#68738a;font-size:12.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conv-time{color:#9aa3b5;font-size:11px;margin-top:2px}
.thread{display:flex;flex-direction:column;min-height:480px;padding:0;overflow:hidden}
.thread-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid #edf0f5;font-size:13px;flex-wrap:wrap}
.bubbles{flex:1;overflow-y:auto;max-height:480px;padding:16px;background:#f7f8fb;display:flex;flex-direction:column;gap:8px}
.bub{max-width:72%;padding:9px 12px;border-radius:12px;font-size:13.5px;line-height:1.45;white-space:pre-wrap;word-break:break-word}
.bub.in{background:#fff;border:1px solid #e3e8f0;align-self:flex-start;border-bottom-left-radius:4px}
.bub.out{background:#0E1E40;color:#e8ecf6;align-self:flex-end;border-bottom-right-radius:4px}
.bub.buberr{background:#5a2320}
.bub-time{font-size:10.5px;opacity:.6;margin-top:5px}
.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.chips span{background:rgba(201,162,39,.18);border:1px solid rgba(201,162,39,.5);color:inherit;border-radius:99px;padding:2px 9px;font-size:11.5px}
.bub.in .chips span{background:#f4efdd;border-color:#e0d3a0;color:#6a5a14}
.replybar{display:flex;gap:8px;padding:12px 14px;border-top:1px solid #edf0f5}
.replybar input{flex:1}
@media(max-width:820px){.inbox-wrap{grid-template-columns:1fr}}