/* SellExpert CRM — interface refresh */
:root{--brand:#0a9f72;--brand-dark:#067b58;--brand-pale:#e8f8f1;--ink:#18231e;--ink-soft:#53615a;--muted:#829089;--line:#e5ebe7;--canvas:#f6f8f7;--card:#fff;--shadow:0 12px 30px rgba(25,54,40,.055);--shadow-hover:0 18px 36px rgba(25,54,40,.1)}
html,body{background:var(--canvas);color:var(--ink)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 12% -20%,rgba(20,183,128,.1),transparent 32%),radial-gradient(circle at 100% 0,rgba(229,246,237,.75),transparent 31%);z-index:-1}
.app-topbar{height:76px;padding:0 28px;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(221,230,225,.9);box-shadow:0 1px 0 rgba(20,43,32,.02);backdrop-filter:blur(18px)}
.app-topbar .brand{gap:10px;min-width:136px}.app-topbar .logo{width:36px;height:36px;border-radius:10px;box-shadow:0 5px 13px rgba(9,137,96,.17)}.brand strong{font-size:16px;letter-spacing:-.65px}.brand small{font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:#84918a;margin-top:1px}
.app-topbar .sidebar-search{width:240px;height:40px;border:1px solid #e2e9e5;border-radius:11px;background:#f8faf9;transition:.2s ease}.app-topbar .sidebar-search:focus-within{width:280px;background:#fff;border-color:#8ed7bb;box-shadow:0 0 0 4px rgba(13,158,113,.09)}
.app-topbar .tabs{gap:2px;padding:4px;border:1px solid #e6ece8;border-radius:12px;background:#f7f9f8}.app-topbar .tab{height:36px;border:0!important;border-radius:8px;padding:0 12px;color:#65736c;font-size:10px;transition:.18s ease}.app-topbar .tab span{font-size:13px;margin-right:4px}.app-topbar .tab:hover{color:#1c3026;background:#edf4f0}.app-topbar .tab.active{color:#067b58;background:#fff;box-shadow:0 2px 7px rgba(20,60,43,.09)}
.save-state{display:inline-flex;align-items:center;padding:7px 10px;border-radius:20px;background:#f3faf6;color:#53806a;font-size:9px}.save-state i{width:6px;height:6px;background:var(--brand)}.save-state.error{color:#a85e63;background:#fff4f4}.save-state.error i{background:#df5d65}.header-actions{gap:8px}.logout-button{border:1px solid #e3eae6;border-radius:10px;background:#fff;color:#53615a;height:38px;padding:0 11px;font-size:10px}.logout-button:hover{border-color:#d4dfd9;background:#f7faf8}.primary{border-radius:10px;padding:10px 14px;background:#13231c;box-shadow:0 6px 13px rgba(15,34,25,.14);font-size:10px;transition:.18s ease}.primary:hover{background:#087b58;box-shadow:0 10px 18px rgba(8,123,88,.22);transform:translateY(-1px)}
.workspace{min-height:calc(100vh - 76px)}.workspace main{padding:32px 32px 48px;max-width:1600px;margin:0 auto}.title-row{margin-bottom:24px}.eyebrow{color:#0b986d;font-size:9px;letter-spacing:1.3px}.title-row h1{font-size:29px;letter-spacing:-1.25px;line-height:1.1}.title-row>div>p:last-child{font-size:12px;color:var(--ink-soft);max-width:600px;line-height:1.5}
.dashboard-title{position:relative;padding:4px 0 1px}.dashboard-title:after{content:"";position:absolute;width:42px;height:3px;bottom:-11px;left:0;border-radius:20px;background:linear-gradient(90deg,var(--brand),#9fe7c9)}
.dashboard-kpis{gap:16px;margin:30px 0 18px}.dashboard-kpi{position:relative;overflow:hidden;padding:18px 19px;border:1px solid #e1eae5;border-radius:16px;background:var(--card);box-shadow:var(--shadow);transition:.2s ease}.dashboard-kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.dashboard-kpi:after{content:"";position:absolute;width:90px;height:90px;right:-30px;bottom:-43px;border-radius:50%;background:#effaf5}.dashboard-kpi-top{position:relative;z-index:1}.dashboard-kpi-icon{width:37px;height:37px;border-radius:11px;background:var(--brand-pale);color:var(--brand-dark);font-size:16px}.dashboard-kpi-rate{background:#eff9f4;color:#19835f;font-size:8px}.dashboard-kpi span{font-size:9px;margin-top:16px;color:#718078}.dashboard-kpi strong{position:relative;z-index:1;font-size:26px;letter-spacing:-1px;margin-top:2px}.dashboard-kpi small{font-size:9px;color:#8d9993}
.dashboard-layout{gap:18px}.dashboard-panel{border:1px solid #e1e9e4;border-radius:16px;padding:21px;background:#fff;box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between}.panel-heading h2{font-size:16px;letter-spacing:-.55px}.panel-heading p{font-size:10px;line-height:1.45;color:#79867f}.status-results{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:19px}.status-card{position:relative;overflow:hidden;border:1px solid #e8eeeb;border-radius:11px;padding:12px 11px;background:#fbfcfc;transition:.18s ease}.status-card:hover{border-color:#b9dfce;background:#f7fcf9;transform:translateY(-1px)}.status-card i{height:4px;background:#cadbd3;margin-bottom:11px}.status-card:nth-child(2) i{background:#e4a063}.status-card:nth-child(3) i{background:#df6d6d}.status-card:nth-child(4) i{background:#25af7e}.status-card:nth-child(5) i{background:#a2aca6}.status-card span{font-size:8px;color:#728078}.status-card strong{font-size:22px;letter-spacing:-.6px}.status-card small{font-size:8px;color:#98a39e}.inline-details{margin-top:16px;padding-top:15px;border-top:1px solid #edf1ef}.inline-details-title strong{font-size:10px}.inline-details-title span{font-size:8px;color:#91a099}.metrics-table{margin-top:9px;gap:0 15px}.metric-line{padding:8px 0;font-size:9px;border-bottom:1px dashed #e7ece9}.metric-line strong{color:#176f52}
.seller-stats-head,.seller-performance-row{grid-template-columns:minmax(170px,1fr) 52px 45px 90px;gap:12px}.seller-performance-row{padding:12px 1px}.seller-performance-row strong{font-size:10px}.seller-avatar{border-radius:10px;background:#ebf8f2;color:#087b58}.seller-performance-row>span{color:#087b58;background:#eff9f4;padding:5px 7px;border-radius:20px;text-align:center;font-size:9px}.performance-bar{height:5px;background:#ecf2ef}.performance-bar i{background:linear-gradient(90deg,#15a878,#7be0b6)}
#tableView .title-row{margin-bottom:19px}#tableView .quick-stats{border:1px solid #e0ebe5;border-radius:14px;padding:6px;background:#fff;box-shadow:0 6px 16px rgba(20,55,39,.04)}#tableView .stat{min-width:96px;padding:7px 15px}#tableView .stat strong{font-size:18px;color:#16382a}.toolbar{min-height:67px;padding:13px 15px;border:1px solid #e0e8e3;border-radius:16px 16px 0 0;box-shadow:var(--shadow)}.search{height:40px;border-color:#e1e9e4;border-radius:10px;background:#f8faf9}.search span{color:#0b956b;font-size:16px}.search input{font-size:10px}.filters{align-items:center;flex-wrap:wrap}.filters select,.filters .secondary,.filters .columns-button{height:36px;border-radius:9px;font-size:9px}.filters select{background:#fbfcfb}.filters .secondary{padding:0 10px;color:#78857f}.sheet-card{border:1px solid #e0e8e3;border-top:0;border-radius:0 0 16px 16px;box-shadow:var(--shadow)}.group-row th{height:31px}.group.manager,.group.setting{background:#eaf8f1!important;color:#087b58!important}.column-row th,.column-row th.setting-header{height:46px;background:#f7faf8!important;color:#63716a!important;font-size:8px;letter-spacing:.55px}.table-scroller{background:#fff}.table-scroller::-webkit-scrollbar-thumb{background:#aebeb7;border-color:#f5f8f6}tbody td{height:55px;padding:7px 9px;border-color:#edf1ef;background:#fff}tbody tr:nth-child(even) td{background:#fbfcfc}tbody tr:hover td,tbody tr:hover .sticky-a,tbody tr:hover .sticky-b{background:inherit!important}tbody .sticky-a,tbody .sticky-b{box-shadow:1px 0 0 #e6ece8}td input,td select,td textarea{height:37px;border-radius:8px;font-size:10px;color:#293831}td input:hover,td select:hover,td textarea:hover{border-color:#cfe0d8;background:#fbfefc}.sheet-footer{height:46px;padding:0 17px;background:#fbfcfc;color:#75827c}.sheet-footer span:last-child{color:#a0aba6}.recontact-tab,.error-archive-tab{height:36px;font-size:8px}.columns-popover{border-radius:14px;padding:13px;box-shadow:0 18px 40px rgba(27,61,44,.15)}
.settings-layout{gap:18px}.present-count{border:1px solid #caeadb;border-radius:13px;background:#effaf4;color:#087b58;padding:11px 18px}.present-count strong{font-size:24px}.seller-setting-row{padding:13px 3px}.seller-setting-row:hover{background:#f9fcfa}.switch input:checked+i{background:#0aa878}.add-seller-panel form{padding:14px;border:1px solid #e7eeea;border-radius:12px;background:#fafcfb}.add-seller-panel input,.add-seller-panel select{border-color:#dce7e1;background:#fff}.settings-note{background:#edf8f3;border:1px solid #d9eee4;border-radius:11px}.settings-note strong{color:#087b58}
.activity-backdrop{padding:4vh 5vw}.activity-modal{width:min(1320px,92vw);height:min(900px,84vh);border-radius:20px;box-shadow:0 35px 100px rgba(5,39,26,.3)}.activity-head{padding:24px 30px 20px;background:linear-gradient(115deg,#fff 55%,#ecfaf3)}.activity-head h2{font-size:25px;letter-spacing:-.8px}.activity-thread{padding:27px 8%;background:#f4f8f6}.activity-bubble{box-shadow:0 4px 12px rgba(26,58,43,.045)}.activity-composer{padding:17px 25px 19px}.composer-switch{background:#edf3ef}.incoming-email{margin:15px 8% 0}.email-draft-meta{background:#f7faf8}
@media(max-width:1180px){.app-topbar .sidebar-search{width:175px}.app-topbar .sidebar-search:focus-within{width:190px}.app-topbar .tab{padding:0 8px}.save-state{display:none}.status-results{grid-template-columns:repeat(3,1fr)}}
@media(max-width:880px){.app-topbar{height:auto;padding:10px 14px}.workspace{min-height:calc(100vh - 123px)}.workspace main{padding:24px 16px 38px}.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.dashboard-layout,.settings-layout{grid-template-columns:1fr}.status-results{grid-template-columns:repeat(5,1fr)}.seller-stats-head,.seller-performance-row{grid-template-columns:minmax(170px,1fr) 52px 45px 82px;gap:8px}.activity-modal{width:96vw;height:90vh}.activity-thread{padding:22px 4%}}
@media(max-width:620px){.app-topbar .brand{min-width:auto}.app-topbar .header-actions .primary{font-size:0;width:39px;padding:0}.app-topbar .header-actions .primary:after{content:"＋";font-size:18px}.workspace main{padding:20px 12px}.title-row h1{font-size:25px}.dashboard-kpis{gap:10px}.dashboard-kpi{padding:15px}.dashboard-kpi strong{font-size:23px}.status-results{grid-template-columns:repeat(2,1fr)}.dashboard-panel{padding:16px}.seller-stats-head,.seller-performance-row{grid-template-columns:minmax(130px,1fr) 38px 34px 60px;gap:5px}.seller-avatar{width:30px;height:30px}.seller-performance-row strong{font-size:8px}.toolbar{padding:10px}.filters{gap:5px}.activity-head{padding:18px}.activity-head h2{font-size:20px}.activity-thread{padding:18px 12px}.activity-bubble{max-width:86%}.activity-composer{padding:13px}.email-draft-meta{align-items:flex-start;flex-wrap:wrap}.email-draft-meta label{margin-left:0;width:100%}.email-draft-meta input{width:100%;flex:1}}