.work-mode{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:12px;font-size:13px}.work-mode>div{display:flex;gap:5px;padding:5px;background:#eaf0f4;border:1px solid #dce7ee;border-radius:14px}.work-mode button[data-work-mode]{display:flex;align-items:center;gap:7px;border-radius:10px;padding:10px 14px;font-size:13px;min-height:44px;color:#526e82}.work-mode button[aria-pressed=true]{background:#fff;color:#173e60;box-shadow:0 3px 9px #193e6213}.work-mode label{display:flex;gap:8px;align-items:center;color:#526d81}.work-mode select{font-size:13px;padding:9px}.work-mode>span{margin-left:auto;color:#48677c}.work-note{display:flex;gap:8px;align-items:start;font-size:12px;line-height:1.8;color:#637d8e;margin:10px 0 23px}.work-note.live{color:#527b35}.work-note svg{width:16px;height:16px;margin-top:3px}.work-error{border:1px solid #ebd4c3;color:#915337;background:#fff8f2;padding:14px;border-radius:12px;font-size:13px;margin-bottom:18px}.sales-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.sales-stats>div{display:flex;align-items:center;gap:15px;border:1px solid #e0e9ef;border-radius:18px;padding:20px;background:#fff;box-shadow:0 8px 22px -20px #193c6040}.sales-stats small{font-size:12px;color:#647d8f;display:block}.sales-stats b{font-size:29px;display:block;color:#173e60;line-height:1.4}.sales-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px}.sales-filters button{border:1px solid #dce6ed;border-radius:11px;padding:10px 13px;background:#fff;font-size:13px;min-height:43px}.sales-filters button[aria-pressed=true]{background:linear-gradient(145deg,#335f81,#163c60);color:#fff;border-color:#285171;box-shadow:inset 0 1px #ffffff40,0 3px 8px #163c6018}.sales-filters select{margin-left:auto;font-size:14px;padding:10px}.sales-task-list{display:grid;gap:15px}.sales-task{background:#fff;border:1px solid #dfe8ed;border-radius:20px;padding:24px;box-shadow:0 10px 25px -24px #193d6040}.sales-task.overdue{border-left:3px solid #c69853}.sales-task.complete{background:linear-gradient(120deg,#fff,#f8fbf4)}.sales-task-top{display:flex;align-items:center;gap:14px}.sales-task-top>div{flex:1;min-width:0}.sales-task h3{font-size:16px;line-height:1.6;letter-spacing:-.02em;overflow-wrap:anywhere}.sales-task-top p{font-size:12px;color:#667e90;margin-top:3px}.sales-task-comment{font-size:14px;line-height:1.8;color:#4e6b80;white-space:pre-line;overflow-wrap:anywhere;margin:18px 0 0}.sales-task-meta{display:flex;gap:18px;align-items:center;flex-wrap:wrap;border-top:1px solid #eaf0f3;margin-top:18px;padding-top:15px;font-size:12px;color:#607c8e}.sales-task-meta span{display:flex;gap:6px;align-items:center}.sales-task-meta svg{width:16px;height:16px}.sales-task-meta .urgent{color:#a17233}.sales-task-actions{display:flex;gap:9px;margin-top:18px;flex-wrap:wrap}.sales-task-actions .btn{min-height:42px;font-size:13px}.sales-history{border-top:1px solid #edf1f4;margin-top:18px;padding-top:12px;font-size:12px;color:#668091}.sales-history summary{cursor:pointer}.sales-history p{font-size:13px;line-height:1.8;margin:10px 0}.sales-history small{color:#7c929f;margin-right:8px}.task-result{display:flex;gap:8px;color:#4c7134;font-size:14px;line-height:1.8;background:#f4f9ed;border-radius:11px;padding:12px 14px;margin-top:16px;white-space:pre-line;overflow-wrap:anywhere}.task-result svg{width:18px;height:18px;flex-shrink:0;margin-top:4px}.people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px}.person-card{background:#fff;border:1px solid #dce7ed;border-radius:23px;padding:24px;box-shadow:0 12px 25px -25px #153c6080}.person-card header{display:flex;align-items:center;gap:14px}.person-avatar{display:grid;place-items:center;width:54px;height:54px;flex-shrink:0;border-radius:18px;color:#356640;font-size:17px;font-weight:750;background:linear-gradient(145deg,#f4fce9,#bddca1);border:1px solid #d1e2bf;border-bottom:3px solid #a4c58a;box-shadow:inset 0 1px white,0 7px 13px -10px #33542980}.person-avatar.tone-1{background:linear-gradient(145deg,#edf6ff,#bad5e8);border-color:#c4dae9;border-bottom-color:#9abbd2;color:#345c79}.person-avatar.tone-2{background:linear-gradient(145deg,#fbf3ed,#e8ccb6);border-color:#e7d6c9;border-bottom-color:#cba990;color:#8a6042}.person-card h2{font-size:18px;letter-spacing:-.025em}.person-card header p{font-size:12px;color:#6f8696;margin-top:4px}.person-status{margin-left:auto;width:9px;height:9px;flex-shrink:0;border-radius:50%;background:#bdcbd4;box-shadow:0 0 0 4px #f1f5f8}.person-status.online{background:#88b85c;box-shadow:0 0 0 4px #f1f7e9}.person-skills{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.person-skills span{display:flex;align-items:center;gap:7px;padding:6px 9px;background:#f4f7f9;border:1px solid #e5ecf0;border-radius:9px;font-size:12px;color:#587589}.person-skills svg{width:16px;height:16px}.person-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:17px}.person-numbers strong{font-size:27px;display:block;line-height:1.4;color:#173e60}.person-numbers small{font-size:12px;color:#738a99}.person-capacity{height:6px;background:#edf2f5;border-radius:5px;overflow:hidden}.person-capacity i{display:block;height:100%;background:linear-gradient(90deg,#c1e598,#84b752);border-radius:5px}.person-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e8eef3;margin-top:21px;padding-top:18px}.person-card footer>span{font-size:12px;color:#738997}.person-card footer .btn{font-size:12px;min-height:40px}.sales-rules>div{display:flex;align-items:center;gap:15px;margin-bottom:18px}.sales-rules h2{font-size:20px}.sales-rules>p{font-size:14px;line-height:1.85;color:#526e82}.skill-picker{border:1px solid #dde7ed;border-radius:12px;display:grid;gap:12px;padding:15px}.skill-picker legend{font-size:13px;color:#5b7586;padding:0 5px}.skill-picker label{display:flex;gap:9px;align-items:center;font-size:14px}.live-queue-row{border-bottom:1px solid #e7edf2;padding:20px 0}.live-queue-row:last-child{border:0}.live-queue-row>div:first-child{display:flex;align-items:start;gap:13px}.live-queue-row h3{font-size:15px}.live-queue-row h3 small{font-size:12px;color:#7890a0}.live-queue-row p{font-size:14px;color:#506d82;margin:8px 0;white-space:pre-line;overflow-wrap:anywhere}.live-queue-row small{font-size:12px;color:#6c8394}.live-queue-row .row-actions{margin:17px 0 0 59px}
@media(max-width:1000px){.sales-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.people-grid{grid-template-columns:1fr}}
@media(max-width:700px){.work-mode{gap:10px}.work-mode>div{width:100%;justify-content:space-between}.work-mode>div button{flex:1;justify-content:center;padding:10px 8px;font-size:12px}.work-mode>span{margin-left:0;font-size:12px}.work-mode label{font-size:12px}.work-mode select{font-size:14px;max-width:200px}.work-note{font-size:11px;line-height:1.8}.sales-stats{gap:10px}.sales-stats>div{padding:15px 12px;gap:10px}.sales-stats .activity-icon{width:36px;height:36px;border-radius:12px}.sales-stats .activity-icon svg{width:21px;height:21px}.sales-stats small{font-size:10px}.sales-stats b{font-size:25px}.sales-filters{gap:6px}.sales-filters button{font-size:12px;padding:9px 11px}.sales-filters select{margin:4px 0 0;width:100%;font-size:16px}.sales-task{padding:19px 16px;border-radius:18px}.sales-task-top{align-items:start;gap:10px;flex-wrap:wrap}.sales-task-top>.activity-icon{width:38px;height:38px;border-radius:12px}.sales-task-top>div{flex-basis:calc(100% - 60px)}.sales-task-top>.badge{margin-left:48px}.sales-task h3{font-size:15px}.sales-task-top p{font-size:11px}.sales-task-meta{gap:11px;line-height:1.8}.sales-task-meta .text-button{font-size:12px}.sales-task-actions .btn{font-size:13px;padding:10px 14px}.sales-task-comment{font-size:14px}.person-card{padding:22px 18px}.person-card h2{font-size:17px}.person-card header p{font-size:11px}.person-skills span{font-size:11px}.person-card footer{flex-wrap:wrap}.person-card footer .btn{font-size:13px;min-height:44px}.person-numbers small{font-size:11px}.person-numbers strong{font-size:27px}.sales-rules h2{font-size:18px}.sales-rules>p{font-size:14px}.live-queue-row .row-actions{margin-left:0}.live-queue-row .btn{font-size:13px}.live-queue-row .activity-icon{width:38px;height:38px}}

.sales-notices{border:1px solid #dce7d2;border-radius:16px;background:#f7fbf1;padding:17px 20px;margin-bottom:23px}.sales-notices summary{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:650;color:#4b7034}.sales-notices summary b{display:grid;place-items:center;background:#e2edce;border-radius:7px;min-width:24px;padding:1px 5px}.sales-notices summary span{font-size:12px;font-weight:400;margin-left:auto;color:#6c8660}.sales-notices>p{display:flex;gap:9px;margin-top:16px;font-size:13px;color:#536d45;line-height:1.7}.sales-notices>p.seen{opacity:.6}.sales-notices>p svg{width:17px;height:17px;margin-top:3px}.sales-notices>small{display:block;font-size:11px;color:#758a68;margin-top:18px}.sales-notices .btn{margin-top:18px}.sales-checklist{margin-top:20px;padding:16px;border:1px solid #e1e9ef;border-radius:13px;background:#f9fbfc;display:grid;gap:10px}.sales-checklist>div{display:flex;justify-content:space-between;font-size:12px;color:#567185}.sales-checklist label{display:flex;gap:10px;align-items:start;font-size:14px;line-height:1.7;cursor:pointer}.sales-checklist input{margin-top:4px;width:18px;height:18px}.sales-checklist label.checked span{text-decoration:line-through;color:#7c909d}.repeat-label{display:flex;gap:8px;align-items:center;font-size:12px;color:#6a8660;margin-top:16px}.repeat-label svg{width:17px;height:17px}.sales-comment{border-top:1px solid #e9eff3;padding-top:14px;margin-top:16px;font-size:12px;color:#617e90}.sales-comment summary{cursor:pointer}.sales-comment form{display:grid;gap:12px;margin-top:14px}.sales-comment textarea{width:100%;font-size:16px}.sales-comment .btn{justify-self:start}.sales-view-controls{display:flex;align-items:center;gap:14px;margin-bottom:17px}.sales-view-controls>input{flex:1;min-width:0;font-size:15px;border-radius:13px}.sales-view-controls>div{display:flex;gap:5px;padding:4px;background:#eaf0f4;border-radius:13px}.sales-view-controls button{display:flex;align-items:center;gap:7px;border-radius:9px;padding:10px 12px;font-size:13px}.sales-view-controls button[aria-pressed=true]{background:#fff;box-shadow:0 2px 7px #173d6212}.sales-calendar-scroll{overflow:auto}.sales-calendar{display:grid;grid-template-columns:repeat(7,minmax(140px,1fr));gap:10px}.calendar-day{background:#f5f8fa;border:1px solid #e1e9ef;border-radius:15px;padding:12px;min-height:250px}.calendar-day.today{background:#f2f8e9;border-color:#d5e6be}.calendar-day h3{font-size:13px;margin-bottom:18px;color:#557489}.calendar-day>p{font-size:12px;color:#92a2ad}.calendar-task{display:block;width:100%;text-align:left;background:#fff;border:1px solid #dce7ed;border-radius:12px;padding:12px;margin-top:9px;box-shadow:0 4px 7px #173e6506}.calendar-task small{font-size:11px;color:#6d8392}.calendar-task b{display:block;font-size:13px;line-height:1.65;margin:6px 0}.calendar-task span{font-size:11px;color:#8196a3}.calendar-task.late{border-left:3px solid #c69b58}.sales-week-head{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:17px}.sales-week-head b{font-size:14px;font-weight:650}@media(max-width:700px){.sales-notices{padding:16px}.sales-notices summary span{display:none}.sales-view-controls{display:grid;gap:10px}.sales-view-controls input{width:100%;font-size:16px}.sales-view-controls>div{justify-content:center}.sales-view-controls button{flex:1;justify-content:center}.sales-checklist{padding:14px}.sales-checklist label{font-size:14px}.sales-calendar{grid-template-columns:repeat(7,185px)}.sales-week-head b{font-size:12px}.sales-notices summary{font-size:13px}}
