/* Official MC Promo interface. No alternate theme or browser preference. */



:root.mcpromo{--navy:#1f1b20;--navy2:#302a31;--red:#d71922;--red-dark:#b8141c;--ink:#1f1b20;--muted:#716c74;--line:#e2e0e5;--paper:#fff;--bg:#f4f5f7;--shadow:0 2px 5px #1f1b2004;--blue:#a81720;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
:root.mcpromo .app-page{font-size:14px;line-height:1.5;background:var(--bg);color:var(--ink)}
:root.mcpromo .interface-only-r100{display:block}

:root.mcpromo .sidebar{background:#1f1b20;color:#fff;border-right:0}
:root.mcpromo .sidebar .nav-item{font-size:13px;line-height:1.4;font-weight:500;border-radius:7px;padding:10px 12px;min-height:38px}
:root.mcpromo .sidebar .nav-item.active{background:#d71922!important;color:#fff!important;box-shadow:none}
:root.mcpromo .sidebar .nav-section-title{font-size:10px;letter-spacing:.09em;color:#bfb6c0;margin:22px 12px 8px}
:root.mcpromo .sidebar .sidebar-status{border-top:1px solid #ffffff24;color:#fff}
:root.mcpromo :is(.desktop-topbar,.desktop-utility-bar){background:#fff;border-bottom:1px solid var(--line);box-shadow:none;min-height:86px;height:auto;padding:20px 28px}
:root.mcpromo .desktop-page-heading :is(h1,strong){font-size:25px;line-height:1.2;font-weight:700;color:#1f1b20;letter-spacing:-.025em}
:root.mcpromo .desktop-page-heading>span{font-size:13px;line-height:1.5;color:var(--muted)}
:root.mcpromo .main-shell{max-width:1600px;padding:28px 32px 70px}
:root.mcpromo .main-shell.with-desktop-header{padding-top:26px}
:root.mcpromo :is(.panel,.dashboard-card,.cw-metrics article,.summary-card,.admin-card){border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:none}
:root.mcpromo .panel{padding:22px;margin-bottom:20px}
:root.mcpromo :is(.panel-heading,.cw-heading,.page-header){gap:20px;align-items:flex-start}
:root.mcpromo :is(.panel h2,.cw-workspace h2){font-size:19px;line-height:1.35;letter-spacing:-.015em;color:#1f1b20}
:root.mcpromo :is(.cw-heading h1,.page-header h1){font-size:27px;line-height:1.2;letter-spacing:-.025em}
:root.mcpromo :is(.cw-heading,.page-header) p{font-size:13px;line-height:1.5;color:var(--muted)}
:root.mcpromo :is(.cw-heading,.cw-actions,.form-actions,.panel-heading){flex-wrap:wrap}
:root.mcpromo :is(.button,button[type="submit"]){border-radius:8px;min-height:40px;font-size:13px;font-weight:600;line-height:1.35;padding:10px 14px}
:root.mcpromo .button.primary{background:#d71922;color:white;border-color:#d71922}
:root.mcpromo .button.secondary{background:white;border-color:#dedbe0;color:#1f1b20}
:root.mcpromo :is(input,select,textarea){border-radius:7px;border-color:#d7d3d9;font-size:14px;line-height:1.45;padding:10px 12px;min-width:0}
:root.mcpromo :is(input,select,textarea):focus{border-color:#b91520;box-shadow:0 0 0 3px #d7192214}
:root.mcpromo input:is([type="checkbox"],[type="radio"]){accent-color:#c71924;padding:0}
:root.mcpromo label{font-size:13px;font-weight:550;line-height:1.4;color:#49424b}
:root.mcpromo :is(.form-grid,.cw-fields){gap:20px}
:root.mcpromo :is(.table-panel,.desktop-orders-table){padding:0}
:root.mcpromo table{font-size:13px}
:root.mcpromo :is(th,td){padding:13px 14px;vertical-align:middle;border-color:#e9e6eb}
:root.mcpromo th{background:#f7f7f9;color:#6c6570;font-size:11px;letter-spacing:.025em;text-transform:none;font-weight:600}
:root.mcpromo tbody tr:hover{background:#fcfafb}
:root.mcpromo :is(.cw-table-wrap,.table-scroll,.table-wrap){max-width:100%;overflow:auto;border-radius:10px}
:root.mcpromo :is(.cw-tabs,.customer-tabs,.order-work-tabs,.analysis-tabs,.dashboard-tabs-r80,.interface-tabs-r100){display:flex;gap:14px;align-items:stretch;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0;margin:0 0 24px;overflow-x:auto;box-shadow:none}
:root.mcpromo :is(.cw-tabs,.customer-tabs,.order-work-tabs,.analysis-tabs,.dashboard-tabs-r80,.interface-tabs-r100)>a{flex:0 0 auto;padding:13px 10px;color:#655e69;font-size:13px;font-weight:600;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;box-shadow:none;text-decoration:none}
:root.mcpromo :is(.cw-tabs,.customer-tabs,.order-work-tabs,.analysis-tabs,.dashboard-tabs-r80,.interface-tabs-r100)>a:is([aria-current="page"],.active){border-bottom-color:#d71922;color:#b31520;background:transparent;box-shadow:none}
:root.mcpromo .crm-workspace:has(.crm-navigation-r100)>.crm-tabs{display:none}
:root.mcpromo .interface-subtabs-r100{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
:root.mcpromo .interface-subtabs-r100 a{padding:8px 12px;background:white;border:1px solid #e2dfe4;border-radius:7px;color:#655e69;font-size:13px;text-decoration:none}
:root.mcpromo .interface-subtabs-r100 a[aria-current="page"]{background:#1f1b20;color:white;border-color:#1f1b20}
:root.mcpromo .interface-subtabs-r100 span{font-size:11px;padding-left:5px}
:root.mcpromo .interface-help-r100{font-size:13px;color:#716c74;line-height:1.5}
:root.mcpromo .crm-r28-layout{display:block}
:root.mcpromo .crm-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:0 0 15px}
:root.mcpromo .crm-board-column{background:#edeef2;border:1px solid #e1dfe5;border-radius:12px;min-height:420px;overflow:visible}
:root.mcpromo .crm-board-column>header{background:transparent;color:#29222b;border-bottom:1px solid #dedbe1;padding:15px 12px;min-height:55px;border-radius:12px 12px 0 0}
:root.mcpromo .crm-board-column>header strong{font-size:13px;white-space:normal;line-height:1.4}
:root.mcpromo .crm-board-column>header b{background:transparent;color:#655e69;font-size:12px}
:root.mcpromo .crm-board-dot{display:none}
:root.mcpromo .crm-board-cards{padding:10px;gap:10px;min-height:280px}
:root.mcpromo .crm-board-card{background:white;border:1px solid #dedbe2;border-radius:9px;box-shadow:none;padding:14px}
:root.mcpromo .crm-board-card small{font-size:10px;line-height:1.5;color:#77707b}
:root.mcpromo .crm-board-card h4{font-size:15px;line-height:1.35;color:#211b24;margin:8px 0}
:root.mcpromo .crm-board-card p{font-size:13px;line-height:1.5;color:#554d5b;-webkit-line-clamp:3}
:root.mcpromo .crm-board-card>span{font-size:12px;color:#77707b}
:root.mcpromo .crm-board-open{font-size:12px;padding:13px;color:#a51520;border-radius:0 0 12px 12px}
:root.mcpromo .r86-board-move summary{font-size:12px;padding:8px 0;cursor:pointer}
:root.mcpromo .crm-board-column.is-drag-over .crm-board-cards{background:#fff0f2;outline-color:#d71922}
:root.mcpromo .crm-workspace[data-r100-list="1"] .crm-board{grid-template-columns:1fr}
:root.mcpromo .crm-workspace[data-r100-list="1"] .crm-board-column{min-height:0}
:root.mcpromo .crm-workspace[data-r100-list="1"] .crm-board-cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));min-height:0}
:root.mcpromo :is(.crm-filter-panel-r46,.cw-filter-more){background:#fff;border:1px solid var(--line);border-radius:9px;padding:13px 16px}
:root.mcpromo :is(.crm-filter-panel-r46,.cw-filter-more)>summary{font-size:13px;font-weight:600;cursor:pointer}
@media(min-width:1001px){:root.mcpromo .crm-filter-panel-r46{padding:0;border:0;background:transparent}}
:root.mcpromo :is(.crm-card,.sales-customer-card){border-radius:12px;border-color:#e2dfe5;box-shadow:none}
:root.mcpromo .cw-fields:has(.interface-field-group-r100){display:block}
:root.mcpromo .interface-field-group-r100{margin:0 0 16px;border:1px solid #e3dfe5;background:#fff;border-radius:10px;min-width:0}
:root.mcpromo .interface-field-group-r100>summary{font-size:15px;font-weight:650;padding:17px 20px;cursor:pointer}
:root.mcpromo .interface-field-grid-r100{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:4px 20px 22px}
:root.mcpromo .interface-field-grid-r100 .cw-wide{grid-column:1/-1}
:root.mcpromo :is(.cw-board,.cw-grid){gap:16px}
:root.mcpromo .cw-board>section{background:#edeef2;border:1px solid #e2dfe5;border-radius:10px;padding:14px}
:root.mcpromo .cw-board article{background:#fff;border:1px solid #dedbe2;border-radius:9px;padding:15px;margin-bottom:10px;box-shadow:none}
:root.mcpromo .cw-board article b{font-size:14px;line-height:1.4}
:root.mcpromo .cw-board article small{font-size:12px;line-height:1.5;margin:10px 0;display:block}
:root.mcpromo .cw-metrics article{padding:20px}
:root.mcpromo .cw-metrics article b{font-size:29px;line-height:1.2;color:#211c24}
:root.mcpromo .cw-metrics article span{font-size:13px;line-height:1.5;color:#77707b}
:root.mcpromo .calendar-event{border-radius:9px;font-size:13px;padding:13px}
:root.mcpromo .calendar-event-title{font-size:14px;line-height:1.4}
:root.mcpromo :is(.calendar-event-time,.calendar-event-note,.calendar-event>small){font-size:12px;line-height:1.5}
:root.mcpromo .calendar-day>header{font-size:13px;padding:12px 5px}
:root.mcpromo dialog{border-radius:14px;border:1px solid #dedbe2;box-shadow:0 20px 70px #1f1b2028}
:root.mcpromo :is(.dialog-panel,.modal-card){border-radius:14px}
:root.mcpromo :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #c71824;outline-offset:3px}
@media(min-width:1001px) and (max-width:1400px){:root.mcpromo .crm-board{grid-template-columns:repeat(5,minmax(190px,1fr));overflow-x:auto}:root.mcpromo .main-shell{padding:24px}}
@media(max-width:1000px){:root.mcpromo .main-shell{padding:20px 16px 90px}:root.mcpromo :is(.desktop-topbar,.desktop-utility-bar){padding:16px;min-height:0}:root.mcpromo .sidebar .nav-section-title{display:block}:root.mcpromo .crm-board{grid-template-columns:repeat(5,250px);overflow-x:auto}}
@media(max-width:640px){:root.mcpromo :is(.panel,.compact-panel){padding:17px}:root.mcpromo :is(.table-panel,.desktop-orders-table){padding:0}:root.mcpromo .crm-navigation-r100 .interface-tabs-r100{display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:visible}:root.mcpromo .interface-tabs-r100 a{text-align:center;white-space:normal}:root.mcpromo .crm-board{display:grid;grid-template-columns:1fr;overflow:visible}:root.mcpromo .crm-board-column{min-height:0}:root.mcpromo .crm-board-cards{min-height:60px}:root.mcpromo .interface-field-grid-r100{grid-template-columns:1fr;padding:4px 16px 18px}:root.mcpromo :is(input,select,textarea){font-size:16px}:root.mcpromo :is(.button,button[type="submit"]){min-height:42px}:root.mcpromo .calendar-event{padding:14px}:root.mcpromo .calendar-event-title{font-size:15px}}