:root{
  --bg:#f4f7fb;--card:#fff;--ink:#172033;--muted:#718096;--line:#e4eaf1;
  --brand:#1f4e78;--brand2:#326b9c;--ok:#17824b;--warn:#b7791f;--danger:#b8323a;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--ink)}a{color:#1b5d91;text-decoration:none}.top{min-height:64px;background:#163d60;color:#fff;display:flex;align-items:center;padding:0 24px;gap:24px;position:sticky;top:0;z-index:20;box-shadow:0 2px 8px #0001}.brand{font-weight:800;letter-spacing:.4px;white-space:nowrap}.brand small{font-size:10px;color:#bcd4e7;font-weight:600}.top nav{display:flex;gap:15px;flex:1;flex-wrap:wrap}.top nav a,.user a{color:#e8f3fc}.top nav a:hover,.user a:hover{color:#fff}.user{font-size:12px;white-space:nowrap}main{max-width:1750px;margin:0 auto;padding:26px}h1{font-size:27px;margin:0 0 4px}h2{font-size:18px;margin:0 0 14px}.page-title{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}.muted,.tip{color:var(--muted);font-size:13px}.notice{border-radius:10px;padding:12px 14px;margin:12px 0}.warnbox{background:#fff7df;color:#74510b;border:1px solid #ecd18a}
.cards{display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:12px;margin-bottom:16px}.cards-4{grid-template-columns:repeat(4,minmax(160px,1fr))}.cards-5{grid-template-columns:repeat(5,minmax(160px,1fr))}.cards-6{grid-template-columns:repeat(6,minmax(145px,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:17px;box-shadow:0 3px 14px #20304008;min-width:0}.card span{display:block;color:var(--muted);font-size:12px}.card b{font-size:24px;display:block;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card b.small{font-size:17px}.card small{display:block;color:var(--muted);margin-top:5px}.card.warn{border-left:4px solid #d69e2e}.card.danger{border-left:4px solid #c53030}
.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;margin:16px 0;box-shadow:0 3px 14px #20304008}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;white-space:nowrap}th,td{padding:10px 11px;border-bottom:1px solid var(--line);text-align:left;font-size:12px;vertical-align:middle}th{background:#eef4fa;color:#41566c;position:sticky;top:0;z-index:3;font-weight:700}tr:hover td{background:#fafcff}.wrap{white-space:normal;min-width:240px;max-width:420px}.money-strong{font-weight:700;color:#185d3b}.good{color:#17824b;font-weight:700}.bad{color:#b8323a;font-weight:700}
.pill{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;background:#edf2f7}.pill.p1{background:#fff0f0;color:#b8323a}.pill.p2{background:#fff8e1;color:#9a6b12}.pill.p3{background:#edf6ff;color:#25638e}.pill.pending{background:#fff8e1;color:#8f650e}.pill.assigned{background:#eaf7ef;color:#186a42}.pill.new{background:#edf6ff;color:#25638e}.pill.repeat{background:#eef9ef;color:#23723e}
button,.btn{border:0;border-radius:8px;background:var(--brand);color:#fff;padding:9px 13px;cursor:pointer;font-weight:600;font-size:12px;display:inline-block}button:hover,.btn:hover{background:var(--brand2)}.btn.secondary,button.secondary{background:#eef4fa;color:#24557f}.smallbtn{padding:6px 9px;font-size:11px}
input,select,textarea{border:1px solid #cfd8e3;border-radius:8px;padding:8px 9px;background:#fff;min-width:120px;font:inherit;color:var(--ink)}input.short{min-width:78px;width:86px}textarea{width:100%;min-height:72px;margin:7px 0;resize:vertical}.filter-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin:0 0 14px;display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:10px;align-items:end}.filter-panel label,.settings-form label,.cost-form label,.user-create label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#516173}.filter-actions{display:flex;gap:8px;align-items:center}.bulkbar{background:#edf4fb;border:1px solid #d7e5f2;border-radius:10px;padding:10px 12px;margin-bottom:10px;display:flex;align-items:center;gap:8px}.search,.filters,.cost-form,.inline,.upload-form{display:flex;gap:8px;align-items:end}.inline{display:inline-flex}.settings-form{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cost-form{flex-wrap:wrap}.user-create{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:10px;align-items:end}.contact-form{width:300px;margin-top:8px}.contact-form select{width:100%}details summary{cursor:pointer;color:#1b5d91;margin-top:8px}.login-card{max-width:420px;margin:80px auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:0 12px 40px #17203314}.login-card form{display:grid;gap:10px}.alert{background:#fff0f0;color:#a52931;padding:10px;border-radius:8px;margin:10px 0}.success{margin-top:15px;background:#ebfff4;color:#17643a;padding:12px;border-radius:8px}.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 22px}.profile-grid p{margin:5px 0;color:#536273}.pager{display:flex;justify-content:center;gap:20px;padding:17px}.mail{white-space:pre-wrap;font-family:inherit;line-height:1.7;background:#fafcff;border:1px solid var(--line);padding:16px;border-radius:10px}
@media(max-width:1350px){.filter-panel{grid-template-columns:repeat(4,1fr)}.cards-4,.cards-5,.cards-6,.cards{grid-template-columns:repeat(3,1fr)}.profile-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:950px){main{padding:16px}.top nav{display:none}.cards-4,.cards-5,.cards-6,.cards{grid-template-columns:repeat(2,1fr)}.filter-panel{grid-template-columns:repeat(2,1fr)}.settings-form,.profile-grid{grid-template-columns:1fr 1fr}.user-create{grid-template-columns:1fr 1fr}.page-title{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.cards-4,.cards-5,.cards-6,.cards,.filter-panel,.settings-form,.profile-grid,.user-create{grid-template-columns:1fr}.top{padding:0 12px}.user{display:none}}
.note-cell{min-width:260px;max-width:360px}.note-cell small{display:block;color:#768296;margin-top:3px}.note-cell details{margin-top:6px}.note-cell summary{cursor:pointer;color:#245a92}.note-cell textarea,.note-form textarea{width:100%;box-sizing:border-box}.note-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:7px 14px;min-width:520px}.permission-grid button{grid-column:1/-1;width:max-content}.stack-form{display:grid;gap:7px;min-width:170px}.wrap{white-space:normal;min-width:180px}.money-strong{font-weight:700}.cards-6{grid-template-columns:repeat(6,minmax(0,1fr))}@media(max-width:1200px){.permission-grid{grid-template-columns:1fr}.cards-6{grid-template-columns:repeat(3,minmax(0,1fr))}}

.latest-note-panel{border-left:4px solid #245a92}.latest-note-text{font-size:16px;line-height:1.7;white-space:pre-wrap;background:#f7f9fc;padding:14px;border-radius:8px}.note-preview{display:grid;gap:3px}.inline-delete{margin-top:5px}.danger-text{border:0;background:none;color:#b42318;padding:0;cursor:pointer;text-decoration:underline}.btn.danger{background:#b42318;color:#fff}.btn.danger:hover{background:#8f1c14}
.pill.natural{background:#e9f8ef;color:#17643a}.pill.ad{background:#fff3e8;color:#9a4f10}.settings-form .span-2{grid-column:span 2}.permission-summary{display:flex;gap:6px;flex-wrap:wrap;white-space:normal;min-width:360px}.product-name-table{max-height:none}.product-name-table input{width:100%}@media(max-width:950px){.settings-form .span-2{grid-column:1/-1}}

.cards-8{grid-template-columns:repeat(8,minmax(120px,1fr))}.cards-3{grid-template-columns:repeat(3,minmax(160px,1fr))}.cards-2{grid-template-columns:repeat(2,minmax(180px,1fr))}.timeline{display:grid;gap:10px}.timeline-item{border-left:3px solid #d8e3ee;padding:8px 12px;background:#fafcff;border-radius:6px;margin:8px 0}.timeline-item p{white-space:pre-wrap}.pill.danger{background:#fff0f0;color:#b8323a}@media(max-width:1500px){.cards-8{grid-template-columns:repeat(4,1fr)}}


/* dashboard alignment */

/* List navigation and record actions */
.pager{align-items:center;flex-wrap:wrap;gap:9px 14px;color:#516173;font-size:12px}
.pager a{font-weight:600;white-space:nowrap}
.page-jump{display:inline-flex;align-items:center;gap:7px;margin:0}
.page-jump label{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.page-jump input[type=number]{width:72px;min-width:72px;padding:5px 7px;font-size:12px}
.record-actions{white-space:nowrap}
.record-actions .danger-text:hover{background:#fff0f0;color:#a5221b}
.dashboard-block{margin-bottom:18px}
.dashboard-block .panel-head{padding-bottom:6px}
.dashboard-block .panel-head h2{margin:0}
.dashboard-block .cards{margin-top:6px}
.dashboard-block .cards + .cards{margin-top:14px}
.dashboard-block .card{background:#fff}

.filter-count{display:inline-flex;align-items:center;gap:3px;color:var(--muted);font-size:12px;padding:0 4px;white-space:nowrap}
.filter-count b{color:#17324d;font-size:14px}
.filter-result{display:inline-flex;align-items:center;gap:4px;color:#215f3d;font-size:12px;white-space:nowrap}
.filter-result b{font-size:15px;color:#17643a}
.filter-panel .filter-actions{grid-column:span 2;flex-wrap:wrap}
.back-link{display:inline-flex;align-items:center;margin-bottom:8px;font-size:13px;font-weight:600;color:#24557f}
.back-link:hover{text-decoration:underline}
@media(max-width:600px){.filter-panel .filter-actions{grid-column:1/-1}}

.payment-bsb-form,.payment-alias-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.payment-bsb-form{margin:16px 0}
.payment-bsb-form label{font-size:13px;color:#516173}
.payment-bsb-form input{min-width:240px;max-width:100%}
.payment-stats{margin-top:12px}
.payment-name-table td:first-child{white-space:normal;min-width:230px}
.payment-alias-form input{min-width:220px;flex:1}

.task-contact-summary{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:0 0 14px}
.task-contact-top,.task-contact-counts{display:flex;align-items:center;gap:10px 24px;flex-wrap:wrap}
.task-contact-top{margin-bottom:10px}.task-contact-top h2{margin:0}
.task-contact-counts{font-size:13px;color:#516173;margin-bottom:10px}
.task-contact-counts b{font-size:18px;color:var(--ink)}.task-contact-counts b.good{color:var(--ok)}
.task-contact-track{height:7px;background:#eaf0f5;border-radius:999px;overflow:hidden;margin-bottom:7px}
.task-contact-track div{height:100%;background:var(--ok);border-radius:999px}
@media(min-width:1351px){.task-filter-panel{grid-template-columns:repeat(7,minmax(150px,1fr))}}
.email-record-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.contact-subject{white-space:normal;min-width:240px;max-width:430px;overflow-wrap:anywhere}
.contact-body{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto;margin-top:6px;padding:8px;background:#f7f9fc;border-radius:6px}

/* Operator attribution dashboard and individual reports */
.operator-week th,.operator-week td{text-align:center;min-width:115px}.operator-week th:first-child,.operator-week td:first-child{text-align:left;min-width:150px;position:sticky;left:0;background:#fff;z-index:2}.operator-week th:first-child{background:#eef4fa;z-index:4}.operator-week td strong{font-size:15px}.operator-week td small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.operator-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:16px 0}.operator-tile{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:10px;padding:13px;background:#fafcff}.operator-tile:hover{border-color:#80aed5;background:#f1f7fc}.operator-tile b{font-size:16px}.operator-tile span,.operator-tile small{color:#64748b;font-size:12px}
.operator-domain-form{display:grid;gap:11px;margin:14px 0 20px}.operator-domain-form .cost-form{margin-bottom:0}.operator-domain-form .operator-wide-label{display:grid;gap:6px;font-size:12px;color:#516173;max-width:650px}.operator-domain-form textarea{min-height:82px}.operator-domain-form button{width:max-content}.operator-domain-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:7px;margin:12px 0;max-height:310px;overflow:auto}.operator-domain-choices label{display:flex;align-items:start;gap:7px;font-size:12px;border:1px solid var(--line);border-radius:7px;padding:7px;overflow-wrap:anywhere}.operator-domain-choices input{min-width:0;margin:2px 0}.operator-domain-choices small{display:block;color:var(--muted)}
.operator-month-list{display:grid;gap:9px}.operator-month{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.operator-month summary{display:flex;align-items:center;flex-wrap:wrap;gap:10px 21px;margin:0;padding:13px 15px;list-style:none;color:var(--ink)}.operator-month summary::-webkit-details-marker{display:none}.operator-month summary:hover{background:#f7fafd}.operator-month summary span{font-size:12px;color:#5a6b7e}.operator-month summary span b{color:var(--ink);font-size:13px}.operator-month summary .operator-expand{margin-left:auto;color:#245a92}.operator-month[open] .operator-expand{font-size:0}.operator-month[open] .operator-expand:after{content:'收起日报 ▴';font-size:12px}.operator-month-body{border-top:1px solid var(--line);padding:12px 15px}.operator-month-body p{margin:0 0 12px}
.operator-history{margin-top:18px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#f8fbff}
.operator-history>summary{font-size:14px;font-weight:700;margin:0}.operator-history-month{margin-top:16px;padding-top:10px;border-top:1px solid var(--line)}.operator-history-month h3{font-size:15px;margin:0 0 10px}
.operator-daily-details{margin:12px 0}.operator-daily-details>summary{font-weight:600;margin-bottom:10px}.operator-management td:first-child{min-width:160px}.operator-management strong{font-size:14px}
.operator-import{margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:10px;background:#f8fbff}.operator-import h3{font-size:15px;margin:0 0 6px}.operator-import p{margin:0 0 10px}.operator-import form a{align-self:center;font-size:12px}
.operator-days-row>td{background:#f7fafd!important;padding:12px 14px}.operator-days-row .table-wrap{max-width:100%}.operator-month-table td:first-child{min-width:130px}
.operator-overview .panel-head{align-items:baseline;flex-wrap:wrap}.operator-overview .panel-head h2{margin:0}.operator-overview>p{margin:10px 0 16px}
.operator-overview .cards{margin-bottom:12px}.operator-overview .card{min-width:0}.operator-overview .card small{white-space:normal;line-height:1.45}
.operator-primary-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.operator-secondary-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.operator-primary-cards,.operator-secondary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.operator-primary-cards,.operator-secondary-cards{grid-template-columns:1fr}}
.operator-category-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.operator-category-table td small{display:inline;white-space:nowrap}
.operator-type-form{display:flex;align-items:center;gap:7px;margin:0;white-space:nowrap}.operator-type-form select{min-width:90px;width:auto}
@media(max-width:800px){.operator-category-cards{grid-template-columns:1fr}}
.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:950px){.cards-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.cards-3{grid-template-columns:1fr}}

/* Mobile navigation: keep permitted pages visible on phones */
.mobile-menu-button,.top nav .mobile-only-link{display:none}
@media(max-width:950px){
  .top{flex-wrap:wrap;justify-content:space-between;gap:0;padding:8px 16px}
  .top .mobile-menu-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;font-size:14px;background:#285878;border:1px solid #7d9eb8}
  .top nav{display:none;flex:0 0 100%;order:3;margin-top:8px;border-top:1px solid #427090;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain}
  .top nav.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
  .top nav a{display:flex;align-items:center;min-height:44px;padding:10px 12px;border-bottom:1px solid #426a87;white-space:normal}
  .top nav .mobile-only-link{display:flex}
  .top .user{display:none}
}

/* Operator commission */
.settings-subhead{padding:14px 0 4px;border-top:1px solid #d7e0e6;margin-top:8px;display:flex;flex-direction:column;gap:4px}
.commission-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;white-space:nowrap}
.commission-badge.on{background:#e7f6ed;color:#17643a;border:1px solid #b7dfc6}
.commission-badge.off{background:#f3f4f6;color:#667085;border:1px solid #d7dbe0}
.commission-toggle-form{display:inline-flex;margin-left:6px}
.commission-cards .card small{line-height:1.45}
@media(max-width:950px){.commission-toggle-form{margin-left:4px}.commission-cards{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.commission-cards{grid-template-columns:1fr}}
.commission-history-table td{vertical-align:middle}.commission-history-table form{margin:0}.commission-history-table small{display:block;margin-top:3px}.commission-history-note{margin:10px 2px 0}

/* Contact center analytics */
.contact-summary-cards .card small{white-space:normal;line-height:1.45}.contact-data-note{margin:-5px 2px 14px}
.contact-analysis-panel .panel-head{align-items:flex-start}.contact-analysis-panel .panel-head p{margin:3px 0 0}.contact-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 12px}.contact-tab.is-active{background:#24557f;color:#fff}.contact-analysis-view{display:none}.contact-analysis-view.is-active{display:block}.contact-analysis-note{margin:4px 0 10px}.contact-analysis-table th,.contact-analysis-table td{text-align:right}.contact-analysis-table th:first-child,.contact-analysis-table td:first-child{text-align:left;position:sticky;left:0;z-index:2;background:#fff}.contact-analysis-table th:first-child{background:#eef4fa;z-index:4}.contact-filter-panel{grid-template-columns:repeat(5,minmax(145px,1fr))}.contact-center-table td{vertical-align:middle}.contact-center-table small{display:block;color:var(--muted);margin-top:3px}.recall-result-cell{min-width:175px}.recall-result-cell small{white-space:normal;max-width:250px}.pill.contact-email{background:#eaf3ff;color:#245a92}.pill.contact-sms{background:#f2edff;color:#6745a5}.pill.result-recall{background:#e7f6ed;color:#17643a}.pill.result-ad{background:#fff3e8;color:#9a4f10}.pill.result-cross{background:#fff8e1;color:#8f650e}.pill.result-none{background:#f1f3f5;color:#687386}
@media(max-width:1350px){.contact-filter-panel{grid-template-columns:repeat(4,minmax(145px,1fr))}}
@media(max-width:950px){.contact-filter-panel{grid-template-columns:repeat(2,minmax(145px,1fr))}.contact-analysis-table th:first-child,.contact-analysis-table td:first-child{position:static}}
@media(max-width:600px){.contact-filter-panel{grid-template-columns:1fr}.contact-tabs{display:grid;grid-template-columns:1fr 1fr}.contact-tab{width:100%}}

/* CIGNEO compact responsive date-range picker (v1.9.1). Desktop/tablet: 2 months; phone: 1 navigable month. */
.drp-field{min-width:0;align-self:end;position:relative;display:flex;flex-direction:column;gap:5px;font-size:12px;color:#516173}
.drp-field-label{display:block;line-height:1.4}
.drp-native{display:flex;gap:5px;flex-wrap:wrap}.drp-native label{flex:1;min-width:100px}.drp-native input{width:100%;min-width:0}
.drp-trigger{display:none}
.drp-ready .drp-native{display:none}
.drp-ready .drp-trigger{display:flex;width:100%;min-width:0;align-items:center;gap:9px;justify-content:flex-start;height:39px;padding:8px 10px;border:1px solid #cfd8e3;background:#fff;color:#172033;border-radius:8px;text-align:left;font-size:12px;font-weight:400}
.drp-ready .drp-trigger:hover,.drp-ready .drp-trigger:focus-visible{background:#f5faff;border-color:#6e9fc2;outline:2px solid #bbd8ed;outline-offset:1px}
.drp-trigger-icon{font-size:18px;color:#24557f}.drp-trigger-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:400}.drp-caret{color:#516173}
.drp-popup{position:fixed;z-index:150;background:#fff;border:1px solid #d1dce7;border-radius:11px;box-shadow:0 10px 30px #12345526;color:#172033;max-height:calc(100dvh - 18px);overflow-y:auto;overscroll-behavior:contain;font-size:12px}
.drp-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 3px}.drp-head strong{font-size:13px}.drp-close{font-size:18px;line-height:1;color:#687a8c;padding:2px 7px;background:#eef3f8}
.drp-presets{display:flex;gap:4px;flex-wrap:wrap;padding:4px 11px 5px}.drp-quick{background:#edf3f8;color:#41566c;font-size:11px;font-weight:400;padding:5px 7px}.drp-quick:hover{background:#dcecf9;color:#1f4e78}
.drp-nav{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:2px 11px 5px;font-size:11px}.drp-nav button{background:#eef3f8;color:#41566c;padding:5px 7px;font-weight:500}.drp-nav span{text-align:center}
.drp-calendars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 11px 7px}.drp-month h4{margin:0 0 2px;text-align:center;font-size:12px}.drp-weekdays,.drp-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px}.drp-weekdays span{text-align:center;color:#6e7c8b;font-size:10px;padding:3px 0}.drp-day{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:27px;border-radius:6px;border:0;background:#fff;color:#23364a;padding:0;font-size:11px;font-weight:400}.drp-day:hover{background:#e7f0fa;color:#173e60}.drp-day.outside{color:#a6b2bf}.drp-day.in-range{background:#e6f1fa;border-radius:3px}.drp-day.selected{background:#24557f;color:#fff;border-radius:7px}.drp-day.today:not(.selected){box-shadow:inset 0 0 0 1px #397eb2}.drp-day:disabled{color:#c4cbd2;cursor:not-allowed;box-shadow:none;background:#fff}
.drp-footer{display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap;border-top:1px solid #e6edf3;padding:7px 11px}.drp-selection{color:#52677a;font-size:11px;flex:1;min-width:140px}.drp-footer-actions{display:flex;gap:6px}.drp-footer button{padding:6px 9px;font-size:11px}.drp-footer .drp-muted{background:#eef3f8;color:#41566c}.drp-footer .drp-confirm{background:#18805c}
@media(max-width:620px){
  .drp-calendars{grid-template-columns:minmax(0,1fr);padding:0 10px 7px}
  .drp-weekdays,.drp-days{gap:1px}
  .drp-day{height:29px;font-size:12px}
  .drp-month h4{font-size:12px;margin-bottom:3px}
  .drp-presets{padding:4px 9px 5px;gap:3px}
  .drp-quick{font-size:10.5px;padding:4px 5px}
  .drp-month h4{display:none}
  .drp-head{padding:9px 10px 4px}
  .drp-nav{padding:3px 10px 6px}
  .drp-footer{padding:8px 10px;gap:6px;flex-wrap:nowrap}
  .drp-selection{min-width:0;font-size:10px;line-height:1.3;overflow-wrap:anywhere}
  .drp-footer-actions{flex-shrink:0}
}

/* ===== CIGNEO CRM V2.1: four-group collapsible left navigation ===== */
.crm-layout{display:grid;grid-template-columns:212px minmax(0,1fr);min-height:100dvh;min-width:0}
.crm-layout.is-collapsed{grid-template-columns:62px minmax(0,1fr)}
.crm-sidebar{position:sticky;top:0;align-self:start;height:100vh;height:100dvh;min-width:0;display:flex;flex-direction:column;background:#fff;border-right:1px solid #dce5ee;z-index:41;overflow-y:auto;overflow-x:hidden;box-shadow:2px 0 12px #18364d06}
.crm-sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:64px;padding:12px 11px 12px 13px;border-bottom:1px solid #e7edf4}
.crm-logo{display:flex;gap:8px;min-width:0;align-items:center;color:#163d60;font-weight:800;white-space:nowrap;letter-spacing:.2px;font-size:13px}
.crm-logo:hover{color:#163d60}.crm-logo-mark{background:#173f61;color:#fff;border-radius:8px;display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;font-size:17px;letter-spacing:0}
.crm-logo-text{min-width:0;overflow:hidden;white-space:nowrap}.crm-logo-text small{font-weight:600;font-size:9px;color:#6b859e;vertical-align:middle}
.crm-sidebar-collapse{display:grid;place-items:center;flex-shrink:0;width:25px;height:28px;min-width:0;min-height:0;border:1px solid #dbe5ef;background:#f3f7fb;color:#41617c;font-size:21px;font-weight:400;border-radius:6px;padding:0;line-height:1}
.crm-sidebar-collapse:hover{background:#e5f1fa;color:#183e60}.crm-sidebar-close{display:none}
.crm-sidebar-nav{display:flex;flex-direction:column;gap:5px;padding:14px 9px;flex:1;min-width:0}
.crm-nav-heading{width:100%;display:flex;gap:11px;align-items:center;min-height:42px;text-align:left;color:#2c455d;background:transparent;font-size:13px;font-weight:650;border-radius:9px;padding:9px 11px;white-space:nowrap}
.crm-nav-heading svg{width:19px;height:19px;flex-shrink:0;color:#69849c}.crm-nav-heading-label{flex:1;overflow:hidden;text-overflow:ellipsis}.crm-nav-chevron{font-size:18px;font-weight:400;line-height:1;color:#8193a5;transition:transform .16s}
.crm-nav-heading:hover{background:#edf4fa;color:#163f61}.crm-nav-section.is-open>.crm-nav-heading{background:#e8f1f8;color:#1b4d70}.crm-nav-section.is-open>.crm-nav-heading svg{color:#1b5d88}.crm-nav-section.is-open>.crm-nav-heading .crm-nav-chevron{transform:rotate(180deg)}
.crm-nav-links{display:flex;flex-direction:column;gap:2px;padding:4px 0 5px 23px}.crm-nav-ready .crm-nav-section:not(.is-open) .crm-nav-links{display:none}
.crm-nav-link{display:flex;align-items:center;min-height:35px;font-size:12.5px;color:#526b81;padding:8px 10px;border-radius:7px;white-space:nowrap;border-left:3px solid transparent}
.crm-nav-link:hover{background:#f2f7fb;color:#174c72}.crm-nav-link.is-active{background:#eaf3fb;color:#184f7a;font-weight:700;border-left-color:#26678d}
.crm-sidebar-bottom{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;font-size:11px;padding:13px 8px 16px;border-top:1px solid #e7edf4}.crm-sidebar-bottom a{color:#748598}
.crm-content-shell{display:flex;flex-direction:column;min-width:0;min-height:100dvh}
.crm-topbar{height:52px;min-height:52px;display:flex;align-items:center;justify-content:flex-end;gap:12px;background:#fff;border-bottom:1px solid #e1e9f1;position:sticky;top:0;z-index:29;padding:0 24px}
.crm-topbar-account{display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:12px;color:#607488}.crm-topbar-account a{color:#1c5c8c}.crm-topbar-account a:hover{color:#103e60}
.crm-main{width:100%;max-width:1750px;min-width:0;margin:0 auto;padding:26px}.crm-topbar-left{display:none}.crm-sidebar-backdrop{display:none}
.crm-login-header{background:#163d60;color:#fff;font-weight:800;padding:15px 24px;min-height:54px}.crm-login-header small{font-size:10px;color:#afc9dd;font-weight:500}
.crm-layout.is-collapsed .crm-logo-text,.crm-layout.is-collapsed .crm-nav-heading-label,.crm-layout.is-collapsed .crm-nav-chevron,.crm-layout.is-collapsed .crm-nav-links,.crm-layout.is-collapsed .crm-sidebar-bottom{display:none}
.crm-layout.is-collapsed .crm-sidebar-brand{padding:13px 8px;flex-direction:column;gap:8px;align-items:center}
.crm-layout.is-collapsed .crm-sidebar-nav{padding:10px 6px;gap:7px}.crm-layout.is-collapsed .crm-nav-heading{justify-content:center;padding:9px;min-height:41px}
.crm-layout.is-collapsed .crm-nav-section.contains-active>.crm-nav-heading{background:#eaf3fb;color:#184f7a}.crm-layout.is-collapsed .crm-nav-section.contains-active svg{color:#184f7a}
.crm-layout.is-collapsed .crm-sidebar-collapse{width:28px;height:24px}
.crm-sidebar a:focus-visible,.crm-sidebar button:focus-visible,.crm-topbar button:focus-visible{outline:2px solid #397eb2;outline-offset:2px}
@media(max-width:1100px) and (min-width:951px){.crm-layout{grid-template-columns:190px minmax(0,1fr)}.crm-layout.is-collapsed{grid-template-columns:62px minmax(0,1fr)}.crm-main{padding:20px}}
@media(max-width:950px){
  .crm-layout,.crm-layout.is-collapsed{display:block;min-height:100dvh}
  .crm-sidebar{position:fixed;top:0;bottom:0;left:0;width:min(280px,85vw);height:100vh;height:100dvh;z-index:90;transform:translateX(-105%);transition:transform .2s ease;visibility:hidden;box-shadow:3px 0 24px #1234552b}
  .crm-layout.mobile-open .crm-sidebar{transform:translateX(0);visibility:visible}
  .crm-layout.is-collapsed .crm-logo-text,.crm-layout.is-collapsed .crm-nav-heading-label,.crm-layout.is-collapsed .crm-nav-chevron,.crm-layout.is-collapsed .crm-nav-links,.crm-layout.is-collapsed .crm-sidebar-bottom{display:initial}
  .crm-layout.is-collapsed .crm-nav-links{display:flex;flex-direction:column}.crm-layout.crm-nav-ready .crm-nav-section:not(.is-open) .crm-nav-links{display:none}
  .crm-layout.is-collapsed .crm-sidebar-brand{flex-direction:row;align-items:center;padding:12px 13px;min-height:64px}
  .crm-layout.is-collapsed .crm-sidebar-nav{padding:14px 9px;gap:5px}
  .crm-layout.is-collapsed .crm-nav-heading{justify-content:flex-start;padding:9px 11px}
  .crm-layout.is-collapsed .crm-sidebar-bottom{display:flex}
  .crm-sidebar-collapse{display:none}.crm-sidebar-close{display:inline-flex;align-items:center;justify-content:center;min-width:30px;width:30px;height:32px;font-size:23px;line-height:1;background:#edf4fa;color:#40607b;padding:0}
  .crm-sidebar-backdrop{position:fixed;inset:0;z-index:89;background:#0f223c8c;border:0;border-radius:0;cursor:pointer;padding:0;display:none;width:100%;height:100vh;height:100dvh}
  .crm-layout.mobile-open .crm-sidebar-backdrop{display:block}.crm-mobile-nav-open{overflow:hidden}
  .crm-topbar{height:58px;min-height:58px;justify-content:space-between;padding:0 16px}
  .crm-topbar-left{display:flex;align-items:center;gap:11px}
  .crm-mobile-menu{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:8px 11px;background:#163f61;border-radius:8px;font-size:13px}
  .crm-topbar-mobile-brand{font-weight:800;color:#173f61;white-space:nowrap;font-size:13px}
  .crm-topbar-mobile-brand small{font-weight:600;font-size:9px;color:#748b9f}
  .crm-topbar-account{display:none}.crm-main{padding:18px 16px;width:100%;max-width:none}
}
@media(max-width:520px){.crm-main{padding:16px 12px}.crm-topbar{padding:0 12px}.crm-topbar-left{gap:9px}}
@media(prefers-reduced-motion:reduce){.crm-sidebar,.crm-nav-chevron{transition:none}}
/* Prevent the global button:hover rule from recoloring the mobile drawer backdrop. */
@media(max-width:950px){.crm-layout .crm-sidebar-backdrop:hover,.crm-layout .crm-sidebar-backdrop:focus-visible{background:#0f223c8c}}


/* ===== CIGNEO CRM V2.1.1: shared full-width responsive layout =====
   Only layout and presentation rules. The sidebar, routes, data, and business
   behavior remain unchanged. All responsive rules below measure *available
   content width* rather than total window width (sidebar width is variable).
*/
.crm-content-shell{width:100%;min-width:0}
.crm-layout>.crm-content-shell{min-width:0}
.crm-main{
  box-sizing:border-box;
  width:100%;max-width:none;margin:0;
  min-width:0;
  padding:clamp(18px,1.55vw,32px) clamp(18px,1.65vw,34px) 38px;
  container-name:crm-body;
  container-type:inline-size;
}
.crm-topbar{padding-left:clamp(16px,1.65vw,34px);padding-right:clamp(16px,1.65vw,34px)}
.crm-main>*,.crm-main .dashboard-block,.crm-main .panel,.crm-main .table-wrap,
.crm-main .cards,.crm-main .filter-panel,.crm-main .task-contact-summary{
  max-width:100%;min-width:0;
}
.crm-main .panel{padding:clamp(15px,1.15vw,23px);margin-block:16px}
.crm-main .page-title{margin-bottom:18px;min-width:0;flex-wrap:wrap}
.crm-main .page-title>*{min-width:0}
.crm-main .page-title .muted{line-height:1.55;overflow-wrap:anywhere}
.crm-main .panel-head{flex-wrap:wrap;align-items:center;row-gap:7px}
.crm-main .panel-head>*{min-width:0}
.crm-main .cards{gap:clamp(10px,.85vw,16px);margin-bottom:16px}
.crm-main .cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.crm-main .cards-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.crm-main .cards-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.crm-main .cards-8{grid-template-columns:repeat(4,minmax(0,1fr))}
.crm-main .cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.crm-main .cards-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.crm-main .card{min-width:0;padding:clamp(13px,.95vw,19px)}
.crm-main .card b{font-size:clamp(19px,1.25vw,25px);line-height:1.25}
.crm-main .card b.small{font-size:clamp(16px,1vw,19px)}
.crm-main .card span,.crm-main .card small{overflow-wrap:anywhere}
/* Let filters spread evenly without forcing a minimum width beyond the content area. */
.crm-main .filter-panel{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr));
  gap:11px 13px;
  padding:clamp(13px,1vw,18px);
  align-items:end;
}
.crm-main .task-filter-panel{grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr))}
.crm-main .filter-panel>label,.crm-main .filter-panel>.drp-field,
.crm-main .filter-panel .filter-actions{min-width:0}
.crm-main .filter-panel label>input:not([type=checkbox]):not([type=radio]),
.crm-main .filter-panel label>select,
.crm-main .filter-panel .drp-trigger{width:100%;max-width:100%;min-width:0}
.crm-main .filter-panel .range-inputs{display:flex;gap:6px;min-width:0}
.crm-main .filter-panel .range-inputs input.short{width:0;min-width:0;flex:1 1 0}
.crm-main .filter-panel .filter-actions{grid-column:auto / span 2;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.crm-main .filter-panel .filter-result,.crm-main .filter-panel .filter-count{white-space:normal}
.crm-main .filter-panel .filter-result b{white-space:nowrap}
/* Wide tables: use the newly available page width, but never squash columns. */
.crm-main .table-wrap{width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}
.crm-main .table-wrap>table{width:100%;max-width:none}
.crm-main th,.crm-main td{font-size:12px;line-height:1.4}
.crm-main .table-wrap th,.crm-main .table-wrap td{padding:10px 11px}
.crm-main :is(.table-wrap,.panel,.filter-panel,.task-contact-summary){box-shadow:0 2px 12px #18364c06}
.crm-main .settings-form{grid-template-columns:repeat(3,minmax(0,1fr))}
.crm-main .settings-form label,.crm-main .user-create label{min-width:0}
.crm-main .settings-form label :is(input,select,textarea),
.crm-main .user-create label :is(input,select,textarea){width:100%;min-width:0;max-width:100%}
.crm-main .user-create{grid-template-columns:repeat(4,minmax(0,1fr)) auto}
.crm-main .cost-form{flex-wrap:wrap;max-width:100%}
.crm-main .cost-form label{min-width:0}
.crm-main .cost-form label>input{max-width:100%}
.crm-main .bulkbar{flex-wrap:wrap}
.crm-main .task-contact-top{row-gap:7px}
.crm-main .operator-overview .cards,.crm-main .commission-cards{max-width:100%}
.crm-main .ads-month-wrap,.crm-main .day-table-wrap{max-width:100%;min-width:0;overflow-x:auto}
/* A dedicated responsive strategy per content width: preserve dashboard's 4+4 card arrangement. */
@container crm-body (max-width:1500px){
  .crm-main .cards-8{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@container crm-body (max-width:1320px){
  .crm-main .cards-6{grid-template-columns:repeat(3,minmax(0,1fr))}
  .crm-main .cards-5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .crm-main .user-create{grid-template-columns:repeat(2,minmax(0,1fr))}
  .user-create>button{justify-self:start;align-self:end}
}
@container crm-body (max-width:1050px){
  .crm-main .cards-4,.crm-main .cards-8{grid-template-columns:repeat(2,minmax(0,1fr))}
  .crm-main .cards-3,.crm-main .cards-5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .crm-main .settings-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .crm-main .profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .crm-main .service-overview-grid,.crm-main .ads-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .crm-main .ads-spend-actions{grid-template-columns:1fr}
}
@container crm-body (max-width:720px){
  .crm-main .cards-6{grid-template-columns:repeat(2,minmax(0,1fr))}
  .crm-main .cards-2,.crm-main .cards-3,.crm-main .cards-5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .crm-main .card b{font-size:19px}
  .crm-main .panel-head{align-items:flex-start}
  .crm-main .filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .crm-main .user-create,.crm-main .settings-form{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container crm-body (max-width:540px){
  .crm-main .cards-4,.crm-main .cards-8{grid-template-columns:repeat(2,minmax(0,1fr))}
  .crm-main .filter-panel{grid-template-columns:minmax(0,1fr)}
  .crm-main .filter-panel .filter-actions{grid-column:1/-1}
  .crm-main .settings-form,.crm-main .profile-grid,.crm-main .user-create{grid-template-columns:minmax(0,1fr)}
  .crm-main .cards-3{grid-template-columns:minmax(0,1fr)}
  .crm-main .service-overview-grid,.crm-main .ads-overview-grid{grid-template-columns:minmax(0,1fr)}
  .crm-main .card{padding:12px}
  .crm-main .card b{font-size:18px}
  .crm-main .cards{gap:10px}
}
@container crm-body (max-width:360px){
  .crm-main .cards-4,.crm-main .cards-6,.crm-main .cards-8,.crm-main .cards-2,.crm-main .cards-5{grid-template-columns:minmax(0,1fr)}
}
/* Visible-area tweaks for tablets and phones (drawer sidebar already handles navigation). */
@media(max-width:950px){
  .crm-main{padding:20px 18px 30px}
  .crm-topbar{padding-inline:18px}
}
@media(max-width:620px){
  .crm-main{padding:16px 12px 26px}
  .crm-main .page-title{gap:10px;margin-bottom:14px}
  .crm-main h1{font-size:24px}
  .crm-main .panel{margin:12px 0;padding:13px}
  .crm-main .table-wrap th,.crm-main .table-wrap td{padding:8px 9px}
  .crm-main .pager{justify-content:flex-start}
  .crm-main .drp-field,.crm-main .drp-trigger{max-width:100%}
}


/* Shared header and personal center: fixed Cigneo blue */
.crm-topbar-context{flex:1;min-width:0;display:flex;align-items:center;gap:9px;position:relative}
.crm-topbar-page-title{min-width:0;max-width:100%;overflow:hidden}
.crm-topbar-page-title h1{font-size:20px;font-weight:750;line-height:1.25;margin:0;display:flex;align-items:center;gap:8px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#192c40}
.crm-topbar-page-title h1 .pill{max-width:120px;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}
.crm-page-help{background:#edf4fa;color:#1e5279;border:1px solid #dbe5ef;padding:0;width:22px;height:22px;min-width:22px;border-radius:50%;font-size:12px;line-height:1;font-weight:700}
.crm-page-help:hover{background:#dbe5ef;color:#1e5279}
.crm-page-help[hidden],.crm-page-help-pop[hidden]{display:none!important}
.crm-page-help-pop{position:absolute;top:calc(100% + 13px);left:0;z-index:62;padding:13px 14px;max-width:min(380px,80vw);background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px #142f4b20;color:#4a5d70;border-radius:10px;font-size:12px;line-height:1.6;white-space:normal}
.crm-main .crm-page-actions-only{margin:0 0 10px;align-items:center;justify-content:flex-end;min-height:0}
.crm-main .crm-page-actions-only:empty{display:none}
.crm-user-menu{position:relative;flex-shrink:0;max-width:240px;z-index:60}
.crm-user-trigger{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;user-select:none;padding:5px 9px;border:1px solid transparent;border-radius:10px;color:#31485e;min-height:40px;max-width:240px}
.crm-user-trigger::-webkit-details-marker{display:none}
.crm-user-trigger:hover,.crm-user-menu[open] .crm-user-trigger{background:#f3f7fa;border-color:#e0e9f1}
.crm-user-avatar,.crm-account-avatar{width:32px;height:32px;min-width:32px;border-radius:50%;background:#1f4e78;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800}
.crm-user-label{display:flex;flex-direction:column;gap:1px;max-width:132px;min-width:0}
.crm-user-label strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crm-user-label small{font-size:10px;color:#7b8998}
.crm-user-angle{font-size:17px;color:#70869a}
.crm-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:210px;max-width:calc(100vw - 24px);background:#fff;border:1px solid #dfe7ef;border-radius:11px;box-shadow:0 15px 38px #122c4530;overflow:hidden;padding:6px;z-index:61}
.crm-user-dropdown-head{display:flex;flex-direction:column;gap:3px;padding:11px 10px;border-bottom:1px solid #e7edf3;margin-bottom:4px;overflow-wrap:anywhere}
.crm-user-dropdown-head strong{font-size:13px;color:#1b2e41}
.crm-user-dropdown-head small{font-size:11px;color:#8190a0}
.crm-logged-in .crm-user-dropdown a{display:block;padding:9px 11px;border-radius:7px;font-size:12px;color:#33495f;white-space:nowrap}
.crm-logged-in .crm-user-dropdown a:hover{background:#e8f1f8;color:#1e5279}
.crm-user-separator{height:1px;background:#e9eef3;margin:6px 5px}
.crm-logged-in .crm-user-dropdown .crm-user-logout{color:#aa3333}
.crm-account-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;max-width:1120px}
.crm-account-grid .panel{margin:0}
.crm-account-card h2{font-size:17px;margin:0 0 20px}
.crm-account-identity{display:flex;align-items:center;gap:12px;margin-bottom:23px}
.crm-account-avatar{width:50px;height:50px;min-width:50px;font-size:19px}
.crm-account-identity>div{display:flex;flex-direction:column;gap:4px}
.crm-account-identity strong{font-size:17px}
.crm-account-identity small{font-size:12px;color:#8290a0}
.crm-profile-values{display:grid;gap:10px;margin:0}
.crm-profile-values div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1f5;padding:10px 0}
.crm-profile-values dt{color:#7a8998;font-size:12px}
.crm-profile-values dd{margin:0;font-size:13px;font-weight:600;max-width:70%;overflow-wrap:anywhere;text-align:right}
.crm-profile-note{font-size:12px;color:#8392a1;line-height:1.6;margin-top:17px}
.crm-password-form{display:grid;gap:17px;max-width:520px}
.crm-password-form label{display:grid;gap:6px;font-size:12px;color:#506276}
.crm-password-form input{width:100%;min-width:0}
.crm-password-form button{justify-self:start}

@media(max-width:950px){
 .crm-topbar-context{justify-content:flex-start}
 .crm-topbar-left{display:flex}
 .crm-topbar-mobile-brand{display:none}
 .crm-topbar-page-title h1{font-size:17px}
 .crm-user-menu{display:block}
 .crm-topbar{gap:10px}
 .crm-user-label{display:none}
}
@media(max-width:600px){
 .crm-topbar-page-title h1{font-size:16px}
 .crm-topbar-page-title h1 .pill{display:none}
 .crm-user-trigger{padding:3px;border-radius:50%}
 .crm-user-angle{display:none}
 .crm-user-avatar{width:32px;height:32px}
 .crm-page-help-pop{max-width:calc(100vw - 30px)}
 .crm-account-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:400px){
 .crm-topbar{padding-inline:9px}
 .crm-topbar-context{gap:5px}
 .crm-topbar-page-title h1{font-size:15px}
}


/* ===== CIGNEO CRM V2.2.1: refined fixed Cigneo blue navigation =====
   Only interface layout and typography. No theme switching or dynamic color settings. */
.crm-layout{grid-template-columns:220px minmax(0,1fr)}
.crm-layout.is-collapsed{grid-template-columns:64px minmax(0,1fr)}
.crm-sidebar{background:#fff;border-right:1px solid #dee6ed;box-shadow:none}
.crm-sidebar-brand{min-height:80px;padding:16px 14px 15px 17px;align-items:center;border-bottom:1px solid #edf1f5;gap:7px}
.crm-logo{gap:0;align-items:flex-start;font-size:16px;letter-spacing:0;line-height:1.25;color:#183b5a}
.crm-logo-mark{display:none}
.crm-logo-text{display:flex;flex-direction:column;gap:5px;overflow:visible}
.crm-logo-text strong{font-size:16px;font-weight:780;letter-spacing:-.25px;color:#183b5a}
.crm-logo-text small{font-weight:600;font-size:10px;color:#7d95a8;letter-spacing:0;margin-left:2px}
.crm-logo-text em{font-size:11px;font-style:normal;color:#8898a8;font-weight:400;letter-spacing:0}
.crm-sidebar-collapse{width:26px;height:27px;min-width:26px;border-color:#e0e8f0;background:#f4f7fa;color:#688097;border-radius:7px;font-size:21px}
.crm-sidebar-nav{padding:17px 10px 20px;gap:8px}
.crm-nav-heading{min-height:47px;border-radius:8px;padding:11px 12px;gap:11px;font-size:14px;font-weight:650;color:#3d4e5d}
.crm-nav-heading svg{width:18px;height:18px;color:#7e8f9f}
.crm-nav-chevron{font-size:16px;color:#9aa6b0}
.crm-nav-heading:hover{background:#f2f6f9;color:#214b6b}
.crm-nav-section.is-open>.crm-nav-heading{background:#e8f2f9;color:#1b5278}
.crm-nav-section.is-open>.crm-nav-heading svg{color:#42789c}
.crm-nav-links{gap:2px;padding:5px 2px 7px 17px}
.crm-nav-link{min-height:38px;border-left:2px solid transparent;border-radius:7px;padding:9px 10px 9px 13px;font-size:13.3px;font-weight:450;color:#617181}
.crm-nav-link:hover{background:#f2f7fb;color:#215678}
.crm-nav-link.is-active{background:#eaf3fb;border-left-color:#296990;font-weight:650;color:#1d5076}
.crm-layout.is-collapsed .crm-sidebar-brand{min-height:84px;align-items:center;justify-content:center;padding:12px 7px;flex-direction:column;gap:8px}
.crm-layout.is-collapsed .crm-logo-text{display:none}
.crm-layout.is-collapsed .crm-logo-mark{display:grid;width:32px;height:32px;border-radius:8px;background:#1b486b;color:#fff}
.crm-layout.is-collapsed .crm-sidebar-nav{padding:13px 7px;gap:9px}
.crm-layout.is-collapsed .crm-nav-heading{min-height:46px;padding:10px}
.crm-layout.is-collapsed .crm-sidebar-collapse{width:28px;height:26px}
.crm-logged-in .crm-topbar{justify-content:space-between;gap:16px;z-index:50;padding-block:0}
.crm-topbar-left{flex-shrink:0}
.crm-logged-in .crm-user-dropdown a:hover{background:#e8f2f9;color:#1d5076}
.crm-logged-in .crm-mobile-menu{background:#173f61}
@media(max-width:1100px) and (min-width:951px){
 .crm-layout{grid-template-columns:207px minmax(0,1fr)}
 .crm-layout.is-collapsed{grid-template-columns:64px minmax(0,1fr)}
}
@media(max-width:950px){
 .crm-layout,.crm-layout.is-collapsed{display:block}
 .crm-sidebar{width:min(290px,85vw)}
 .crm-sidebar-brand,.crm-layout.is-collapsed .crm-sidebar-brand{min-height:79px;padding:16px 14px 15px 17px;flex-direction:row;align-items:center;justify-content:space-between}
 .crm-logo-mark,.crm-layout.is-collapsed .crm-logo-mark{display:none}
 .crm-layout.is-collapsed .crm-logo-text{display:flex}
 .crm-sidebar-nav,.crm-layout.is-collapsed .crm-sidebar-nav{padding:17px 10px 20px;gap:8px}
 .crm-layout.is-collapsed .crm-nav-heading{padding:11px 12px;min-height:47px}
 .crm-sidebar-close{display:inline-flex}
}
@media(max-width:600px){
 .crm-logo-text strong{font-size:15px}
 .crm-nav-heading{font-size:14px}
 .crm-nav-link{font-size:13px}
}

/* Cigneo CRM V2.2.2 - consolidated KPI and filter layout */
.crm-main .crm-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 16px}
.crm-main .crm-kpi-grid .card{min-width:0;min-height:96px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:14px 17px}
.crm-main .crm-kpi-grid .card>b{font-size:clamp(18px,1.5vw,24px);line-height:1.2;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.crm-main .crm-kpi-grid .card>small{color:var(--muted);font-size:12px;white-space:normal;line-height:1.4}
.crm-main .crm-kpi-grid .card>small strong{color:var(--text,#1f3348);font-size:inherit;font-weight:600}
.crm-main .crm-kpi-grid .card>span{font-weight:500}
.crm-main .crm-kpi-positive{color:#078847!important;font-weight:700}
.crm-main .crm-month-filter input[type="month"]{cursor:pointer}
.crm-main .crm-recall-filters,.crm-main .crm-customer-filters,.crm-main .crm-email-filters{grid-template-columns:repeat(10,minmax(0,1fr));align-items:end;gap:10px}
.crm-main .crm-recall-filters>label,.crm-main .crm-customer-filters>label,.crm-main .crm-email-filters>label{grid-column:span 1}
.crm-main .crm-recall-filters>label:first-child,.crm-main .crm-customer-filters>label:first-child,.crm-main .crm-email-filters>label:first-child{grid-column:span 2}
.crm-main .crm-email-filters>.drp-field{grid-column:span 2}
.crm-main .crm-recall-filters .filter-actions,.crm-main .crm-customer-filters .filter-actions,.crm-main .crm-email-filters .filter-actions{grid-column:1/-1;justify-content:flex-end;padding-top:0}
.crm-main .crm-email-filters .crm-email-audit-link{margin-left:auto;white-space:nowrap}
.crm-main .crm-recall-filters input.short,.crm-main .crm-customer-filters input{width:100%;max-width:100%}
.crm-main .crm-month-filter .filter-actions{align-self:end}
@media(max-width:1550px){.crm-main .crm-recall-filters,.crm-main .crm-customer-filters,.crm-main .crm-email-filters{grid-template-columns:repeat(6,minmax(0,1fr))}.crm-main .crm-email-filters>.drp-field{grid-column:span 2}}
@media(max-width:1050px){.crm-main .crm-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-main .crm-recall-filters,.crm-main .crm-customer-filters,.crm-main .crm-email-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.crm-main .crm-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.crm-main .crm-kpi-grid .card{padding:12px;min-height:88px}.crm-main .crm-kpi-grid .card>b{font-size:16px}.crm-main .crm-kpi-grid .card>small{font-size:11px}.crm-main .crm-recall-filters,.crm-main .crm-customer-filters,.crm-main .crm-email-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.crm-main .crm-email-filters>.drp-field{grid-column:span 2}.crm-main .crm-email-filters .crm-email-audit-link{margin-left:0}}
@media(max-width:400px){.crm-main .crm-kpi-grid{grid-template-columns:minmax(0,1fr)}.crm-main .crm-recall-filters,.crm-main .crm-customer-filters,.crm-main .crm-email-filters{grid-template-columns:minmax(0,1fr)}.crm-main .crm-recall-filters>label:first-child,.crm-main .crm-customer-filters>label:first-child,.crm-main .crm-email-filters>label:first-child,.crm-main .crm-email-filters>.drp-field{grid-column:span 1}}

/* Keep the audit shortcut at the far right of the first filter row on wide screens. */
@media(min-width:1551px){.crm-main .crm-email-filters{grid-template-columns:repeat(12,minmax(0,1fr))}.crm-main .crm-email-filters .crm-email-audit-link{grid-column:11 / span 2;justify-self:end;white-space:nowrap}}
@media(min-width:1051px) and (max-width:1550px){.crm-main .crm-email-filters .crm-email-audit-link{grid-column:5 / span 2;justify-self:end}}
@media(max-width:1050px){.crm-main .crm-email-filters .crm-email-audit-link{grid-column:auto;justify-self:start}}
@media(max-width:400px){.crm-main .crm-email-filters .crm-email-audit-link{grid-column:1 / -1}}

/* V2.2.2 compact metric icons; decorative only, all data remains text. */
.crm-main .crm-kpi-grid .card{position:relative;padding-left:66px}
.crm-main .crm-kpi-grid .card .crm-kpi-badge{position:absolute;left:17px;top:18px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:#24719a;background:#ecf5fb}
.crm-main .crm-kpi-grid .card .crm-kpi-badge svg{height:20px;width:20px}
.crm-main .crm-kpi-grid .card:last-child .crm-kpi-badge{color:#09834d;background:#e7f7ee}
@media(max-width:650px){.crm-main .crm-kpi-grid .card{padding-left:52px}.crm-main .crm-kpi-grid .card .crm-kpi-badge{left:9px;top:14px;width:32px;height:32px}.crm-main .crm-kpi-grid .card .crm-kpi-badge svg{height:18px;width:18px}}


/* CIGNEO CRM V2.2.3 — compact action bars and weekend indicators */
.crm-main .crm-month-overview{margin-top:0}
.crm-main .crm-month-action-row{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:12px 0 14px}
.crm-main .crm-month-action-row form{display:flex;align-items:end;gap:9px;flex-wrap:wrap;min-width:0;margin:0}
.crm-main .crm-month-action-row label,
.crm-main .crm-daily-toolbar-row label{display:flex;flex-direction:column;gap:5px;color:#516173;font-size:12px;min-width:0}
.crm-main .crm-month-action-row .crm-month-filter{flex:1 1 600px}
.crm-main .crm-month-action-row .crm-month-shipping-form{flex:0 1 auto;margin-left:auto;padding-left:13px;border-left:1px solid var(--line)}
.crm-main .crm-month-action-row .crm-month-filter>label{flex:1 1 145px;max-width:225px}
.crm-main .crm-month-action-row .crm-month-shipping-form>label:first-of-type{flex:0 1 140px}
.crm-main .crm-month-action-row .crm-month-shipping-form>label:nth-of-type(2){flex:0 1 150px}
.crm-main .crm-month-action-row input{width:100%;min-width:0;max-width:100%}
.crm-main .crm-month-action-row :is(button,.btn){white-space:nowrap}
.crm-main .crm-month-action-row .filter-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.crm-main .crm-month-action-row .filter-result{font-size:11px}
.crm-main .crm-daily-toolbar{margin-block:12px;padding:13px 16px}
.crm-main .crm-daily-toolbar-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;min-width:0}
.crm-main .crm-daily-toolbar-row form{margin:0}
.crm-main .crm-daily-date-form{display:flex;align-items:flex-end;gap:8px;flex:0 1 auto;min-width:0}
.crm-main .crm-daily-date-form .drp-field{width:clamp(215px,18vw,290px);max-width:100%;min-width:0}
.crm-main .crm-daily-date-form .filter-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.crm-main .crm-daily-date-form .filter-result{font-size:11px}
.crm-main .crm-daily-entry-form{display:flex;align-items:flex-end;gap:8px;min-width:0;flex:1 1 auto;flex-wrap:wrap}
.crm-main .crm-daily-entry-form label:first-of-type{flex:1 1 132px;max-width:170px}
.crm-main .crm-daily-entry-form label:nth-of-type(2){flex:1 1 110px;max-width:145px}
.crm-main .crm-daily-entry-form label:nth-of-type(3){flex:1 1 140px;max-width:230px}
.crm-main .crm-daily-entry-form input{width:100%;min-width:0;max-width:100%}
.crm-main .crm-daily-toolbar-row button{white-space:nowrap}
.crm-main .crm-daily-bulk-details{position:relative;flex:0 0 auto;align-self:flex-end}
.crm-main .crm-daily-bulk-details>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:35px;border:1px solid #d6e5f2;border-radius:7px;background:#edf4fb;padding:8px 11px;color:#22577c;font-size:12px;font-weight:600;margin:0;white-space:nowrap}
.crm-main .crm-daily-bulk-details>summary::-webkit-details-marker{display:none}
.crm-main .crm-daily-bulk-details[open]>summary{background:#dcebf8}
.crm-main .crm-daily-bulk-form{position:absolute;top:calc(100% + 8px);right:0;z-index:30;background:#fff;border:1px solid var(--line);box-shadow:0 9px 28px #1a3b5621;border-radius:10px;padding:14px;min-width:340px;max-width:min(90vw,460px);display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}
.crm-main .crm-daily-bulk-form label{flex:1 1 220px}
.crm-main .crm-daily-bulk-form input[type=file]{min-width:0;max-width:100%}
.crm-main .crm-daily-bulk-form .muted{font-size:11px;line-height:1.45}
.crm-main .crm-day-note{white-space:normal;min-width:64px}
.crm-main .crm-weekend-tag{display:inline-block;font-size:11px;font-weight:600;border-radius:4px;padding:2px 6px;white-space:nowrap}
.crm-main .crm-saturday{color:#1d6899;background:#e9f3fd}
.crm-main .crm-sunday{color:#a36a12;background:#fff2d8}
.crm-main .crm-daily-note-text{display:inline-block;margin-left:4px;overflow-wrap:anywhere}
/* Compact single-row filters where the content area has enough space. */
.crm-main .crm-order-filters,.crm-main .crm-customer-filters,
.crm-main .crm-recall-filters,.crm-main .crm-email-filters{
 display:flex;flex-wrap:wrap;align-items:flex-end;gap:9px 10px;
}
.crm-main .crm-order-filters>label,.crm-main .crm-customer-filters>label,
.crm-main .crm-recall-filters>label,.crm-main .crm-email-filters>label{
 flex:1 1 105px;min-width:95px;max-width:220px;grid-column:auto;
}
.crm-main .crm-order-filters>label:first-child,.crm-main .crm-customer-filters>label:first-child,
.crm-main .crm-recall-filters>label:first-child,.crm-main .crm-email-filters>label:first-child{
 flex:1 1 148px;max-width:210px;grid-column:auto;
}
.crm-main .crm-order-filters>.drp-field,.crm-main .crm-email-filters>.drp-field{
 flex:1 1 188px;min-width:185px;max-width:270px;grid-column:auto;
}
.crm-main .crm-order-filters .filter-actions,.crm-main .crm-customer-filters .filter-actions,
.crm-main .crm-recall-filters .filter-actions,.crm-main .crm-email-filters .filter-actions{
 display:flex;flex:0 0 auto;margin-left:auto;gap:7px;align-items:center;justify-content:flex-end;
 grid-column:auto;min-width:0;flex-wrap:nowrap;
}
.crm-main .crm-customer-filters .filter-actions{white-space:nowrap}
.crm-main .crm-customer-filters .crm-export-customers{margin-left:9px}
.crm-main .crm-email-filters .crm-email-audit-link{flex:0 0 auto;max-width:none;grid-column:auto;margin-left:0;align-self:flex-end;justify-self:auto;white-space:nowrap}
.crm-main .crm-recall-filters label:last-of-type{flex:0 1 115px}
.crm-main .crm-customer-filters label:nth-of-type(4),
.crm-main .crm-customer-filters label:nth-of-type(5),
.crm-main .crm-customer-filters label:nth-of-type(6){flex:0 1 120px}
.crm-main .crm-order-filters>label:last-of-type{flex:0 1 120px}
.crm-main .crm-order-filters :is(input,select),.crm-main .crm-customer-filters :is(input,select),
.crm-main .crm-recall-filters :is(input,select),.crm-main .crm-email-filters :is(input,select){
 min-width:0;width:100%;
}
@container crm-body (max-width:1020px){
 .crm-main .crm-month-action-row .crm-month-shipping-form{margin-left:0;padding-left:0;border-left:0}
 .crm-main .crm-daily-date-form{flex:1 1 100%}
 .crm-main .crm-daily-entry-form{flex:1 1 100%}
 .crm-main .crm-order-filters .filter-actions,.crm-main .crm-customer-filters .filter-actions,
 .crm-main .crm-recall-filters .filter-actions,.crm-main .crm-email-filters .filter-actions{margin-left:0;flex-wrap:wrap}
}
@container crm-body (max-width:580px){
 .crm-main .crm-month-action-row .crm-month-filter,
 .crm-main .crm-month-action-row .crm-month-shipping-form{flex:1 1 100%;width:100%}
 .crm-main .crm-month-action-row .crm-month-filter>label{max-width:none;flex:1 1 100%}
 .crm-main .crm-month-action-row .crm-month-shipping-form>label:first-of-type,
 .crm-main .crm-month-action-row .crm-month-shipping-form>label:nth-of-type(2){flex:1 1 100%}
 .crm-main .crm-daily-date-form .drp-field{width:100%}
 .crm-main .crm-daily-date-form,.crm-main .crm-daily-entry-form{flex:1 1 100%;width:100%}
 .crm-main .crm-daily-entry-form label{max-width:none!important;flex:1 1 100%!important}
 .crm-main .crm-daily-bulk-details{width:100%}
 .crm-main .crm-daily-bulk-form{left:0;right:auto;min-width:0;width:min(85vw,360px)}
 .crm-main .crm-order-filters>label,.crm-main .crm-customer-filters>label,
 .crm-main .crm-recall-filters>label,.crm-main .crm-email-filters>label,
 .crm-main .crm-order-filters>label:first-child,.crm-main .crm-customer-filters>label:first-child,
 .crm-main .crm-recall-filters>label:first-child,.crm-main .crm-email-filters>label:first-child{
 flex:1 1 100%;max-width:none;
 }
 .crm-main .crm-order-filters>.drp-field,.crm-main .crm-email-filters>.drp-field{flex:1 1 100%;max-width:none}
}


/* CIGNEO CRM V2.2.8 | mobile two-column filters, desktop monthly spacing,
   date-range consistency and accessible grouped permission editor. */
.crm-main .crm-region-filters>.drp-field{min-width:0;grid-column:span 2;}
.crm-main .crm-region-filters>.filter-actions{grid-column:span 2;}
.crm-main .crm-month-toolbar .crm-month-shipping-form>label:first-of-type{min-width:166px;}
.crm-main .crm-month-toolbar .crm-month-shipping-form>label:first-of-type input[type="month"]{min-width:158px;}
.crm-main .crm-month-toolbar .crm-month-shipping-form{gap:12px;}
/* Permissions: staff navigator + one focused account editor. */
.crm-perm-console{display:grid;grid-template-columns:minmax(215px,24%) minmax(0,1fr);gap:18px;align-items:start}
.crm-perm-staff-panel,.crm-perm-detail-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;min-width:0;box-shadow:0 2px 12px #18364c06}
.crm-perm-panel-title{font-size:16px;font-weight:700;margin:0 0 13px}
.crm-perm-staff-list{display:flex;flex-direction:column;gap:6px}
.crm-perm-staff-btn{width:100%;min-width:0;border:1px solid transparent;background:#fff;border-radius:9px;padding:11px 10px;text-align:left;display:flex;gap:10px;align-items:center;color:var(--ink);cursor:pointer;font:inherit}
.crm-perm-staff-btn:hover,.crm-perm-staff-btn:focus-visible{background:#f4f8fc;border-color:#e1eaf3}
.crm-perm-staff-btn[aria-selected="true"]{background:#eaf3fb;border-color:#c6dfed}
.crm-perm-initial{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;background:#eaf3fb;border-radius:50%;font-weight:700;color:#20547b}
.crm-perm-staff-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.crm-perm-staff-info strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crm-perm-staff-info small{font-size:11px;color:#8090a0}
.crm-perm-account[hidden]{display:none!important}
.crm-perm-account-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.crm-perm-account-header strong{font-size:16px}
.crm-perm-account-sub{font-size:12px;color:#8090a0}
.crm-perm-subpanels{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px;align-items:start}
.crm-perm-box{min-width:0;border:1px solid #e3ebf1;background:#fff;padding:14px;border-radius:10px;margin:0 0 14px}
.crm-perm-box>h3{font-size:14px;margin:0 0 12px}
.crm-perm-box .stack-form{min-width:0}
.crm-perm-box .stack-form>input,.crm-perm-box .stack-form>select{width:100%;max-width:100%;min-width:0}
.crm-perm-box .stack-form button{width:auto;justify-self:start}
.crm-perm-groups{display:grid;gap:9px;margin-top:12px}
.crm-perm-group{border:1px solid #dce7f0;border-radius:9px;min-width:0;overflow:hidden}
.crm-perm-group-heading{width:100%;border:0;background:#f5f9fc;padding:12px 13px;color:#244d72;text-align:left;font-weight:650;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.crm-perm-group-heading:hover{background:#e8f2fa}
.crm-perm-group-heading[aria-expanded="true"]{background:#e8f2fa}
.crm-perm-group-body{padding:12px 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 12px}
.crm-perm-group-body[hidden]{display:none!important}
.crm-perm-group-body label{display:flex;align-items:flex-start;gap:7px;line-height:1.5;font-size:12px;min-width:0;cursor:pointer}
.crm-perm-group-body input[type="checkbox"]{flex:none;margin:3px 0 0;min-width:0;width:15px;height:15px}
.crm-perm-preset-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.crm-perm-preset-bar select{min-width:160px;max-width:250px}
.crm-perm-permission-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:15px}
.crm-perm-permission-footer .delete-user-btn{background:#b42318;color:#fff}
.crm-perm-permission-footer .delete-user-btn:hover{background:#911b13}
.crm-perm-create summary{font-weight:650;cursor:pointer;color:#24557f}
.crm-perm-create[open] summary{margin-bottom:12px}
.crm-perm-create .user-create{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.crm-perm-readonly{background:#f6f9fc;padding:10px 12px;border-radius:8px;color:#536373;font-size:12px;line-height:1.6}
@container crm-body (max-width:1050px){
 .crm-perm-console{grid-template-columns:minmax(185px,29%) minmax(0,1fr);gap:12px}
 .crm-perm-subpanels{grid-template-columns:minmax(0,1fr)}
 .crm-perm-group-body{grid-template-columns:minmax(0,1fr)}
}
@container crm-body (max-width:660px){
 .crm-perm-console{grid-template-columns:minmax(0,1fr)}
 .crm-perm-staff-list{flex-direction:row;overflow-x:auto;gap:7px;padding-bottom:5px}
 .crm-perm-staff-btn{flex:0 0 auto;width:170px;padding:9px}
 .crm-perm-staff-panel,.crm-perm-detail-panel{padding:12px}
 .crm-perm-create .user-create{grid-template-columns:repeat(2,minmax(0,1fr))}
 .crm-perm-permission-footer{justify-content:flex-start}
}
@container crm-body (max-width:600px){
 /* A long search field and an order date range stay full width.
    Other order/recall filters form two equal columns. */
 .crm-main .crm-order-filters,.crm-main .crm-recall-filters{
   display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 9px;align-items:end;
 }
 .crm-main .crm-order-filters>label,.crm-main .crm-recall-filters>label,
 .crm-main .crm-order-filters>label:first-child,.crm-main .crm-recall-filters>label:first-child,
 .crm-main .crm-recall-filters>label:last-of-type{
   min-width:0;max-width:none;width:auto;grid-column:auto;flex:none;
 }
 .crm-main .crm-order-filters>label:first-child,.crm-main .crm-recall-filters>label:first-child{
   grid-column:1/-1;
 }
 .crm-main .crm-order-filters>.drp-field{
   grid-column:1/-1;max-width:none;min-width:0;width:100%;
 }
 .crm-main .crm-order-filters>.filter-actions,.crm-main .crm-recall-filters>.filter-actions{
   grid-column:1/-1;justify-content:flex-start;margin-left:0;flex-wrap:wrap;max-width:100%;
 }
 .crm-main .crm-order-filters>label :is(input,select),
 .crm-main .crm-recall-filters>label :is(input,select){width:100%;min-width:0;max-width:100%}
 .crm-main .crm-daily-mobile-hide-note,.crm-main .crm-daily-range-count,
 .crm-main .crm-month-mobile-count{display:none!important}
 .crm-main .crm-daily-entry-actions{display:flex;align-items:center;gap:9px;width:100%;flex-wrap:nowrap}
 .crm-main .crm-daily-entry-actions>button,
 .crm-main .crm-daily-entry-actions>.crm-daily-bulk-details{flex:0 0 auto;min-width:0;width:auto}
 .crm-main .crm-month-toolbar .crm-month-shipping-form{gap:10px;}
 .crm-main .crm-month-toolbar .crm-month-shipping-form>label:first-of-type{min-width:0;}
 .crm-main .crm-region-filters{grid-template-columns:minmax(0,1fr)}
 .crm-main .crm-region-filters>.drp-field,.crm-main .crm-region-filters>.filter-actions{grid-column:1/-1}
}
@container crm-body (max-width:400px){
 .crm-perm-create .user-create{grid-template-columns:minmax(0,1fr)}
 .crm-perm-staff-btn{width:154px}
}

/* V2.2.9: 首页在四个业务分组之外；保持蓝色导航及权限隔离。 */
.crm-sidebar-nav>.crm-nav-home{
  display:flex;align-items:center;gap:11px;min-height:47px;
  padding:11px 12px;border-radius:8px;border-left:2px solid transparent;
  font-size:14px;font-weight:650;color:#3d4e5d;
  white-space:nowrap;flex-shrink:0
}
.crm-sidebar-nav>.crm-nav-home svg{width:18px;height:18px;flex:0 0 18px;color:#7e8f9f}
.crm-sidebar-nav>.crm-nav-home:hover{background:#f2f6f9;color:#214b6b}
.crm-sidebar-nav>.crm-nav-home.is-active{
  background:#e8f2f9;color:#1b5278;border-left-color:#296990
}
.crm-sidebar-nav>.crm-nav-home.is-active svg{color:#42789c}
.crm-layout.is-collapsed .crm-sidebar-nav>.crm-nav-home{justify-content:center;padding:10px;min-height:46px}
.crm-layout.is-collapsed .crm-sidebar-nav>.crm-nav-home .crm-nav-home-label{display:none}
@media(max-width:950px){
 .crm-layout.is-collapsed .crm-sidebar-nav>.crm-nav-home{justify-content:flex-start;gap:11px;padding:11px 12px}
 .crm-layout.is-collapsed .crm-sidebar-nav>.crm-nav-home .crm-nav-home-label{display:inline}
}
/* 订单小字简洁且单行，减少手机端卡片高度差。 */
.crm-main .crm-repeat-summary{white-space:nowrap!important;overflow:visible;font-variant-numeric:tabular-nums}
@media(max-width:650px){.crm-main .crm-repeat-summary{font-size:10.3px!important;letter-spacing:-.1px}}
@media(max-width:380px){.crm-main .crm-repeat-summary{font-size:9.5px!important;letter-spacing:-.25px}}


/* V2.2.11: 3 compact cumulative cards on phones and a report-only visibility control. */
.operator-week-toggle-form{margin:0;display:inline-flex;align-items:center}
.operator-week-toggle,.operator-week-status{display:inline-flex;justify-content:center;align-items:center;min-width:50px;min-height:27px;border-radius:7px;padding:5px 9px;font-size:11px;font-weight:650;white-space:nowrap}
.operator-week-toggle.is-on,.operator-week-status.is-on{background:#e8f6ed;color:#176a3b}
.operator-week-toggle.is-off,.operator-week-status.is-off{background:#edf1f6;color:#617182}
.operator-week-toggle:hover{box-shadow:inset 0 0 0 1px #adc5d5;background:#e6f0f8;color:#1f4e78}
@media(max-width:800px){
 .crm-main .operator-category-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px;margin-bottom:14px}
 .crm-main .operator-category-cards .card{min-width:0;min-height:94px;padding:12px 9px;display:flex;flex-direction:column;justify-content:center}
 .crm-main .operator-category-cards .card>span{font-size:10.5px;line-height:1.35;white-space:nowrap}
 .crm-main .operator-category-cards .card>b{font-size:clamp(17px,4.5vw,21px);font-variant-numeric:tabular-nums;margin-top:5px;overflow:visible;text-overflow:clip}
 .crm-main .operator-category-cards .card>small{font-size:10px;margin-top:4px;line-height:1.3;white-space:nowrap;letter-spacing:-.2px}
}
@media(max-width:380px){
 .crm-main .operator-category-cards{gap:6px}
 .crm-main .operator-category-cards .card{padding:10px 7px}
 .crm-main .operator-category-cards .card>span{font-size:10px}
 .crm-main .operator-category-cards .card>small{font-size:9px}
}


/* CIGNEO CRM V2.2.18 — mobile recall/contact filter density, presentation only.
   Does not change input names, server filters, task status or email logs. */
@container crm-body (max-width:650px){
  /* Three recall counters in a single row on phones, for both lists. */
  .crm-main .crm-recall-summary-cards.cards-3{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
  }
  .crm-main .crm-recall-summary-cards>.card{
    min-width:0;min-height:75px;padding:11px 8px;overflow:hidden;
  }
  .crm-main .crm-recall-summary-cards>.card>span{
    display:block;font-size:11px;line-height:1.35;white-space:nowrap;
  }
  .crm-main .crm-recall-summary-cards>.card>b{
    font-size:19px;line-height:1.4;white-space:nowrap;
  }

  /* Search and date ranges span the whole row; ordinary filters are two columns. */
  .crm-main .crm-recall-filters,
  .crm-main .task-filter-panel,
  .crm-main .crm-email-filters{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px 8px;align-items:end;
  }
  .crm-main .crm-recall-filters>label,
  .crm-main .task-filter-panel>label,
  .crm-main .crm-email-filters>label,
  .crm-main .crm-recall-filters>label:first-child,
  .crm-main .crm-email-filters>label:first-child{
    grid-column:auto;flex:none;min-width:0;max-width:none;width:auto;
  }
  .crm-main .crm-recall-filters>label:first-child,
  .crm-main .task-filter-panel>label:first-child,
  .crm-main .crm-email-filters>label:first-child,
  .crm-main .task-filter-panel>.drp-field,
  .crm-main .crm-email-filters>.drp-field,
  .crm-main .task-filter-panel>label:last-of-type{
    grid-column:1/-1;
  }
  .crm-main .crm-recall-filters :is(input,select),
  .crm-main .task-filter-panel :is(input,select),
  .crm-main .crm-email-filters :is(input,select){
    width:100%;max-width:100%;min-width:0;
  }
  .crm-main .crm-recall-filters>.filter-actions,
  .crm-main .task-filter-panel>.filter-actions,
  .crm-main .crm-email-filters>.filter-actions{
    grid-column:1/-1;display:flex;align-items:center;justify-content:flex-start;
    gap:6px;min-width:0;margin-left:0;
  }
  .crm-main .crm-recall-filters>.filter-actions{
    flex-wrap:nowrap;
  }
  .crm-main .crm-recall-filters .filter-count,
  .crm-main .crm-recall-filters .filter-result{
    padding:0;gap:2px;font-size:10px;white-space:nowrap;
  }
  .crm-main .crm-recall-filters .filter-count b,
  .crm-main .crm-recall-filters .filter-result b{font-size:12px}
  .crm-main .crm-recall-filters>.filter-actions>button,
  .crm-main .crm-recall-filters>.filter-actions>.btn{
    flex:0 0 auto;min-width:0;padding:7px 9px;font-size:12px;white-space:nowrap;
  }
  .crm-main .crm-email-filters>.crm-email-audit-link{
    grid-column:1/-1;justify-self:start;max-width:100%;margin:0;
  }
}
@container crm-body (max-width:370px){
  .crm-main .crm-recall-filters>.filter-actions{gap:4px}
  .crm-main .crm-recall-filters .filter-count,
  .crm-main .crm-recall-filters .filter-result{font-size:9.5px}
  .crm-main .crm-recall-filters>.filter-actions>button,
  .crm-main .crm-recall-filters>.filter-actions>.btn{font-size:11px;padding:6px 7px}
}

/* Cigneo V2.2.19 — Customer detail, compact mobile profile and contact channel actions */
.crm-main .customer-detail-page-title{margin:0!important;padding:0!important;min-height:0!important}
.crm-main .customer-detail-toolbar{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;min-width:0;margin-bottom:14px}
.crm-main .customer-back-button{flex:0 0 auto;white-space:nowrap;border:1px solid #d2e2ee;padding:8px 12px;background:#eef4fa;color:#24557f}
.crm-main .customer-detail-contact{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;flex:1 1 420px;min-width:0}
.crm-main .customer-contact-line{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;font-size:12px;color:#50657c}
.crm-main .customer-contact-value{overflow-wrap:anywhere;min-width:0}
.crm-main .customer-contact-icon{font-size:14px;color:#467698}
.crm-main .customer-copy-btn{flex-shrink:0;border:1px solid #d2e2ee;background:#f3f8fd;color:#24557f;border-radius:6px;padding:4px 7px;font-size:11px;min-width:0}
.crm-main .customer-detail-quick-actions{display:flex;gap:9px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-left:auto}
.crm-main .customer-active-task{font-size:12px;color:#536273}
.crm-main .customer-profile-grid{gap:15px 22px}
.crm-main .customer-profile-grid>div{min-width:0;overflow-wrap:anywhere}
.crm-main .customer-profile-grid>div>b{display:block;font-size:12px;line-height:1.35}
.crm-main .customer-profile-grid>div>p{font-size:13px;line-height:1.4;margin:5px 0 0}
.crm-main .customer-mail-recipient{display:grid;grid-template-columns: minmax(130px,.75fr) minmax(200px,1.4fr) minmax(160px,1fr);gap:12px;align-items:center;padding:13px 16px;margin-top:0;margin-bottom:12px}
.crm-main .customer-mail-field{display:flex;align-items:center;gap:7px;min-width:0;overflow-wrap:anywhere;font-size:12px}
.crm-main .customer-mail-field .muted{font-size:12px;white-space:nowrap}
.crm-main .customer-mail-value{min-width:0;overflow-wrap:anywhere}
.crm-main .customer-mail-selector{display:flex;gap:12px;align-items:end;min-width:0}
.crm-main .customer-mail-selector>label{flex:1 1 260px;max-width:none;min-width:0}
.crm-main .customer-mail-selector select,.crm-main .customer-mail-editor :is(input,textarea){width:100%;min-width:0}
.crm-main .customer-mail-editor label{display:block;font-size:12px;color:#526579;margin-top:10px}
.crm-main .customer-mail-context{font-size:12px;overflow-wrap:anywhere}
.crm-main .email-record-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.crm-main .email-record-actions button:disabled{cursor:not-allowed;opacity:.5}
@media(max-width:950px){.crm-main .customer-mail-recipient{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-main .customer-mail-field:first-child{grid-column:1/-1}}
@media(max-width:650px){
 .crm-main .customer-detail-toolbar{align-items:flex-start;gap:9px}
 .crm-main .customer-detail-contact{flex:1 1 100%;align-items:flex-start;flex-direction:column;gap:6px}
 .crm-main .customer-detail-quick-actions{flex:1 1 100%;justify-content:flex-start;margin-left:0}
 .crm-main .customer-profile-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px 12px}
 .crm-main .customer-profile-grid>div>b{font-size:11px;font-weight:600;color:#6b7b90}
 .crm-main .customer-profile-grid>div>p{font-size:12px;color:#263e53}
 .crm-main .customer-profile-panel .panel-head{align-items:flex-start;flex-wrap:wrap;gap:9px}
 .crm-main .customer-mail-recipient{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
 .crm-main .customer-mail-field:first-child{grid-column:auto}
 .crm-main .customer-mail-selector{display:flex}
 .crm-main .email-record-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .crm-main .email-record-actions button{white-space:normal;min-width:0;line-height:1.35;min-height:42px;padding:7px 5px;font-size:11px}
}


/* V2.2.20: generated customer email - desktop readability and left-aligned contacts. */
.crm-main .customer-mail-recipient.customer-mail-v2220{
  display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;
  column-gap:30px;row-gap:14px;min-width:0;padding:17px 20px;
  margin-top:0;margin-bottom:13px;
}
.crm-main .customer-mail-v2220 .customer-mail-person{display:flex;align-items:center;gap:11px;flex:0 0 auto;min-width:0}
.crm-main .customer-mail-v2220 .customer-mail-avatar{
  display:flex;align-items:center;justify-content:center;flex:0 0 36px;
  width:36px;height:36px;border-radius:50%;background:#e9f3fb;color:#205b85;font-size:15px;font-weight:750;
}
.crm-main .customer-mail-v2220 .customer-mail-person-text,
.crm-main .customer-mail-v2220 .customer-mail-contact-text{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.crm-main .customer-mail-v2220 .customer-mail-caption{color:#6e8093;font-size:11px;line-height:1.2;font-weight:500}
.crm-main .customer-mail-v2220 .customer-mail-person strong{font-size:16px;color:#193b56;font-weight:750;line-height:1.4;overflow-wrap:anywhere}
.crm-main .customer-mail-v2220 .customer-mail-contact{display:flex;align-items:flex-end;gap:9px;max-width:100%;min-width:0}
.crm-main .customer-mail-v2220 .customer-mail-value{font-size:14px;line-height:1.45;font-weight:550;color:#25435f;overflow-wrap:anywhere}
.crm-main .customer-mail-v2220 .customer-copy-btn{
  display:inline-flex;align-items:center;justify-content:center;
  height:28px;padding:0 10px;margin-bottom:-2px;
  border:1px solid #d3e2ef;border-radius:6px;background:#f3f8fd;
  color:#315d81;font-size:11px;font-weight:650;white-space:nowrap;flex:0 0 auto;
}
.crm-main .customer-mail-v2220 .customer-copy-btn:hover{background:#e6f2fb;color:#1f4e78}
.crm-main .customer-mail-template-v2220{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;padding:13px 18px}
.crm-main .customer-mail-template-v2220>label{display:flex;flex:1 1 300px;max-width:440px;gap:7px;font-size:13px;font-weight:650;color:#36526b}
.crm-main .customer-mail-template-v2220 select{height:41px;font-size:14px;color:#273f58;font-weight:500}
.crm-main .customer-mail-template-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.crm-main .customer-mail-template-meta>span{display:inline-flex;align-items:center;gap:4px;padding:7px 10px;border-radius:7px;background:#f3f7fb;font-size:12px;color:#526d85}
.crm-main .customer-mail-template-meta strong{color:#2d4b65;font-weight:650}
.crm-main .customer-mail-editor-v2220{padding:22px 24px;margin-top:13px}
.crm-main .customer-mail-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.crm-main .customer-mail-editor-head h2{font-size:17px;font-weight:750;margin:0;color:#203e58}
.crm-main .customer-mail-editor-head>span{font-size:12px;color:#477c9e;background:#f0f7fc;border-radius:6px;padding:5px 9px}
.crm-main .customer-mail-editor-v2220 .customer-mail-record-form>label{
  display:block;margin:0 0 15px;color:#2d4b68;font-size:13px;font-weight:650;
}
.crm-main .customer-mail-editor-v2220 .customer-mail-record-form>label :is(input,textarea){
  display:block;width:100%;min-width:0;margin:8px 0 0;
  font-family:inherit;color:#213b52;border:1px solid #cfdeeb;border-radius:8px;
  background:#fff;box-sizing:border-box;
}
.crm-main .customer-mail-editor-v2220 input[name=subject]{height:44px;font-size:15px;line-height:1.4;font-weight:550;padding:10px 14px}
.crm-main .customer-mail-editor-v2220 textarea[name=body]{
  min-height:350px;height:auto;overflow:hidden;resize:vertical;
  white-space:pre-wrap;font-family:Arial,'Microsoft YaHei',sans-serif;
  padding:17px 18px;line-height:1.67;font-size:15px;font-weight:400;
}
.crm-main .customer-mail-editor-v2220 :is(input,textarea):focus{border-color:#79a6cc;outline:none;box-shadow:0 0 0 3px #dceffc}
.crm-main .customer-mail-record-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 18px;padding-top:17px;border-top:1px solid #e6edf4}
.crm-main .customer-mail-record-footer .email-record-actions{margin-top:0;display:flex;gap:10px;flex-wrap:wrap}
.crm-main .customer-mail-record-footer .email-record-actions button{min-height:38px;padding:9px 16px;font-size:13px}
.crm-main .customer-mail-record-footer>p{font-size:12px;line-height:1.5;margin:0}
@media(max-width:950px){
  .crm-main .customer-mail-v2220.customer-mail-recipient{gap:14px 22px}
  .crm-main .customer-mail-template-v2220>label{max-width:100%}
}
@media(max-width:650px){
  .crm-main .customer-mail-v2220.customer-mail-recipient{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:14px}
  .crm-main .customer-mail-v2220 .customer-mail-contact{width:100%;justify-content:flex-start}
  .crm-main .customer-mail-editor-v2220{padding:16px}
  .crm-main .customer-mail-editor-v2220 textarea[name=body]{font-size:14px;line-height:1.6;padding:13px;min-height:300px}
  .crm-main .customer-mail-record-footer .email-record-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
  .crm-main .customer-mail-record-footer .email-record-actions button{padding:7px 6px;font-size:11px;min-width:0;white-space:normal}
}