:root{--bg:#e9f3ff;--bg2:#dceafb;--ink:#252729;--dark:#222426;--dark2:#303336;--dark3:#393c3e;--white:#fff;--muted:#78828a;--line:#ced9e3;--blue:#c2dbea;--blue2:#d7e8f5;--lime:#d9ff36;--lime2:#ecff99;--radius:24px;--shadow:0 20px 65px rgba(32,43,53,.12);font-family:Vazirmatn,Tahoma,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#cdd1d4;color:var(--ink);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7cb3fa;outline-offset:2px}a{color:inherit}.frame{max-width:1550px;min-height:calc(100vh - 50px);margin:25px auto;background:radial-gradient(ellipse at 10% 1%,#d5e5ff 0,transparent 27%),linear-gradient(140deg,#ecf5ff,#e3eef9 62%,#e9f4fd);padding:22px 25px 28px;border:1px solid #eaf3fc;box-shadow:0 10px 70px #171f2924}.topbar{display:flex;align-items:center;justify-content:space-between;gap:17px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap}.brand-mark{font:900 28px Arial,sans-serif;transform:rotate(4deg)}.brand-name{font:900 18px Arial,sans-serif;letter-spacing:1px}.brand-sub{display:block;font-size:10px;color:#717c87;line-height:1.4}.nav-scroll{overflow:auto;scrollbar-width:none;max-width:100%}.nav-scroll::-webkit-scrollbar{display:none}.nav{display:flex;align-items:center;gap:3px;padding:5px;background:#25282a;border-radius:32px;min-width:max-content}.nav-btn{border:0;background:none;border-radius:30px;color:#bdc4c6;padding:10px 14px;font-weight:700;font-size:11.7px;transition:.18s}.nav-btn:hover{color:#fff;background:#ffffff0d}.nav-btn.active{background:var(--lime);color:#222426;box-shadow:0 1px 10px #d9ff363d}.top-utilities{display:flex;align-items:center;gap:7px}.icon-btn{background:#f7fbffbb;border:1px solid #d3dee8;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#505c64}.icon-btn:hover{background:#fff}.avatar{background:#262a2d;color:var(--lime);border:3px solid #fff;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900}.ico{width:17px;height:17px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px;flex-shrink:0}.ico.sm{width:14px;height:14px}.ico.big{width:22px;height:22px}.eyebrow{font:800 10px Arial,sans-serif;letter-spacing:2.5px;color:#71808d;margin:0 0 10px}.heading-row{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:25px 0 20px}.heading-row h1{font-size:clamp(25px,3vw,41px);letter-spacing:-1.5px;font-weight:800;line-height:1.3;margin:0}.heading-row p{font-size:12px;margin:8px 0 0;color:#647483}.heading-tools{display:flex;align-items:center;gap:9px}.pill-btn{border-radius:60px;border:1px solid #c9d6e1;background:#fff9;color:#283038;padding:10px 17px;font-size:11.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.pill-btn:hover{background:#fff}.pill-btn.lime{background:var(--lime);border-color:var(--lime);color:#24272b}.pill-btn.dark{background:#282b2c;border-color:#282b2c;color:#fff}.pill-btn.solid{background:#fff;border:0}.pill-btn.tiny{padding:7px 11px;font-size:11px}.kpi-grid{display:grid;grid-template-columns:1.05fr 1.05fr 1fr 1.25fr;gap:11px;margin-bottom:17px}.kpi{background:#ffffff60;border:1px solid #d8e4ee;border-radius:22px;min-height:140px;padding:18px 21px;position:relative;overflow:hidden}.kpi:after{content:'';width:90px;height:90px;border:1px solid #acc2d83d;position:absolute;left:-42px;bottom:-52px;border-radius:50%}.kpi-title{font-size:11.5px;color:#61717c;display:flex;align-items:center;justify-content:space-between;gap:8px}.kpi-value{font-size:clamp(24px,2.5vw,35px);font-weight:900;margin:13px 0 3px;letter-spacing:-1px;line-height:1.4}.kpi-sub{font-size:10px;color:#70818c}.kpi.special{background:#d1e2efbd}.kpi.special .kpi-value{font-size:24px}.mini-progress{height:8px;background:#d1dde8;border-radius:99px;margin-top:19px;overflow:hidden}.mini-progress>span{height:100%;display:block;background:var(--lime);border-radius:99px}.kpi-avatars{display:flex;align-items:center;flex-direction:row-reverse;margin-top:12px;justify-content:flex-end}.kpi-avatars span{height:21px;width:21px;border-radius:50%;background:#a1b8cd;border:2px solid #d7e9f7;display:grid;place-items:center;font-size:9px;margin-right:-6px;color:#293840}.kpi-avatars span:nth-child(even){background:#e1b9a6}.quickbar{display:flex;justify-content:space-between;align-items:center;gap:13px;margin:8px 0 15px;flex-wrap:wrap}.quickbar-left,.quickbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.search-wrap{position:relative;min-width:270px}.search-wrap .ico{position:absolute;right:15px;top:12px;color:#74848e}.search-input{background:#fdfefeab;border:1px solid #d5e0e9;border-radius:40px;padding:11px 42px 11px 17px;font-size:11.5px;width:300px;max-width:100%;height:42px}.helper-pill{font-size:10px;color:#667985;background:#ffffff9c;border:1px solid #d4e0eb;border-radius:25px;padding:10px 14px}.helper-pill strong{color:#30363b}.search-results{position:absolute;z-index:30;top:49px;right:0;width:345px;max-width:95vw;background:white;border:1px solid #d7e1eb;border-radius:19px;padding:8px;box-shadow:0 15px 40px #182a4130}.search-result{width:100%;border:0;background:none;padding:12px;text-align:right;display:flex;justify-content:space-between;gap:10px;align-items:center;border-radius:11px;font-size:12px}.search-result:hover{background:#ecf4fb}.search-result small{color:#87919a}.empty-search{font-size:12px;color:#7d8c98;padding:15px}.workspace{background:var(--dark);color:#f9fbfc;border-radius:27px;padding:19px;box-shadow:0 11px 24px #252b3240;min-height:490px}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px;padding:2px 4px}.workspace-heading{display:flex;align-items:center;gap:10px}.workspace-heading h2{font-size:14px;margin:0;font-weight:800}.dark-counter{border-radius:50px;padding:3px 10px;background:var(--lime);color:#202529;font-size:10px;font-weight:900}.workspace-actions{display:flex;gap:7px}.ghost-dark{display:inline-flex;align-items:center;gap:5px;background:#35393b;border:1px solid #44494c;color:#d4dbdb;padding:8px 12px;border-radius:30px;font-size:10.5px;font-weight:700}.ghost-dark:hover{background:#414547;color:#fff}.workspace-grid{display:grid;grid-template-columns:minmax(270px,36%) minmax(0,1fr);gap:12px;align-items:stretch;min-height:430px}.list-panel{border-radius:19px;background:#292c2d;padding:13px 11px;min-height:430px}.list-top{padding:3px 5px 10px;display:flex;justify-content:space-between;align-items:center;gap:8px}.list-top strong{font-size:12px}.list-top small{font-size:10px;color:#9ca6a8}.filter-row{display:flex;gap:5px;overflow:auto;scrollbar-width:none;padding:0 3px 10px}.filter-row::-webkit-scrollbar{display:none}.filter{border:1px solid #44494c;color:#b6c0c0;border-radius:30px;padding:6px 11px;background:transparent;font-size:10px;white-space:nowrap}.filter.active{background:#fff;border-color:#fff;color:#202325;font-weight:800}.records{display:grid;gap:5px;max-height:515px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#51595a transparent;padding:0 1px}.record{border:1px solid transparent;border-radius:15px;background:transparent;width:100%;text-align:right;color:#e8eeee;display:flex;gap:10px;align-items:center;padding:11px 10px;transition:.15s}.record:hover{background:#363a3c}.record.active{background:#42484c;border-color:#50565b}.record.active .item-sub{color:#d1dddd}.round-avatar{width:36px;height:36px;background:#bdd4e1;color:#263944;display:grid;place-items:center;border-radius:50%;flex:none;font-weight:900;font-size:13px}.round-avatar.peach{background:#f5cbbb}.round-avatar.lime{background:var(--lime)}.item-body{min-width:0;flex:1}.item-title{display:flex;gap:7px;justify-content:space-between;align-items:center;font-size:12px;font-weight:800}.item-title span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.item-title small{font-size:9.5px;color:#b5c4c7;font-weight:500;flex:none}.item-sub{font-size:10px;color:#8f9c9e;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread{background:var(--lime);border-radius:50%;color:#272a2c;font-size:9px;min-width:17px;height:17px;display:grid;place-items:center;font-weight:900;flex:none}.detail-panel{color:#273036;background:linear-gradient(135deg,#c5dce9,#bdd4e4 75%,#bfd3e4);border-radius:19px;padding:18px 19px;min-width:0;position:relative;overflow:hidden}.detail-panel:after{content:'';width:320px;height:320px;border:1px solid #ffffff52;border-radius:50%;position:absolute;bottom:-215px;left:-125px;pointer-events:none}.customer-top{display:flex;justify-content:space-between;align-items:start;gap:14px;position:relative;z-index:1}.detail-label{color:#648195;font-size:11px;margin-bottom:8px;font-weight:700}.customer-top h3{font-size:clamp(19px,2.3vw,27px);font-weight:900;margin:0 0 7px;line-height:1.45}.customer-meta{color:#658091;font-size:11px}.customer-badge{background:#e9f8ff;border:1px solid #a9c7d4;color:#375968;padding:7px 10px;border-radius:30px;font-size:10px;font-weight:800;white-space:nowrap}.customer-badge.won{background:#deedb6;border-color:#c0d18b;color:#334722}.customer-badge.lost{background:#f5d1c7;color:#663a34}.customer-badge.interested{background:#efff8a;color:#35402c;border-color:#d7ec77}.detail-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:17px 0}.action{border:1px solid #9ebac8;background:#d9ebf6a8;color:#324c5d;border-radius:13px;min-height:67px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:10.5px;font-weight:900}.action .ico{height:20px;width:20px}.action:hover{background:#e9f7ff}.action.primary{background:var(--lime);border-color:#c4ea23;color:#2d3325}.action.primary:hover{background:#eeff94}.mini-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.info-box{background:#d5e5f0b0;border-radius:12px;padding:12px;min-width:0}.info-box small{font-size:10px;color:#6d8a9c;display:block;margin-bottom:8px}.info-box b{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-divider{height:1px;background:#9db9c755;margin:16px 0}.tab-row{display:flex;gap:5px;overflow:auto;scrollbar-width:none;margin-bottom:13px}.tab-row::-webkit-scrollbar{display:none}.tab{border-radius:30px;border:1px solid #a6c4d4;color:#517286;padding:7px 11px;font-size:10px;font-weight:800;background:transparent;white-space:nowrap}.tab.active{background:#252b2f;color:white;border-color:#252b2f}.activity-list{display:grid;gap:7px}.activity{display:flex;gap:10px;align-items:flex-start;padding:10px 11px;border-radius:12px;background:#deedf6ae}.activity .activity-icon{display:grid;place-items:center;background:#f4fbff;border-radius:10px;height:28px;width:28px;flex:none}.activity-main{flex:1;min-width:0}.activity h4{margin:0;font-size:11.5px;line-height:1.8}.activity p{font-size:10.5px;color:#668091;margin:3px 0 0;line-height:1.8}.activity small{font-size:9px;color:#718b9b;white-space:nowrap}.context-card{background:#e6f4f9b0;border:1px solid #abcbd9;border-radius:13px;padding:12px;margin-bottom:11px}.context-title{display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:11.5px}.context-body{font-size:11px;color:#536f7e;line-height:2;margin:8px 0 0}.context-body strong{color:#244555}.step-row{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.step-dot{width:7px;height:7px;border-radius:50%;background:#c1dbeb}.step-dot.active{background:#a7c820}.status-line{height:5px;border-radius:20px;background:#a9c6d4;overflow:hidden;margin-top:12px}.status-line b{display:block;background:#c2e82d;height:100%}.chat-feed{max-height:225px;overflow-y:auto;background:#ddedf8aa;padding:12px;border-radius:14px;display:flex;flex-direction:column;gap:10px}.bubble{max-width:86%;background:white;border-radius:13px 13px 4px 13px;padding:9px 12px;font-size:11px;line-height:2;align-self:flex-start;box-shadow:0 2px 9px #2b45531a}.bubble.me{background:#ddf48a;align-self:flex-end;border-radius:13px 13px 13px 4px}.bubble small{font-size:9px;color:#77868b;display:block;text-align:left;margin-top:3px}.chat-compose{display:flex;gap:7px;margin-top:9px}.chat-compose input{border-radius:30px;border:1px solid #b7cdd9;background:#edf9ff;padding:12px 15px;min-width:0;flex:1;outline:0;font-size:11px}.chat-compose button{border:0;border-radius:30px;background:var(--lime);padding:0 17px;font-weight:900;font-size:11px}.screen-note{background:#eff9ffdd;border:1px dashed #aac6da;border-radius:12px;padding:10px 13px;color:#4d7189;font-size:10px;line-height:1.85;margin-bottom:10px}.empty{padding:30px 14px;text-align:center;color:#8e9e9f;font-size:12px;line-height:2}.empty.light{color:#5b7b90;background:#e0edf7aa;border-radius:15px}.stats-bars{display:grid;gap:13px}.bar-row{display:grid;grid-template-columns:82px 1fr 34px;align-items:center;gap:10px;font-size:11px}.bar-row .bar-track{height:11px;border-radius:40px;background:#a8c3d2;overflow:hidden}.bar-row i{height:100%;display:block;background:#292f32;border-radius:40px}.bar-row i.lime{background:#9bbe11}.report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:10px 0}.report-tile{background:#d9eafa;border:1px solid #b0cad9;border-radius:12px;padding:13px}.report-tile small{font-size:10px;color:#648395}.report-tile b{display:block;font-size:23px;line-height:1.7}.dark-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#a9b3b3;font-size:10px;margin:14px 6px 0;flex-wrap:wrap}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-left:5px}.status-dot.off{background:#eea38e}.dark-footer button{background:none;color:#a9b3b3;border:0;text-decoration:underline;font-size:10px}.modal-backdrop{position:fixed;inset:0;background:#151a21a9;z-index:100;display:grid;place-items:center;padding:16px;backdrop-filter:blur(5px)}.modal{width:min(520px,100%);max-height:92vh;overflow:auto;background:#f1f8ff;border-radius:24px;padding:23px;border:1px solid #e6f0f8;box-shadow:0 25px 100px #101a2866}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.modal-header h2{font-size:21px;margin:0}.modal-close{border:0;background:#e0eaf1;width:30px;height:30px;border-radius:50%;font-size:21px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:6px}.field.wide{grid-column:1/-1}.field label{font-size:11px;color:#516371;font-weight:800}.field input,.field select,.field textarea{width:100%;min-width:0;border:1px solid #c6d8e6;background:#fff;border-radius:11px;padding:11px 12px;color:#24333b;font-size:12px;outline:0}.field textarea{min-height:72px;resize:vertical}.form-footer{display:flex;gap:9px;justify-content:flex-end;margin-top:20px}.modal-info{font-size:11px;line-height:2;color:#546f82;background:#dfedf7;border-radius:13px;padding:13px;margin:12px 0}.toast{position:fixed;left:23px;bottom:23px;z-index:110;background:#2a2c2e;color:white;border-radius:15px;box-shadow:0 13px 40px #1117;padding:13px 18px;font-size:12px;max-width:min(480px,calc(100vw - 46px))}.small-link{font-size:11px;color:#446983;text-underline-offset:4px}.note-tag{background:#dde9f0;border-radius:20px;padding:5px 9px;color:#506979;font-size:10px}.switches{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.platform-tag{font-size:9px;font-weight:900;background:#e1eefa;border-radius:30px;padding:5px 9px;color:#4a6678}.platform-tag.whatsapp{background:#d8edda;color:#246442}.platform-tag.telegram{background:#d8eafa;color:#2279af}.platform-tag.rubika{background:#eeddf9;color:#86489e}.platform-tag.bale{background:#c3ebed;color:#246f76}.platform-tag.eitaa{background:#f3e7d8;color:#876039}.platform-tag.soroush{background:#dde3ff;color:#5364a2}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:11px;color:#537486}.checkbox-row input{accent-color:#3b525c;width:17px;height:17px}.demo-ribbon{font-size:10px;background:#e7edff;color:#66718a;border:1px solid #cbd8e8;padding:7px 11px;border-radius:22px}.copy-hint{font-size:10px;color:#6b8491}.muted-line{font-size:10px;color:#6e8798}.more-menu{position:relative}.more-menu-content{position:absolute;left:0;top:42px;z-index:25;border:1px solid #ccdbe8;background:white;box-shadow:0 14px 30px #14243227;border-radius:12px;padding:7px;min-width:150px}.more-menu-content button{display:block;text-align:right;border:0;background:transparent;padding:9px 12px;width:100%;font-size:11px;border-radius:8px}.more-menu-content button:hover{background:#edf5fd} [hidden]{display:none!important}
@media(max-width:1170px){.frame{margin:0;min-height:100vh;padding:18px}.topbar{gap:12px}.nav-scroll{order:3;width:100%}.nav{justify-content:center}.kpi-grid{grid-template-columns:repeat(2,1fr)}.workspace-grid{grid-template-columns:minmax(250px,37%) minmax(0,1fr)}}
@media(max-width:780px){.frame{padding:13px}.topbar{gap:7px}.brand-mark{font-size:23px}.brand-name{font-size:15px}.top-utilities{margin-right:auto}.nav-scroll{order:3}.nav{justify-content:flex-start;width:max-content}.nav-btn{padding:9px 12px;font-size:10.5px}.heading-row{margin-top:19px;align-items:start}.heading-row h1{font-size:27px}.heading-tools .pill-btn:not(.lime){display:none}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpi{padding:13px;min-height:107px;border-radius:16px}.kpi-value{font-size:24px;margin:11px 0 0}.kpi-sub{display:none}.kpi-title{font-size:10px}.mini-progress{margin-top:9px}.quickbar{align-items:stretch}.quickbar-left{flex:1}.quickbar-right{width:100%}.search-wrap{min-width:0;flex:1}.search-input{width:100%}.workspace{padding:11px;border-radius:20px}.workspace-grid{grid-template-columns:1fr}.list-panel{min-height:0;border-radius:13px}.records{max-height:215px}.detail-panel{border-radius:13px;padding:14px;min-height:370px}.workspace-head{padding:5px}.detail-actions{gap:5px}.action{min-height:60px}.mini-info{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.info-box{padding:9px}.info-box b{font-size:11px}.status-label{display:none}.dark-footer{line-height:2}.helper-pill{display:none}}
@media(max-width:450px){.heading-row h1{font-size:23px}.heading-row p{font-size:10.5px}.heading-tools .pill-btn.lime{padding:9px 12px;font-size:10px}.kpi.special .kpi-value{font-size:20px}.workspace-actions .ghost-dark{padding:8px}.record{padding:9px 7px}.report-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}}

/* XAN CRM v3 additions */
:root{--lime:#deff38;--blue:#c5ddec}
body{background:#c9cbce}
.frame{max-width:2400px;min-height:calc(100vh - 38px);margin:19px auto;padding:22px 27px 28px}
.nav-btn{font-size:12px;padding:10px 13px}.nav{gap:3px}.topbar{gap:10px}.demo-ribbon{white-space:nowrap}.heading-row{margin:27px 0 19px}.heading-row h1{font-size:clamp(24px,3vw,38px)}
.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi{min-height:120px}.kpi-value{font-size:31px}.kpi.special .kpi-value{font-size:26px}
.quickbar{margin:9px 0 16px}.workspace{min-height:560px}.workspace-grid{grid-template-columns:minmax(265px,34%) minmax(0,1fr);min-height:520px}.list-panel{min-height:520px}.detail-panel{min-height:520px}.records{max-height:625px}
.dark-footer{font-size:10px}.dark-footer button{font-size:10px}.detail-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.action{font-size:12px}
.pinned-caption{display:inline-flex;gap:7px;align-items:center;color:#5d7383;font-size:11px;font-weight:600}.mini-chip{font-size:10px;background:#ffffff6c;border:1px solid #b8d1de;color:#2d5263;border-radius:30px;padding:6px 10px}.mini-chip.warn{background:#fff5d2;border-color:#e9c382;color:#7a5714}.mini-chip.good{background:#ecffb3;border-color:#c9e46b;color:#455422}.mini-chip.dark{background:#3e4345;border-color:#555;color:#eef2f2}.action[disabled]{opacity:.5}
.v3-right-head{display:flex;justify-content:space-between;align-items:start;gap:12px;flex-wrap:wrap;position:relative;z-index:1}.v3-right-head h3{font-size:clamp(22px,2.5vw,30px);margin:4px 0}.v3-right-head p{font-size:11px;color:#597483;margin:4px 0}
.soft-card{background:#ecf7ff9c;border:1px solid #c6dce9;padding:13px 14px;border-radius:15px}.soft-card strong{font-size:12px}.soft-card p{font-size:11px;color:#536d7a;line-height:1.9;margin:4px 0}.section-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#6b8696;font-weight:900;margin:17px 2px 9px}
.info-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:15px 0}.info-strip>*{background:#ffffff57;border:1px solid #abcbdc80;padding:12px;border-radius:13px;min-width:0}.info-strip small{font-size:10px;display:block;color:#668192}.info-strip b{font-size:12px;display:block;margin-top:5px;overflow-wrap:anywhere}
.v3-item{width:100%;color:#edf1f2;text-align:right;display:flex;gap:11px;align-items:center;border:1px solid transparent;border-radius:15px;padding:13px 10px;background:transparent}.v3-item:hover,.v3-item.active{background:#41484a}.v3-item.active{border-color:#576064}.v3-item .v3-avi{width:39px;height:39px;flex:none;border-radius:14px;background:#b6d3e7;color:#283945;font-weight:900;display:grid;place-items:center}.v3-item .v3-avi.lime{background:var(--lime)}.v3-item .v3-avi.peach{background:#f4c3af}.v3-item .v3-item-text{flex:1;min-width:0}.v3-item b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v3-item small{display:block;color:#a5b1b4;font-size:10px;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v3-item .v3-count{border-radius:30px;color:#293431;background:var(--lime);font-size:10px;padding:2px 7px;font-weight:900}
.list-panel .list-top{padding:4px 7px 13px}.v3-panel-body{max-height:625px;overflow:auto;scrollbar-width:thin;scrollbar-color:#bccbd0 transparent;padding:0 1px 12px}.stack{display:grid;gap:9px}.line-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #98b8cb66}.line-row:last-child{border-bottom:0}.line-row strong{font-size:12px}.line-row p{font-size:10px;color:#587281;margin:5px 0 0;line-height:1.8}.section-block{padding-top:1px}.section-block .section-kicker{margin-top:12px}
.small-btn{font-size:10.5px;font-weight:800;padding:8px 12px;border:1px solid #a4c4d4;background:#fff8;border-radius:30px;white-space:nowrap;color:#28404a}.small-btn.lime{background:var(--lime);border-color:var(--lime)}.small-btn.dark{background:#242a2c;border-color:#242a2c;color:white}.small-btn:hover{filter:brightness(.98)}.small-btn:disabled{opacity:.45}
.panel-tabs{display:flex;gap:7px;flex-wrap:wrap;padding:0 0 6px;border-bottom:1px solid #abc9d8;margin:15px 0 10px}.panel-tabs button{background:none;border:0;padding:8px 12px;border-radius:30px;font-size:11px;font-weight:700;color:#627e8d}.panel-tabs button.active{background:#243039;color:var(--lime)}
.message-bubbles{display:grid;gap:11px;align-content:start;max-height:290px;overflow:auto;padding:12px 5px}.message-bubble{background:#f5fbff;border:1px solid #c0d7e2;padding:10px 14px;border-radius:14px 14px 5px 14px;font-size:11px;line-height:1.9;max-width:84%;justify-self:start}.message-bubble.me{background:#e7ff98;border-color:#c7df8c;justify-self:end;border-radius:14px 14px 14px 5px}.message-bubble small{display:block;color:#67808d;font-size:9px;margin-top:4px}.message-composer{display:flex;gap:8px;margin-top:12px}.message-composer textarea{background:#fff;border:1px solid #bed7e6;border-radius:14px;padding:10px;flex:1;min-width:0;min-height:65px;resize:vertical;font-size:11px}.message-composer button{align-self:end}
.status-block{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.tag{display:inline-flex;align-items:center;border-radius:30px;background:#ecf7fe;border:1px solid #b2d2e2;padding:5px 9px;color:#365266;font-size:10px;font-weight:800;white-space:nowrap}.tag.yellow{background:#f1ffa6;border-color:#d4e68e;color:#445425}.tag.coral{background:#fee3d4;border-color:#f4bfa9;color:#7b4a3a}
.activity-row{display:flex;gap:9px;border-bottom:1px solid #aec6d37a;padding:11px 0}.activity-row:last-child{border:0}.activity-dot{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e4f4fd;flex:none}.activity-row b{font-size:11px}.activity-row p{font-size:10px;color:#637e8d;margin:5px 0 0;line-height:1.8}.activity-row time{margin-right:auto;white-space:nowrap;font-size:9px;color:#627e8d}
.table-wrapper{width:100%;overflow:auto}.simple-table{border-collapse:collapse;width:100%;font-size:11px}.simple-table td,.simple-table th{padding:11px 8px;border-bottom:1px solid #aac5d37a;text-align:right;white-space:nowrap}.simple-table th{font-size:10px;color:#668392}.simple-table td strong{font-size:11px}.simple-table tr:last-child td{border-bottom:0}
.quote-paper{background:#ffffffbb;border:1px solid #b6cfdb;padding:18px;border-radius:18px}.quote-paper h4{margin:0 0 15px}.quote-total{border-top:2px solid #bed7e2;margin-top:10px;padding-top:14px;display:flex;align-items:center;justify-content:space-between;font-weight:900}
.follow-task{display:flex;align-items:center;gap:10px;padding:12px;background:#fff8;border:1px solid #b1cedd;border-radius:15px;margin:8px 0}.follow-task input{accent-color:#262c2d;width:18px;height:18px;flex:none}.follow-task .task-copy{flex:1}.follow-task b{font-size:11px}.follow-task small{font-size:10px;color:#587180;display:block;margin-top:5px}.follow-task.done{opacity:.62}.follow-task.done b{text-decoration:line-through}
.tool-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-card{background:#ffffff79;border:1px solid #aecadd;border-radius:17px;padding:15px;display:grid;gap:10px}.tool-card h4{font-size:13px;margin:0}.tool-card p{font-size:10.5px;color:#536d7a;line-height:1.9;margin:0}.tool-card button{justify-self:start}
.agent-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px;border-radius:13px;background:#f6fcff9e;margin:8px 0}.agent-row strong{font-size:11px}.agent-row small{font-size:10px;color:#657f8e}
.bar-chart{display:grid;gap:12px;padding:12px 0}.bar-line{display:grid;grid-template-columns:105px 1fr 64px;align-items:center;gap:9px;font-size:10px}.bar-track{height:12px;background:#91b3c65e;border-radius:50px;overflow:hidden}.bar-track span{height:100%;display:block;background:#272d2e;border-radius:50px}.bar-line b{text-align:left;font-size:10px}
.modal-backdrop{z-index:300}.modal{max-height:90vh;overflow:auto}.modal-info{font-size:11px;line-height:2}.modal h2{font-size:19px}.field label{font-size:11px}.field input,.field select,.field textarea{font-size:12px}.field input:disabled{background:#f0f4f7}
.action-note{font-size:10px;color:#6a8391;margin-top:8px}.notice{border-radius:13px;background:#f5fbdc;border:1px solid #dfd390;padding:12px 14px;color:#62541e;font-size:11px;line-height:1.9}.empty-state{padding:34px 12px;text-align:center;color:#77909b;font-size:12px;line-height:1.9}.records::-webkit-scrollbar,.v3-panel-body::-webkit-scrollbar{width:5px}.records::-webkit-scrollbar-thumb,.v3-panel-body::-webkit-scrollbar-thumb{border-radius:20px;background:#91a7b2}
@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{justify-content:center}.nav-scroll{order:3;width:100%}.nav{justify-content:center}.workspace-grid{grid-template-columns:33% 1fr}.heading-row{margin-top:10px}}
@media(max-width:760px){body{background:#e8f1fa}.frame{margin:0;min-height:100vh;padding:14px 12px 30px}.topbar{justify-content:space-between}.nav-scroll{order:3;width:100%}.nav{justify-content:start}.heading-row{align-items:start;flex-direction:column;margin-top:8px;gap:8px}.heading-tools{width:100%;justify-content:space-between}.quickbar{gap:9px}.quickbar-left{width:100%}.search-wrap{width:100%;min-width:0}.search-input{width:100%}.helper-pill{display:none}.quickbar-right{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.quickbar-right .pill-btn{padding:11px 4px;font-size:10px}.kpi-grid{gap:8px}.kpi{padding:13px;min-height:110px;border-radius:15px}.kpi-value{font-size:24px}.kpi.special .kpi-value{font-size:20px}.workspace{padding:12px;border-radius:22px}.workspace-head{gap:8px;flex-wrap:wrap}.workspace-grid{display:grid;grid-template-columns:1fr;gap:10px}.list-panel{min-height:unset}.records{max-height:245px}.detail-panel{min-height:430px;padding:15px}.info-strip{gap:5px}.info-strip>*{padding:8px}.info-strip b{font-size:10px}.action{padding:10px 4px;font-size:10px}.tool-cards{grid-template-columns:1fr}.dark-footer{flex-wrap:wrap}.bar-line{grid-template-columns:77px 1fr 50px}}
@media(max-width:400px){.brand-name{font-size:16px}.top-utilities{gap:3px}.demo-ribbon{font-size:9px}.nav-btn{font-size:11px}.heading-row h1{font-size:25px}.detail-actions{gap:5px}.action{font-size:9px}.workspace-actions .ghost-dark{padding:8px}.info-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media print{body{background:#fff}.frame,.topbar,.heading-row,.kpi-grid,.quickbar,.workspace,#overlay,#toast{display:none!important}#print-sheet{display:block!important;margin:0;padding:20px;font:13px Tahoma,sans-serif}#print-sheet table{width:100%;border-collapse:collapse}#print-sheet td,#print-sheet th{border:1px solid #888;padding:10px}}
#print-sheet{display:none}
html,body{overflow-x:hidden}
.login-wrap{min-height:100vh;display:grid;place-items:center;background:#c9cbce;padding:20px}
.login-card{width:min(380px,100%);background:#f1f8ff;border-radius:24px;padding:30px 26px;box-shadow:0 25px 90px #10182840;border:1px solid #e6f0f8}
.login-card h1{font-size:19px;margin:0 0 4px}
.login-card p{font-size:11px;color:#647483;margin:0 0 18px}
.login-card .field{margin-bottom:12px}
.login-error{background:#fde3e3;color:#7a2424;border-radius:12px;padding:10px 13px;font-size:11.5px;margin-bottom:12px}
.login-card button[type=submit]{width:100%;margin-top:6px;padding:12px;border-radius:14px;border:0;background:var(--lime);font-weight:900;font-size:12.5px}
.conn-badge{font-size:9px;font-weight:800;border-radius:30px;padding:4px 9px;display:inline-flex;align-items:center;gap:5px}
.conn-badge.on{background:#deedb6;color:#334722}
.conn-badge.off{background:#f5d1c7;color:#663a34}
.app-hidden{display:none!important}