/* topbar.css */
.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:10px 20px;display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:100}
.menu-btn{display:none;background:none;border:none;color:var(--t2);padding:6px;border-radius:8px}
.menu-btn:hover{background:var(--s2)}
.tb-title{font-size:14px;font-weight:600}
.tb-sub{font-size:11px;color:var(--t3)}
.tb-right{display:flex;align-items:center;gap:8px;margin-left:auto}
.last-upd{font-size:11px;color:var(--t3)}

/* Command palette */
.cmd-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:800;backdrop-filter:blur(4px);align-items:flex-start;justify-content:center;padding-top:80px}
.cmd-overlay.open{display:flex}
.cmd-box{background:var(--surface);border:1px solid var(--bmd);border-radius:var(--rxl);width:100%;max-width:520px;overflow:hidden;box-shadow:var(--shm)}
.cmd-inp-wrap{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}
.cmd-inp{flex:1;background:none;border:none;outline:none;font-size:15px;color:var(--text)}
.cmd-res{max-height:320px;overflow-y:auto}
.cmd-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .1s;font-size:13px}
.cmd-item:hover,.cmd-item.sel{background:var(--gl);color:var(--gd)}
.cmd-hint{padding:8px 16px;font-size:11px;color:var(--t3);border-top:1px solid var(--border)}

/* Modals */
.modal-ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);z-index:500;align-items:center;justify-content:center;padding:20px}
.modal-ov.open{display:flex}
.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--rxl);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:var(--shm);animation:mIn .2s ease}
@keyframes mIn{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.mhdr{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.mtitle{font-size:15px;font-weight:600}
.mc2{background:none;border:none;color:var(--t3);font-size:20px;line-height:1;padding:2px 6px;border-radius:6px;cursor:pointer}
.mc2:hover{background:var(--s2);color:var(--text)}
.mbody{padding:20px}
.mfoot{padding:14px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}

/* Form elements */
.fg{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fgrp{display:flex;flex-direction:column;gap:5px}
.fgrp.full{grid-column:1/-1}
.flbl{font-size:11.5px;font-weight:500;color:var(--t2)}
.finp{padding:8px 11px;border-radius:var(--r);border:1px solid var(--bmd);background:var(--surface);color:var(--text);font-size:13px;font-family:inherit;outline:none;transition:border .12s}
.finp:focus{border-color:var(--green)}
.fsel2{padding:8px 11px;border-radius:var(--r);border:1px solid var(--bmd);background:var(--surface);color:var(--text);font-size:13px;font-family:inherit;outline:none;cursor:pointer}
.fsel2:focus{border-color:var(--green)}
.fta{padding:8px 11px;border-radius:var(--r);border:1px solid var(--bmd);background:var(--surface);color:var(--text);font-size:13px;font-family:inherit;outline:none;resize:vertical;min-height:72px;transition:border .12s}
.fta:focus{border-color:var(--green)}

/* Duplicate alert */
.dup-al{background:var(--al);border:1px solid var(--amber);border-radius:var(--r);padding:9px 13px;font-size:12px;color:var(--ad);display:flex;align-items:center;gap:8px;margin-bottom:12px}

/* Profile modal */
.prf-hdr{padding:16px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border)}
.prf-av{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}
.prf-name{font-size:16px;font-weight:600}
.prf-ph{font-size:12px;color:var(--t2);margin-top:2px;font-family:"DM Mono",monospace}
.drow{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:12.5px}
.drow:last-child{border-bottom:none}
.dlbl{color:var(--t2)}.dval{font-weight:500;text-align:right}
.nbox{background:var(--gl);border:1px solid var(--green);border-radius:var(--r);padding:10px 13px;font-size:12px;color:var(--gd);line-height:1.6;margin-top:12px}

/* Smart send modal */
.ss-wrap{padding:16px;display:flex;flex-direction:column;gap:12px}
.ss-prev{background:var(--s2);border-radius:var(--r);padding:12px;font-size:12.5px;line-height:1.6;color:var(--t2);white-space:pre-wrap}
.lr{max-height:240px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--r)}
.lri{display:flex;align-items:center;gap:10px;padding:9px 14px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .1s}
.lri:last-child{border-bottom:none}
.lri:hover{background:var(--gl)}

/* KPI row */
.kpi-row{display:flex;gap:10px;padding:14px 16px;flex-wrap:wrap}
.kpi{flex:1;min-width:70px;text-align:center}
.kpi-val{font-size:20px;font-weight:600}
.kpi-lbl{font-size:10.5px;color:var(--t2);margin-top:2px}