/* Layout and design tokens taken from the approved navigable prototype. Official interface. */
:root.mcpromo{--red:#d71922;--ink:#23252b;--muted:#6b7079;--line:#e0e3e8;--bg:#f4f5f7;--sidebar:226px}
:root.mcpromo body.app-page{font:14px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif!important;color:#23252b;background:#f4f5f7!important}
:root.mcpromo .r101-only{display:block}
:root.mcpromo :is(.r101-merged-cell,[data-r101-inactive="1"]){display:none!important}
:root.mcpromo .sidebar{width:226px!important;background:#211c23!important;box-shadow:none!important}
:root.mcpromo .sidebar-brand{padding:22px 18px 16px!important}
:root.mcpromo .sidebar nav{padding:0 10px 16px!important}
:root.mcpromo .sidebar .nav-item{padding:10px!important;font-size:12px!important;min-height:36px!important;line-height:1.35!important;margin:2px 0!important;font-weight:500!important;border:0!important}
:root.mcpromo .sidebar .nav-item svg{width:16px!important;height:16px!important}
:root.mcpromo .sidebar .nav-item.active{background:#d71922!important;color:#fff!important;font-weight:650!important}
:root.mcpromo .sidebar .nav-section-title{font-size:9px!important;text-transform:none!important;letter-spacing:1px!important;color:#9c95a0!important;padding:17px 10px 7px!important;margin:0!important}
:root.mcpromo .sidebar input[type="search"]{background:#332d35!important;border:1px solid #49414c!important;color:white!important;min-height:34px!important;font-size:12px!important;margin-bottom:12px!important}
:root.mcpromo .sidebar-status{background:transparent!important;border:0!important;border-top:1px solid #413944!important;border-radius:0!important;box-shadow:none!important;padding:14px 18px!important;margin:0!important}
:root.mcpromo .sidebar-status strong{font-size:12px!important}
:root.mcpromo .sidebar-status small{font-size:10px!important}
:root.mcpromo .desktop-shell{margin-left:0!important}


:root.mcpromo :is(.desktop-topbar,.desktop-utility-bar){display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:16px!important;padding:20px 30px!important;min-height:116px!important;height:auto!important;grid-template-columns:none!important;background:#fff!important;box-shadow:none!important;border-bottom:1px solid #e0e3e8!important}
:root.mcpromo .desktop-page-heading{flex:1!important;min-width:220px!important;max-width:none!important;order:0!important;grid-column:auto!important}
:root.mcpromo .desktop-page-heading :is(h1,strong){font-size:25px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:-.5px!important;margin:0!important;color:#23252b!important}
:root.mcpromo .desktop-page-heading :is(span,p){font-size:12px!important;line-height:1.6!important;color:#6b7079!important;margin:5px 0 0!important}
:root.mcpromo .desktop-page-heading .portfolio-context{display:flex!important;gap:6px!important;padding:0!important;margin:0 0 6px!important;background:none!important;border:0!important}
:root.mcpromo .desktop-page-heading .portfolio-context strong{font-size:10px!important;letter-spacing:0!important;color:#626771!important}
:root.mcpromo .main-shell{width:100%!important;max-width:1570px!important;margin:0 auto!important;padding:26px 34px 70px!important}
:root.mcpromo .r101-secondary-heading>div:first-child{display:none!important}
:root.mcpromo .r101-secondary-heading{margin:0!important;padding:0!important;min-height:0!important;border:0!important}
:root.mcpromo :is(.panel,.dashboard-card,.stat-card,.cw-metrics article,.summary-card){background:#fff!important;border:1px solid #e0e3e8!important;border-radius:13px!important;box-shadow:none!important}
:root.mcpromo .panel{padding:22px!important;margin-bottom:20px!important}
:root.mcpromo :is(.panel.table-panel,.table-panel,.desktop-orders-table){padding:0!important;overflow:auto!important}
:root.mcpromo h2{font-size:20px!important;letter-spacing:-.3px!important;line-height:1.35!important}
:root.mcpromo h3{font-size:16px!important;line-height:1.4!important}
:root.mcpromo :is(.button,button[type="submit"]){min-height:42px!important;font:600 13px/1.4 system-ui!important;border-radius:9px!important;padding:9px 14px!important;box-shadow:none!important}
:root.mcpromo .button.primary{background:#d71922!important;border-color:#d71922!important;color:#fff!important}
:root.mcpromo .button.secondary{background:#fff!important;border-color:#d9dde3!important;color:#23252b!important}
:root.mcpromo :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="color"]),select,textarea){font:13px/1.5 system-ui!important;border:1px solid #d8dde4!important;border-radius:8px!important;min-height:42px!important;padding:10px 12px!important;background:#fff;color:inherit}
:root.mcpromo label{font-size:12px!important;font-weight:600!important;color:#646974!important;line-height:1.5!important}
:root.mcpromo :is(.table-scroll,.table-wrap,.cw-table-wrap){border-radius:12px!important;background:#fff}
:root.mcpromo table{width:100%;border-collapse:collapse!important;font-size:12px!important}
:root.mcpromo th{background:#fafafb!important;color:#777580!important;font-size:10px!important;letter-spacing:.6px!important;text-transform:uppercase!important;font-weight:650!important;padding:15px 16px!important;border:0!important}
:root.mcpromo td{padding:18px 16px!important;border-top:1px solid #e9ebee!important;line-height:1.6!important;vertical-align:middle!important;background:#fff!important}
:root.mcpromo td strong{font-size:13px!important;font-weight:650!important}
:root.mcpromo td small{font-size:11px!important;color:#6b7079!important;display:block;margin-top:4px}
:root.mcpromo :is(.badge,.pill){font-size:10px!important;line-height:1.4!important;border-radius:6px!important;padding:4px 8px!important;box-shadow:none!important}
:root.mcpromo :is(.r101-tabs,.cw-tabs,.invoice-tabs,.r86-section-tabs,.dashboard-tabs-r80,.interface-tabs-r100){display:flex!important;align-items:stretch!important;gap:15px!important;border:0!important;border-bottom:1px solid #e0e3e8!important;border-radius:0!important;background:transparent!important;padding:0!important;margin:0 0 22px!important;overflow-x:auto!important;box-shadow:none!important}
:root.mcpromo :is(.r101-tabs,.cw-tabs,.invoice-tabs,.r86-section-tabs,.dashboard-tabs-r80,.interface-tabs-r100)>:is(a,button){padding:12px 10px 14px!important;font:650 12px/1.4 system-ui!important;white-space:nowrap!important;color:#646975!important;border:0!important;border-bottom:3px solid transparent!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;flex:0 0 auto!important;min-height:44px!important}
:root.mcpromo :is(.r101-tabs,.cw-tabs,.invoice-tabs,.r86-section-tabs,.dashboard-tabs-r80,.interface-tabs-r100)>:is(.active,[aria-current="page"],[aria-selected="true"]){color:#b61a29!important;border-bottom-color:#d71922!important}
:root.mcpromo .r101-more{position:relative;margin-bottom:18px;border:1px solid #e0e3e8;border-radius:9px;background:#fff;max-width:100%}
:root.mcpromo .r101-more>summary{padding:10px 14px;font-size:12px;font-weight:600;cursor:pointer}
:root.mcpromo .r101-more[open]>:not(summary){padding:14px}
:root.mcpromo .desktop-topbar>.r101-more{margin:0}
:root.mcpromo .desktop-topbar>.r101-more[open]>.cw-actions{position:absolute;right:0;top:100%;z-index:35;min-width:250px;background:#fff;border:1px solid #e0e3e8;box-shadow:0 12px 35px #25202920;border-radius:10px}
:root.mcpromo .r101-top-controls{margin-bottom:20px}
:root.mcpromo .r101-top-controls .crm-header-search{display:flex!important;align-items:end!important;gap:12px!important;flex-wrap:wrap!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;width:100%!important;max-width:none!important}
:root.mcpromo .crm-header-query{flex:1!important;min-width:220px!important;border:0!important;padding:0!important;background:transparent!important}
:root.mcpromo .crm-header-query>span{display:none!important}
:root.mcpromo .crm-header-query input{width:100%!important}
:root.mcpromo .crm-header-filter{min-width:160px!important;flex:0 1 190px!important}
:root.mcpromo .crm-header-filter-form>.r101-more{margin:0;min-width:160px}
:root.mcpromo .crm-header-filter-form>.r101-more[open]{flex-basis:100%;order:9}
:root.mcpromo .crm-header-filter-form>.r101-more[open] label{display:inline-flex;flex-direction:column;width:30%;gap:7px}
:root.mcpromo .crm-header-apply{background:#d71922!important;color:#fff!important;min-height:42px!important;padding:9px 14px!important;border-radius:9px!important}
:root.mcpromo .crm-scope-toggle{background:transparent!important;border:0!important;box-shadow:none!important;gap:8px!important;padding:0!important;margin-bottom:15px}
:root.mcpromo .crm-scope-toggle a{font-size:11px!important;padding:7px 12px!important;border:1px solid transparent!important;color:#626771!important;background:transparent!important;border-radius:7px!important;box-shadow:none!important}
:root.mcpromo .crm-scope-toggle a[aria-current="page"]{background:#fff!important;border-color:#dce0e5!important;color:#25222b!important}
:root.mcpromo .r101-filter-panel{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
:root.mcpromo .r101-filter-panel .panel-heading{display:none!important}
:root.mcpromo .r101-filter-panel form{display:flex!important;align-items:end!important;gap:12px!important;flex-wrap:wrap!important}
:root.mcpromo .r101-filter-panel label:first-of-type{flex:1;min-width:220px}
:root.mcpromo .r101-filter-panel label{flex:0 1 180px}
:root.mcpromo .r101-filter-panel .form-actions{margin:0!important;padding:0!important;border:0!important;gap:8px}
:root.mcpromo .deadline-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0!important}
:root.mcpromo .deadline-summary-card{padding:12px!important;border-radius:8px!important;box-shadow:none!important;min-height:60px!important}
:root.mcpromo .deadline-summary-card span{font-size:10px!important}
:root.mcpromo .deadline-summary-card strong{font-size:20px!important}
:root.mcpromo .deadline-table td:first-child{font-size:13px;font-weight:650;min-width:180px}
:root.mcpromo .r101-customer-order{font-weight:400;font-size:11px;margin-top:5px;color:#777580}
:root.mcpromo .deadline-table td:last-of-type .button{padding:0!important;border:0!important;background:transparent!important;color:#b21827!important;font-size:12px!important}
:root.mcpromo .cw-workspace{max-width:none!important;padding:0!important}
:root.mcpromo .cw-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin:0 0 22px!important}
:root.mcpromo .cw-metrics article{padding:18px 20px!important;display:flex;flex-direction:column-reverse;gap:8px}
:root.mcpromo .cw-metrics article b{font-size:27px!important;letter-spacing:-.6px}
:root.mcpromo .cw-metrics article span{font-size:12px!important}
:root.mcpromo .cw-search-filters{background:transparent!important;border:0!important;padding:0!important;gap:12px!important;margin-bottom:20px!important}
:root.mcpromo .cw-filter-more{padding:0!important;margin:0!important;border-radius:8px!important}
:root.mcpromo .cw-filter-more>summary{padding:11px 14px!important}
:root.mcpromo .r101-data-list{background:#fff!important;border:1px solid #e0e3e8!important;border-radius:12px!important;overflow:hidden!important;margin:16px 0!important;gap:0!important}
:root.mcpromo :is(.r101-list-head,.r101-data-list>.cw-row){display:grid!important;grid-template-columns:2fr 1.4fr 1fr;gap:20px!important;align-items:center!important;padding:18px 16px!important;border:0!important;border-top:1px solid #e9ebee!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;margin:0!important;font-size:12px!important}
:root.mcpromo [data-columns="4"]>:is(.r101-list-head,.cw-row){grid-template-columns:2fr 1.4fr 1fr 1fr!important}
:root.mcpromo [data-columns="5"]>:is(.r101-list-head,.cw-row){grid-template-columns:2fr 1.4fr 1fr .6fr 1fr!important}
:root.mcpromo .r101-data-list>.r101-list-head{background:#fafafb!important;color:#777580!important;border-top:0!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.6px;padding:15px 16px!important}
:root.mcpromo .r101-data-list>.cw-row>strong{font-size:13px!important}
:root.mcpromo .r101-data-list>.cw-row:hover{background:#fafafb!important}
:root.mcpromo .crm-board-column{padding:12px!important;background:#eef0f3!important;border:0!important;min-height:370px!important;border-radius:11px!important}
:root.mcpromo .crm-board-column>header{padding:4px 2px 16px!important;border:0!important;min-height:0!important}
:root.mcpromo .crm-board-column>header strong{font-size:12px!important;color:#656a75!important}
:root.mcpromo .crm-board-cards{padding:0!important;gap:12px!important;max-height:none!important;overflow:visible!important}
:root.mcpromo .crm-board-card{padding:15px!important;margin:0 0 12px!important;border:1px solid #dee2e7!important;box-shadow:0 2px 4px #00000003!important;border-radius:9px!important}
:root.mcpromo .crm-board-card h4{font-size:14px!important;line-height:1.4!important;margin:8px 0 10px!important}
:root.mcpromo .crm-board-card p{font-size:12px!important;line-height:1.6!important}
:root.mcpromo :is(.customer-hero,.customer-hero-r79,.order-hero-r79){background:#fff!important;border:1px solid #e0e3e8!important;border-top:4px solid #d71922!important;border-radius:14px!important;box-shadow:none!important;padding:25px!important}
:root.mcpromo :is(.customer-tabs,.order-work-tabs){background:#fff!important;border:1px solid #e0e3e8!important;border-radius:12px!important;padding:5px!important;gap:0!important}
:root.mcpromo :is(.customer-tabs,.order-work-tabs)>a{border:0!important;border-radius:8px!important;padding:13px 16px!important;font-size:12px!important;flex:1!important;text-align:center}
:root.mcpromo :is(.customer-tabs,.order-work-tabs)>a:is(.active,[aria-current="page"]){background:#fff1f3!important;color:#bc1b2b!important}
@media(min-width:1700px){:root.mcpromo .main-shell{padding-left:48px!important;padding-right:48px!important}}
@media(max-width:1100px){:root.mcpromo .main-shell{padding:22px!important}:root.mcpromo .deadline-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1000px){:root.mcpromo .desktop-shell{margin-left:0!important}:root.mcpromo .desktop-topbar,:root.mcpromo .desktop-utility-bar{display:none!important}:root.mcpromo .r101-secondary-heading>div:first-child{display:block!important}:root.mcpromo .r101-secondary-heading{margin-bottom:20px!important}:root.mcpromo .r101-top-controls .crm-header-search{display:none!important}}
@media(max-width:640px){:root.mcpromo .main-shell{padding:18px 14px 90px!important}:root.mcpromo .cw-metrics{grid-template-columns:1fr!important}:root.mcpromo :is(.panel,.compact-panel){padding:17px!important}:root.mcpromo .r101-filter-panel{padding:0!important}:root.mcpromo .r101-filter-panel label{flex:1 1 100%}:root.mcpromo .deadline-summary-grid{grid-template-columns:1fr 1fr!important}:root.mcpromo .r101-data-list>.r101-list-head{display:none!important}:root.mcpromo .r101-data-list>.cw-row{display:flex!important;flex-direction:column!important;align-items:start!important;gap:5px!important}:root.mcpromo .interface-tabs-r100{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important}:root.mcpromo :is(input,select,textarea){font-size:16px!important}:root.mcpromo .crm-board-column{min-height:0!important}:root.mcpromo .crm-board-card h4{font-size:16px!important}}

@media(max-width:1000px){:root.mcpromo .desktop-topbar,:root.mcpromo .desktop-utility-bar:has(.r101-heading){display:flex!important;padding:18px 16px!important;min-height:108px!important}:root.mcpromo .desktop-page-heading :is(h1,strong){font-size:22px!important}:root.mcpromo .desktop-topbar>.global-notification-button{display:none!important}:root.mcpromo .r101-secondary-heading>div:first-child{display:none!important}}

:root.mcpromo body.app-page{padding-left:226px!important}
:root.mcpromo .r101-tabs a{text-decoration:none!important}
:root.mcpromo .panel.r101-filter-panel{background:transparent!important;border:0!important;border-radius:0!important}
@media(max-width:1000px){:root.mcpromo body.app-page{padding-left:0!important}}

:root.mcpromo .cw-search-filters{display:flex!important;align-items:end!important;flex-wrap:wrap!important;grid-template-columns:none!important}
:root.mcpromo .cw-search-filters>.cw-filter-primary:first-child{flex:1 1 280px!important}
:root.mcpromo .cw-search-filters>.cw-filter-primary{flex:0 1 220px!important}
:root.mcpromo .cw-search-filters>.cw-filter-more{flex:0 0 auto!important;width:auto!important;grid-column:auto!important;border:1px solid #e0e3e8!important;background:#fff!important}
:root.mcpromo .cw-search-filters>.cw-filter-more[open]{flex-basis:100%!important;order:9}
:root.mcpromo .cw-search-filters>button{width:auto!important;flex:0 0 auto!important}
:root.mcpromo .desktop-topbar .r101-more[open]>.cw-actions{position:static!important;box-shadow:none!important;border:0!important;margin:0!important}
:root.mcpromo .desktop-topbar .r101-more[open]{min-width:240px}
:root.mcpromo .crm-scope-toggle{margin:0 0 12px!important}
:root.mcpromo .cw-workspace>.cw-heading{margin:0!important}
@media(max-width:1000px){:root.mcpromo .desktop-topbar.is-calendar>:not(.desktop-page-heading){display:none!important}}

:root.mcpromo .cw-needs fieldset>label{display:inline-flex!important;align-items:center;gap:5px;margin:6px 12px 6px 0!important;font-size:11px!important}
:root.mcpromo .cw-needs fieldset{padding:12px 16px!important}

:root.mcpromo .crm-action-card{border:1px solid #e0e3e8!important;border-radius:13px!important;box-shadow:none!important;background:#fff!important}
:root.mcpromo .crm-action-card>strong{color:#23252b!important}
:root.mcpromo .crm-action-card.is-danger>strong{color:#b31b2b!important}

:root.mcpromo .integration-hero{background:#fff!important;border:1px solid #e0e3e8!important;border-radius:13px!important;padding:20px 22px!important;color:#23252b!important}
:root.mcpromo .integration-hero h1{font-size:20px!important;color:#23252b!important}
:root.mcpromo .integration-hero p{font-size:12px!important;color:#6b7079!important}
:root.mcpromo .integration-hero-icon{display:none!important}