:root{--cpps-safe-top:env(safe-area-inset-top,0px)}
/* Six layouts, responsive across all apps. Native dialogs retain keyboard focus. */
@media screen{
.cpps-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cpps-nav-tools{display:flex;align-items:center;gap:6px;flex:none}.cpps-nav-tools button{background:transparent;color:var(--cpps-ink);border:1px solid var(--cpps-line);width:42px;height:42px;padding:10px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.cpps-nav-tools svg,#cpps-floating-menu svg{width:21px;height:21px;flex:none}.cpps-nav-tools [data-cpps-menu]{display:none}
.cpps-rail-symbol{display:none!important}
body[data-cpps-module] :is(.topbar,.workspace>header){gap:12px;min-width:0;height:auto;min-height:72px;flex-wrap:wrap}
body[data-cpps-module] :is(.topbar,.workspace>header)>.cpps-nav-tools{margin-right:0}
body[data-cpps-module] :is(.topbar,.workspace>header)>:is(.breadcrumb,.topbar-title,.page-mark){flex:1;min-width:0}
#cpps-floating-menu{display:none;position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:40;align-items:center;gap:10px;min-height:48px;padding:12px 18px;border:0;border-radius:30px;background:var(--cpps-accent,#00838f);color:white;box-shadow:0 5px 22px #123b5740;font:600 14px system-ui;cursor:pointer}
html:is([data-cpps-navigation=home],[data-cpps-navigation=floating],[data-cpps-navigation=focus]) body[data-cpps-module] .cpps-navigation{display:none!important}
html:is([data-cpps-navigation=home],[data-cpps-navigation=floating],[data-cpps-navigation=focus],[data-cpps-navigation=rail]) body[data-cpps-module] #app>.shell{display:block}
html:is([data-cpps-navigation=home],[data-cpps-navigation=floating],[data-cpps-navigation=focus]) body[data-cpps-module] :is(.shell,.workspace){margin-left:0!important;min-width:0}
html:is([data-cpps-navigation=home],[data-cpps-navigation=floating],[data-cpps-navigation=focus]) body[data-cpps-module=hub] #app>.shell>.main{margin-left:0!important}
html:is([data-cpps-navigation=home],[data-cpps-navigation=floating],[data-cpps-navigation=focus]) .cpps-nav-tools [data-cpps-menu]{display:inline-flex}
html[data-cpps-navigation=floating] #cpps-floating-menu{display:flex}
html[data-cpps-navigation=floating] body[data-cpps-module] :is(#content,#main){padding-bottom:95px}
html[data-cpps-navigation=focus] body[data-cpps-module] :is(#content,#main){max-width:1100px;margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box}
html[data-cpps-navigation=home] #module-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr))!important;gap:20px}
html[data-cpps-navigation=home] #module-grid>.module-card{display:flex!important;align-items:stretch;min-height:250px;padding:25px!important}
html[data-cpps-navigation=home] #module-grid .module-top{margin-bottom:20px!important}html[data-cpps-navigation=home] #module-grid .module-meta{text-align:left!important;margin-top:auto!important}
html[data-cpps-navigation=rail] body[data-cpps-module] .cpps-navigation{display:flex!important;position:fixed!important;inset:0 auto 0 0!important;width:84px!important;height:100dvh;padding:14px 10px!important;overflow:auto;flex-direction:column;z-index:25}
html[data-cpps-navigation=rail] body[data-cpps-module] :is(.shell,.workspace){margin-left:84px!important;min-width:0}
html[data-cpps-navigation=rail] body[data-cpps-module=hub] #app>.shell{margin-left:0!important}
html[data-cpps-navigation=rail] body[data-cpps-module=hub] #app>.shell>.main{margin-left:84px!important}
html[data-cpps-navigation=rail] .cpps-navigation :is(.brand,.side-brand,.side-rule,.sidebar-logo,.sidebar-footer,.side-foot,.sidebar-bottom,.project-name,.project-subtitle,.brand-module,.nav-label,.nav-caption,.eyebrow,small,.hub-link){display:none!important}
html[data-cpps-navigation=rail] .cpps-navigation nav{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;width:100%;overflow:visible;min-width:0}
html[data-cpps-navigation=rail] .cpps-navigation nav a{display:flex!important;justify-content:center;align-items:center;position:relative;width:60px!important;min-height:48px!important;padding:10px!important;margin:0!important;font-size:0!important;border-radius:10px;gap:0}
html[data-cpps-navigation=rail] .cpps-navigation nav a>*{display:none!important}
html[data-cpps-navigation=rail] .cpps-navigation nav a>.cpps-rail-symbol{display:inline!important;font:600 13px system-ui;letter-spacing:.5px}
/* The original app navigation sits inside the dialog only while open. */
#cpps-navigation-drawer,#cpps-app-launcher{padding:0;border:1px solid var(--cpps-line);border-radius:16px;background:#fff;color:var(--cpps-ink);box-shadow:0 15px 60px #123b5740;max-height:calc(100dvh - 24px);box-sizing:border-box}
#cpps-navigation-drawer{position:fixed;inset:12px auto 12px 12px;margin:0;width:310px;max-width:calc(100vw - 24px);height:calc(100dvh - 24px);overflow:auto}
#cpps-navigation-drawer::backdrop,#cpps-app-launcher::backdrop{background:#102e4355}
.cpps-drawer-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 20px;border-bottom:1px solid var(--cpps-line);background:#fff;position:sticky;top:0;z-index:2}
.cpps-drawer-heading h2{font:700 19px system-ui;margin:0}.cpps-drawer-heading button{border:1px solid var(--cpps-line);border-radius:9px;background:white;color:var(--cpps-ink);font-size:22px;width:40px;height:40px;cursor:pointer}
html[data-cpps-navigation] body[data-cpps-module] #cpps-navigation-drawer>.cpps-navigation{display:flex!important;position:relative!important;inset:auto!important;margin:0!important;width:100%!important;max-width:none!important;height:auto!important;min-height:calc(100% - 74px);flex-direction:column!important;overflow:visible;padding:20px!important;box-sizing:border-box;background:var(--cpps-nav);color:var(--cpps-nav-ink)}
html[data-cpps-navigation] #cpps-navigation-drawer .cpps-navigation nav{display:flex!important;flex-direction:column!important;flex:initial!important;gap:7px;white-space:normal;overflow:visible;width:100%;margin:0;padding:0}
html[data-cpps-navigation] #cpps-navigation-drawer .cpps-navigation nav a{display:flex!important;align-items:center;gap:10px;width:100%!important;min-height:46px;white-space:normal;padding:11px 12px!important;font-size:14px!important;box-sizing:border-box}
html[data-cpps-navigation] #cpps-navigation-drawer .cpps-navigation nav a>span:not(.cpps-rail-symbol):not([hidden]){display:inline!important}
html[data-cpps-navigation] #cpps-navigation-drawer .cpps-navigation .cpps-rail-symbol{display:none!important}
#cpps-app-launcher{width:640px;max-width:calc(100vw - 24px);padding-bottom:18px}#cpps-app-launcher>p{padding:15px 20px}.cpps-launcher-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px}.cpps-launcher-grid a{display:flex;flex-direction:column;gap:8px;text-decoration:none;padding:18px;border:1px solid var(--cpps-line);border-radius:14px;color:var(--cpps-ink);background:var(--cpps-bg);min-width:0}.cpps-launcher-grid :is(img,svg){width:48px;height:48px;object-fit:contain}.cpps-launcher-grid strong{font-size:14px}.cpps-launcher-grid small{font-size:12px;color:var(--cpps-muted);overflow-wrap:anywhere}
/* Reference-inspired layout cards: selectable, readable and keyboard operable. */
#cpps-appearance-dialog{width:950px;max-width:calc(100vw - 24px);box-sizing:border-box}
#cpps-appearance-dialog>form{display:block!important}#cpps-navigation-settings{margin:24px 0}.cpps-layout-choice-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.cpps-layout-choice-heading h3{font-size:20px;margin:0}.cpps-layout-choice-heading p{font-size:13px!important;margin:5px 0 15px!important}.cpps-layout-choice-heading label{display:grid;gap:4px;font-size:11px}.cpps-layout-choice-heading select{padding:9px;border:1px solid var(--cpps-line);border-radius:8px;background:white;color:var(--cpps-ink)}
.cpps-layout-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;border:0;margin:0}.cpps-layout-card{position:relative;border:1px solid var(--cpps-line);border-radius:14px;background:#fff;padding:14px;display:flex;flex-direction:column;gap:7px;cursor:pointer;min-width:0;color:var(--cpps-ink)}.cpps-layout-card:has(input:checked){outline:2px solid var(--cpps-accent);outline-offset:-1px;background:var(--cpps-bg)}.cpps-layout-card:focus-within{box-shadow:0 0 0 3px #008b9633}.cpps-layout-card>input{position:absolute;z-index:1;top:12px;right:12px;width:16px;height:16px;margin:0;accent-color:var(--cpps-accent)}.cpps-layout-card>strong{font-size:13px}.cpps-layout-card>span:last-child{font-size:12px;line-height:1.5;color:var(--cpps-muted)}
.cpps-layout-illustration{pointer-events:none;position:relative;height:84px;background:#f1f5f9;border:1px solid #d9e3ec;border-radius:7px;display:block;margin-bottom:5px}.cpps-layout-illustration i{position:absolute;left:6px;top:6px;bottom:6px;width:22%;border-radius:3px;background:#c6d8e2}.cpps-layout-illustration b{position:absolute;left:29%;right:6px;top:6px;height:12px;background:#d8e4ec;border-radius:3px}.cpps-layout-illustration em{position:absolute;left:29%;right:6px;top:23px;bottom:6px;background:white;border-radius:3px}.cpps-layout-illustration u{position:absolute;left:34%;right:12px;top:32px;height:5px;background:#e7eef3;box-shadow:0 11px #e7eef3,0 22px #e7eef3;border-radius:3px}
.cpps-layout-top i{left:6px;right:6px;top:6px;width:auto;height:13px;bottom:auto}.cpps-layout-top b{display:none}.cpps-layout-top em{left:6px;top:24px}.cpps-layout-top u{left:13px;top:31px}.cpps-layout-rail i{width:9%}.cpps-layout-rail :is(b,em){left:15%}.cpps-layout-rail u{left:21%}
.cpps-layout-focus i,.cpps-layout-floating i,.cpps-layout-home i{display:none}.cpps-layout-floating b,.cpps-layout-home b{left:6px}.cpps-layout-floating em{left:6px}.cpps-layout-floating u{left:auto;width:22px;right:9px;top:auto;bottom:10px;height:14px;border-radius:12px;background:#88b6c4;box-shadow:none}.cpps-layout-focus b{left:6px}.cpps-layout-focus em{left:22%;right:22%}.cpps-layout-focus u{left:26%;right:26%}.cpps-layout-home em{left:8px;top:25px;right:auto;width:29%;bottom:7px;box-shadow:calc(100% + 5px) 0 white}.cpps-layout-home u{left:41%;top:25px;width:25%;height:45px;box-shadow:35px 0 white;background:white}
.cpps-layout-tip{font-size:12px!important;color:var(--cpps-muted)}#cpps-appearance-dialog .cpps-arrangement{margin-top:24px;padding:20px 0 0;border-left:0;border-top:1px solid var(--cpps-line)}#cpps-appearance-dialog .cpps-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cpps-appearance-button:after{content:none!important}
@media(max-width:760px){
 .cpps-layout-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cpps-layout-card{padding:12px}.cpps-layout-card>strong{font-size:12px}.cpps-layout-card>span:last-child{font-size:11px}.cpps-layout-illustration{height:70px}.cpps-layout-choice-heading h3{font-size:18px}
 body[data-cpps-module] :is(.topbar,.workspace>header){display:flex!important;flex-wrap:wrap!important;position:relative;top:0;padding:10px!important;gap:7px!important;min-height:64px}
 body[data-cpps-module] :is(.topbar,.workspace>header)>:is(.row,.userchip){display:none!important}
 body[data-cpps-module] :is(.topbar,.workspace>header)>:is(.local-chip,#identity){display:none!important}
 body[data-cpps-module] :is(.topbar-logo,.page-mark>.hub-brand-lockup){max-width:92px!important;width:92px!important;height:auto!important}
 body[data-cpps-module] .topbar-title>span,body[data-cpps-module] .page-mark h2{font-size:12px}
 body[data-cpps-module] .topbar-title{gap:6px!important}body[data-cpps-module=rtu] .breadcrumb{font-size:12px}body[data-cpps-module=rtu] .breadcrumb .top-hub-link,body[data-cpps-module=rtu] .breadcrumb>span{display:none}
 body[data-cpps-module=torishima] .workspace>header>strong{flex:1;font-size:12px}
 .cpps-nav-tools{gap:4px}.cpps-nav-tools button{width:36px;height:40px;padding:8px}.cpps-nav-tools [data-cpps-menu]{display:inline-flex}
 body[data-cpps-module] .cpps-appearance-button,body[data-cpps-module] .cpps-notice-bell{width:38px;height:40px;padding:8px;min-height:40px}
 body[data-cpps-module] .cpps-appearance-button>span{display:none}
 html[data-cpps-navigation] body[data-cpps-module=rtu] :is(.mobile-topline,.mobile-bottom){display:none!important}
 html[data-cpps-navigation] body[data-cpps-module=rtu] .workspace{padding-bottom:0}
 html[data-cpps-navigation=side] body[data-cpps-module] .cpps-navigation{display:none!important}
 html[data-cpps-navigation=side] body[data-cpps-module] :is(.shell,.workspace){margin-left:0!important}
 html[data-cpps-navigation=side] body[data-cpps-module] #app>.shell{display:block}
 html[data-cpps-navigation=side] body[data-cpps-module=hub] #app>.shell>.main{margin-left:0!important}
 html[data-cpps-navigation=rail] body[data-cpps-module] .cpps-navigation{width:62px!important;padding:10px 5px!important}
 html[data-cpps-navigation=rail] .cpps-navigation nav a{width:50px!important;padding:8px!important}
 html[data-cpps-navigation=rail] body[data-cpps-module] :is(.shell,.workspace),html[data-cpps-navigation=rail] body[data-cpps-module=hub] #app>.shell>.main{margin-left:62px!important}
 html[data-cpps-navigation=rail] body[data-cpps-module=hub] #app>.shell{margin-left:0!important}
 html[data-cpps-navigation=top] body[data-cpps-module] .cpps-navigation{padding:8px 10px!important;gap:0!important}
 html[data-cpps-navigation=top] .cpps-navigation>:not(nav){display:none!important}
 html[data-cpps-navigation=top] .cpps-navigation nav{flex-basis:100%!important;overflow-x:auto!important}
 html[data-cpps-navigation=top] .cpps-navigation nav a{padding:8px 12px!important;min-height:42px!important}
 #cpps-floating-menu{right:14px;bottom:calc(14px + env(safe-area-inset-bottom))}
}
}
@media print{.cpps-nav-tools,#cpps-floating-menu,#cpps-navigation-drawer,#cpps-app-launcher{display:none!important}}

@media screen {
html[data-cpps-navigation=rail] body[data-cpps-module=villa] #app>.shell{margin-left:0!important}
@media(max-width:760px){
body[data-cpps-module=villa] .topbar .top-brand{flex:1;min-width:0}
body[data-cpps-module=villa] .topbar .top-brand img,body[data-cpps-module=villa] .topbar .title-stack span{display:none}
body[data-cpps-module=villa] .topbar .title-stack strong{font-size:12px}
body[data-cpps-module=villa] .hero-actions{flex-wrap:wrap}
body[data-cpps-module=villa] .hero-topline{flex-wrap:wrap}
body[data-cpps-module=villa] .hero-title-row{gap:10px;flex-wrap:wrap}
body[data-cpps-module=villa] .hero-content{padding:20px}
body[data-cpps-module=villa] .grid-2.equal{grid-template-columns:minmax(0,1fr)}
html[data-cpps-navigation=rail] body[data-cpps-module=villa] .dashboard-kpis{grid-template-columns:minmax(0,1fr)}
}
}

@media screen and (max-width:760px){
body[data-cpps-module] .topbar>:is(.row,.userchip){display:flex!important;flex:0 0 auto;gap:0}
body[data-cpps-module] .topbar>:is(.row,.userchip)>:not(button){display:none!important}
body[data-cpps-module] .topbar>:is(.row,.userchip)>button{min-height:40px;margin:0;padding:6px 8px}
body[data-cpps-module=villa] .topbar>.top-actions{display:none}
}

/* r60: keep navigation and the module header visible without covering content. */
@media screen {
html[data-cpps-navigation] {scroll-padding-top:calc(var(--cpps-nav-height,0px) + var(--cpps-header-height,72px) + 12px)}
html[data-cpps-navigation] body[data-cpps-module] :is(.topbar,.workspace>header) {position:sticky!important;top:var(--cpps-nav-height,0px)!important;z-index:40;background:#fff}
html[data-cpps-navigation=top] body[data-cpps-module] .cpps-navigation:not(#cpps-navigation-drawer>.cpps-navigation) {position:sticky!important;top:0!important;z-index:45;align-self:start}
body[data-cpps-module=rtu] .rtu-team-toolbar {display:flex;align-items:center;gap:14px;min-width:0}
body[data-cpps-module=rtu] .rtu-team-toolbar>.btn {flex:0 0 auto;white-space:nowrap}
body[data-cpps-module=rtu] .rtu-team-toolbar>.workflow-counters {flex:1;min-width:0;margin:0;padding:10px 14px;line-height:1.5;font-size:13px}
body[data-cpps-module=rtu] .workflow-counters>.small {display:block;font-size:12px}
@media(max-width:760px){
 html[data-cpps-navigation] body[data-cpps-module] :is(.topbar,.workspace>header) {flex-direction:row!important;align-items:center!important}
 html[data-cpps-navigation=top] body[data-cpps-module] .cpps-navigation>:is(.brand,.side-brand,.sidebar-logo) {display:block!important;flex:0 0 90px!important;width:90px!important;max-width:90px!important;margin-right:10px!important}
 html[data-cpps-navigation=top] body[data-cpps-module] .cpps-navigation .cpps-nav-brand {width:90px!important;max-width:90px!important}
 html[data-cpps-navigation=top] body[data-cpps-module] .cpps-navigation nav {flex:1 1 0!important;order:0!important;width:0}
 body[data-cpps-module=rtu] .rtu-team-toolbar {flex-wrap:wrap;gap:8px}
 body[data-cpps-module=rtu] .rtu-team-toolbar>.workflow-counters {flex-basis:100%;padding:9px 11px}
}
}

/* r61: compact phone chrome. Account controls remain in the navigation drawer. */
.cpps-safe-probe{position:fixed;visibility:hidden;pointer-events:none;left:0;top:0;width:0;height:0;padding-top:var(--cpps-safe-top,0px)}
.cpps-phone-brand{display:none}
#cpps-navigation-drawer>.cpps-menu-account{display:flex!important;gap:10px;flex-wrap:wrap;align-items:center;padding:14px 20px;background:var(--cpps-soft);color:var(--cpps-ink);font-size:13px;overflow-wrap:anywhere}
#cpps-navigation-drawer>.cpps-menu-account a,#cpps-navigation-drawer>.cpps-menu-account button{min-height:40px;max-width:100%}
@media screen {
html[data-cpps-phone=true] body[data-cpps-module] :is(.topbar,.workspace>header){box-sizing:border-box;display:flex!important;flex-flow:row nowrap!important;align-items:center!important;gap:4px!important;padding:6px!important;height:56px!important;min-height:56px!important;max-height:56px!important;overflow:visible}
html[data-cpps-phone=true] body[data-cpps-module] :is(.topbar,.workspace>header)>:not(.cpps-nav-tools):not(.cpps-phone-brand):not(.cpps-appearance-button):not(.cpps-notice-bell):not(.phone79-account):not(.cpps-developer-button){display:none!important}
html[data-cpps-phone=true] body[data-cpps-module] .cpps-nav-tools{display:flex!important;order:0;flex:0 0 auto;gap:2px}
html[data-cpps-phone=true] body[data-cpps-module] .cpps-nav-tools button{width:44px;height:44px;padding:10px;display:inline-flex;flex-shrink:0}
html[data-cpps-phone=true] body[data-cpps-module] .cpps-phone-brand{display:flex;order:1;flex:1 1 0;min-width:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;color:var(--cpps-ink);text-decoration:none;max-height:44px;overflow:hidden}
html[data-cpps-phone=true] .cpps-phone-brand img{width:90px;max-width:100%;height:22px;object-fit:contain;object-position:left center}
html[data-cpps-phone=true] .cpps-phone-brand span{display:block;font-size:10px;line-height:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-cpps-phone=true] body[data-cpps-module] :is(.cpps-appearance-button,.cpps-notice-bell){order:2;flex:0 0 44px!important;min-width:44px;width:44px;height:44px;min-height:44px;padding:10px;margin:0}
html[data-cpps-phone=true] body[data-cpps-module] .cpps-notice-bell{order:3}
html[data-cpps-phone=true] body[data-cpps-module] .cpps-appearance-button>span{display:none!important}
html[data-cpps-phone=true] .cpps-notice-count{top:-2px;right:-1px}
html[data-cpps-phone=true][data-cpps-navigation=top] body[data-cpps-module] .cpps-navigation:not(#cpps-navigation-drawer>.cpps-navigation){box-sizing:border-box;flex-wrap:nowrap!important;height:calc(42px + var(--cpps-safe-top,0px))!important;min-height:0!important;padding:var(--cpps-safe-top,0px) 6px 0!important;gap:0!important;overflow:hidden!important}
html[data-cpps-phone=true][data-cpps-navigation=top] body[data-cpps-module] .cpps-navigation:not(#cpps-navigation-drawer>.cpps-navigation)>:not(nav){display:none!important}
html[data-cpps-phone=true][data-cpps-navigation=top] body[data-cpps-module] .cpps-navigation:not(#cpps-navigation-drawer>.cpps-navigation)>nav{display:flex!important;flex-flow:row nowrap!important;flex:1 1 0!important;min-width:0;width:0!important;max-width:100%;height:41px!important;margin:0!important;padding:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;gap:3px!important}
html[data-cpps-phone=true][data-cpps-navigation=top] body[data-cpps-module] .cpps-navigation:not(#cpps-navigation-drawer>.cpps-navigation)>nav::-webkit-scrollbar{display:none}
html[data-cpps-phone=true][data-cpps-navigation=top] body[data-cpps-module] .cpps-navigation:not(#cpps-navigation-drawer>.cpps-navigation)>nav>a{flex:0 0 auto!important;box-sizing:border-box;min-height:40px!important;height:40px!important;padding:8px 11px!important;margin:0!important;font-size:12px!important;white-space:nowrap!important}
html[data-cpps-phone=true][data-cpps-phone-short=true][data-cpps-navigation=top] body[data-cpps-module] .cpps-navigation:not(#cpps-navigation-drawer>.cpps-navigation){display:none!important}
html[data-cpps-phone=true]:not([data-cpps-navigation=top]) body[data-cpps-module] :is(.topbar,.workspace>header),html[data-cpps-phone=true][data-cpps-phone-short=true] body[data-cpps-module] :is(.topbar,.workspace>header){padding-top:calc(6px + var(--cpps-safe-top,0px))!important;height:calc(56px + var(--cpps-safe-top,0px))!important;min-height:calc(56px + var(--cpps-safe-top,0px))!important;max-height:calc(56px + var(--cpps-safe-top,0px))!important}
html[data-cpps-phone=true][data-cpps-navigation=side] body[data-cpps-module] .cpps-navigation:not(#cpps-navigation-drawer>.cpps-navigation){display:none!important}
html[data-cpps-phone=true][data-cpps-navigation=side] body[data-cpps-module] :is(.shell,.workspace),html[data-cpps-phone=true][data-cpps-navigation=side] body[data-cpps-module=hub] #app>.shell>.main{margin-left:0!important}
html[data-cpps-phone=true][data-cpps-navigation=side] body[data-cpps-module] #app>.shell{display:block}
html[data-cpps-phone=true] body[data-cpps-module=hub] .hub-head{padding:10px 12px;gap:8px}
html[data-cpps-phone=true] body[data-cpps-module=hub] .hub-head .hub-lead{font-size:12px}
html[data-cpps-phone=true] body[data-cpps-module=villa] .dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-cpps-phone=true] body[data-cpps-module=villa] .dash-kpi{min-width:0}
html[data-cpps-phone=true] body[data-cpps-module=villa] .dash-copy{overflow-wrap:anywhere}
}
@media print{.cpps-phone-brand,.cpps-safe-probe{display:none!important}}
/* r63: device-specific choices, with preview shapes that match the selected screen. */
#cpps-appearance-dialog .cpps-appearance-intro{margin:8px 0 16px;font-size:14px}
#cpps-appearance-dialog .cpps-device-tabs{display:flex;gap:6px;padding:5px;border-radius:12px;background:var(--cpps-bg);border:1px solid var(--cpps-line)}
body[data-cpps-module] #cpps-appearance-dialog .cpps-device-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;min-height:44px;border:0;background:transparent;font-size:14px}
body[data-cpps-module] #cpps-appearance-dialog .cpps-device-tabs button[aria-selected=true]{background:var(--cpps-accent);color:#fff;box-shadow:0 2px 5px #102e4314}
.cpps-device-tabs svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
#cpps-appearance-dialog .cpps-device-context{font-size:12px;margin:10px 0;color:var(--cpps-muted)}
#cpps-appearance-dialog #cpps-navigation-settings{margin:18px 0}
#cpps-appearance-dialog .cpps-layout-choice-heading{margin-bottom:12px}
#cpps-appearance-dialog .cpps-layout-choice-heading h3{font-size:16px}
#cpps-appearance-dialog .cpps-layout-choice-heading>span{font-size:12px;color:var(--cpps-muted)}
#cpps-appearance-dialog .cpps-layout-card:focus-within{box-shadow:none;outline:2px solid var(--cpps-accent);outline-offset:2px}
#cpps-appearance-dialog .cpps-layout-card>input{padding:0;min-height:0;min-width:0;box-sizing:border-box;box-shadow:none}
.cpps-layout-stage{display:flex;align-items:center;justify-content:center;min-height:106px;padding:8px;background:var(--cpps-bg);border-radius:8px;box-sizing:border-box}
.cpps-device-preview{position:relative;display:block;overflow:hidden;border:2px solid var(--cpps-line);background:#fff;box-shadow:0 4px 10px #19364912}
.cpps-device-preview-desktop{width:100%;height:88px;border-radius:6px}
.cpps-device-preview-phone{width:78px;height:132px;border-radius:12px;border-color:var(--cpps-ink)}
.cpps-mini-header{position:absolute;display:flex;align-items:center;justify-content:space-between;left:0;right:0;top:0;height:14px;padding:0 5px;background:var(--cpps-soft);color:var(--cpps-accent);box-sizing:border-box}
.cpps-mini-header b{font:700 6px 'Segoe UI',sans-serif;letter-spacing:.6px}
.cpps-mini-header>i{height:4px;width:12px;background:var(--cpps-accent);border-radius:2px}
.cpps-mini-nav{position:absolute;display:flex;flex-direction:column;gap:6px;left:0;top:0;bottom:0;width:23%;background:var(--cpps-nav);padding:8px 4px;box-sizing:border-box}
.cpps-mini-nav>i{height:4px;background:var(--cpps-nav-ink);opacity:.7;border-radius:2px;width:85%}
.cpps-mini-content{position:absolute;display:flex;flex-direction:column;gap:5px;left:29%;right:7px;top:24px;bottom:8px}
.cpps-mini-content>b{background:var(--cpps-accent);width:52%;height:5px;border-radius:2px;margin-bottom:2px}
.cpps-mini-content>i{height:9px;border:1px solid var(--cpps-line);background:var(--cpps-bg);border-radius:3px}
.cpps-mini-menu{display:none;position:absolute;bottom:7px;right:7px;border-radius:50%;width:18px;height:18px;background:var(--cpps-accent);color:#fff;font:12px/18px sans-serif;text-align:center}
.cpps-device-preview-desktop .cpps-mini-header{left:23%}
.cpps-preview-rail .cpps-mini-nav{width:12%}.cpps-preview-rail .cpps-mini-header{left:12%}.cpps-preview-rail .cpps-mini-content{left:18%}
.cpps-preview-top .cpps-mini-nav{top:0;bottom:auto;width:100%;height:13px;flex-direction:row;gap:7px;padding:4px 6px}
.cpps-preview-top .cpps-mini-nav>i{width:18px;height:3px}.cpps-preview-top .cpps-mini-header{left:0;top:13px}.cpps-preview-top .cpps-mini-content{left:7px;top:34px}
.cpps-device-preview:is(.cpps-preview-home,.cpps-preview-focus,.cpps-preview-floating) .cpps-mini-nav{display:none}
.cpps-device-preview:is(.cpps-preview-home,.cpps-preview-focus,.cpps-preview-floating) .cpps-mini-header{left:0}
.cpps-device-preview:is(.cpps-preview-home,.cpps-preview-floating) .cpps-mini-content{left:7px}
.cpps-preview-focus .cpps-mini-content{left:24%;right:24%}
.cpps-preview-home .cpps-mini-content{display:grid;grid-template-columns:1fr 1fr;gap:4px}.cpps-preview-home .cpps-mini-content>b{grid-column:1/-1}.cpps-preview-home .cpps-mini-content>i{height:20px}
.cpps-preview-floating .cpps-mini-menu{display:block}
.cpps-device-preview-phone .cpps-mini-content{left:7px;top:25px;gap:6px}.cpps-device-preview-phone .cpps-mini-content>i{height:20px}
.cpps-device-preview-phone.cpps-preview-side .cpps-mini-nav{z-index:1;top:16px;bottom:0;width:57%;gap:10px;box-shadow:5px 0 7px #102e4320}
.cpps-device-preview-phone.cpps-preview-top .cpps-mini-header{top:0}.cpps-device-preview-phone.cpps-preview-top .cpps-mini-nav{top:14px}.cpps-device-preview-phone.cpps-preview-top .cpps-mini-content{top:35px}
#cpps-appearance-dialog .cpps-recommended{align-self:flex-start;font:600 10px/1.4 'Segoe UI',sans-serif;letter-spacing:.2px;border-radius:5px;padding:3px 6px;background:var(--cpps-soft);color:var(--cpps-accent)}
#cpps-appearance-dialog .cpps-layout-card>strong{font-size:13px}
#cpps-appearance-dialog .cpps-layout-description{font-size:12px;line-height:1.4;color:var(--cpps-muted)}
#cpps-appearance-dialog .cpps-settings-grid{gap:12px;margin:20px 0}
#cpps-appearance-dialog :is(.cpps-arrangement-details,.cpps-theme-details){border:1px solid var(--cpps-line);border-radius:10px;margin:12px 0;padding:0 14px}
#cpps-appearance-dialog :is(.cpps-arrangement-details,.cpps-theme-details)>summary{cursor:pointer;font-weight:600;padding:13px 0;min-height:44px;box-sizing:border-box;color:var(--cpps-ink)}
#cpps-appearance-dialog .cpps-theme-details>summary span{font-weight:400;color:var(--cpps-muted);font-size:12px;margin-left:8px}
#cpps-appearance-dialog .cpps-theme-details .cpps-themes{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}
#cpps-appearance-dialog .cpps-arrangement{margin:0;padding:0 0 12px;border:0}
#cpps-appearance-dialog .cpps-preferences-note{font-size:12px}
#cpps-appearance-dialog .cpps-panel-actions{position:sticky;bottom:-26px;margin:16px -4px -4px;padding:12px 4px 4px;background:#fff;border-top:1px solid var(--cpps-line);z-index:2}
body[data-cpps-module] #cpps-appearance-dialog .cpps-panel-actions button{min-height:44px}
@media(max-width:600px){
 #cpps-appearance-dialog{padding:16px;max-height:calc(100dvh - 16px);max-width:calc(100vw - 16px);border-radius:14px}
 #cpps-appearance-dialog .cpps-layout-cards[data-cpps-preview-device=phone]{grid-template-columns:1fr;gap:9px}
 #cpps-appearance-dialog [data-cpps-preview-device=phone] .cpps-layout-card{display:grid;grid-template-columns:82px minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:12px;padding:10px}
 #cpps-appearance-dialog [data-cpps-preview-device=phone] .cpps-layout-stage{grid-row:1/4;min-height:116px;padding:0;background:transparent}
 #cpps-appearance-dialog [data-cpps-preview-device=phone] .cpps-layout-card>strong{padding-right:22px;margin-top:3px}
 #cpps-appearance-dialog [data-cpps-preview-device=phone] .cpps-device-preview-phone{width:66px;height:112px}
 #cpps-appearance-dialog [data-cpps-preview-device=phone] .cpps-recommended{justify-self:start}
 #cpps-appearance-dialog .cpps-layout-card input{width:18px;height:18px;top:10px;right:10px}
 #cpps-appearance-dialog .cpps-layout-stage{padding:5px;min-height:88px}
 #cpps-appearance-dialog .cpps-device-preview-desktop{height:68px}
 #cpps-appearance-dialog .cpps-panel-actions{bottom:-16px;padding-bottom:8px}
 #cpps-appearance-dialog .cpps-theme-details .cpps-themes{grid-template-columns:repeat(2,minmax(0,1fr))}
 #cpps-appearance-dialog .cpps-theme-details>summary span{display:block;margin:4px 0 0 14px}
 #cpps-appearance-dialog .cpps-settings-grid{gap:10px}
}

/* r78: iPhone compact template; the same menu and record actions remain available. */
.cpps-phone-row-toggle{display:none!important}
.cpps-phone-filters,.cpps-phone-summary{display:contents}.cpps-phone-filters>summary,.cpps-phone-summary>summary{display:none}
.cpps-preview-compact .cpps-mini-nav{display:none}.cpps-preview-compact .cpps-mini-content{top:21px;gap:2px}.cpps-preview-compact .cpps-mini-content>i{height:16px;border-radius:0}
@media screen{
html[data-cpps-phone=true][data-cpps-navigation=compact] body[data-cpps-module] .cpps-navigation:not(#cpps-navigation-drawer>.cpps-navigation){display:none!important}
html[data-cpps-phone=true][data-cpps-navigation=compact] body[data-cpps-module] :is(.shell,.workspace),html[data-cpps-phone=true] body[data-cpps-module="supplier-payments"]>main{margin-left:0!important;min-width:0}
html[data-cpps-phone=true][data-cpps-navigation=compact] body[data-cpps-module=hub] #app>.shell{display:block}
html[data-cpps-phone=true][data-cpps-navigation=compact] body[data-cpps-module=hub] #app>.shell>.main{margin-left:0!important}
html[data-cpps-phone=true][data-cpps-navigation=compact] .cpps-nav-tools [data-cpps-menu]{display:inline-flex!important}
html[data-cpps-phone=true][data-cpps-navigation=compact] body[data-cpps-module] :is(.topbar,.workspace>header){height:calc(52px + var(--cpps-safe-top,0px))!important;min-height:calc(52px + var(--cpps-safe-top,0px))!important;max-height:calc(52px + var(--cpps-safe-top,0px))!important;padding:var(--cpps-safe-top,0px) 4px 0!important;gap:2px!important}
html[data-cpps-phone=true][data-cpps-navigation=compact] .cpps-phone-brand{flex-direction:row!important;align-items:center!important;gap:6px!important}
html[data-cpps-phone=true][data-cpps-navigation=compact] .cpps-phone-brand img{width:62px;height:22px}
html[data-cpps-phone=true][data-cpps-navigation=compact] .cpps-phone-brand span{font-size:12px;font-weight:600;line-height:16px;white-space:normal}
html[data-cpps-phone=true][data-cpps-navigation=compact] body[data-cpps-module] :is(#content,#main,.content){padding:14px 10px!important}
html[data-cpps-phone=true][data-cpps-navigation=compact] body[data-cpps-module] :is(.intro,.page-head,.page-heading,.hero){margin-bottom:12px;padding-top:0;padding-bottom:0}
html[data-cpps-phone=true][data-cpps-navigation=compact] body[data-cpps-module] h1{font-size:22px;margin:8px 0}
html[data-cpps-phone=true][data-cpps-navigation=compact] body[data-cpps-module] .panel{padding:12px;margin-bottom:12px;border-radius:8px;min-width:0}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] body[data-cpps-module] .table-wrap:has(>.cpps-phone-records){overflow:visible;max-height:none}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] body[data-cpps-module] table.cpps-phone-records{display:block!important;width:100%!important;min-width:0!important;table-layout:auto}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .cpps-phone-records>colgroup{display:none}
/* Keep the original sortable headings, including select-all, accessible in a small strip. */
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .cpps-phone-records>thead{display:block!important;width:100%;overflow:auto;background:var(--cpps-bg)}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .cpps-phone-records>thead>tr{display:flex!important;width:max-content;gap:4px}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .cpps-phone-records>thead th{display:block;padding:5px!important;font-size:10px;white-space:nowrap}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .cpps-phone-records>tbody{display:block!important}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] body[data-cpps-module] .cpps-phone-records>tbody>tr[data-cpps-compact]{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(100px,auto);gap:5px 10px;min-height:0!important;height:auto!important;width:100%!important;padding:12px 0!important;border:0!important;border-bottom:1px solid var(--cpps-line)!important;border-radius:0!important;margin:0!important;box-shadow:none!important}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] body[data-cpps-module] .cpps-phone-records>tbody>tr[data-cpps-compact]>td{display:block!important;width:auto!important;min-width:0!important;max-width:100%!important;padding:0!important;height:auto!important;min-height:0!important;border:0!important;font-size:12px!important;overflow-wrap:anywhere;text-align:left;white-space:normal}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .cpps-phone-records td:before{display:none!important}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .cpps-phone-records td[data-cpps-phone-cell=customer]{grid-column:1;grid-row:1;font-weight:700}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .cpps-phone-records td[data-cpps-phone-cell=status]{grid-column:2;grid-row:1;text-align:right!important}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .cpps-phone-records td[data-cpps-phone-cell=identity]{grid-column:1;grid-row:2}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .cpps-phone-records td[data-cpps-phone-cell=date]{grid-column:2;grid-row:2;text-align:right!important;font-size:11px!important}
html[data-cpps-phone=true][data-cpps-navigation=compact] #abco-ledger td[data-cpps-phone-cell=identity]{grid-row:1}
html[data-cpps-phone=true][data-cpps-navigation=compact] #abco-ledger td[data-cpps-phone-cell=amount]{grid-column:2;grid-row:1;text-align:right!important;font-weight:700}
html[data-cpps-phone=true][data-cpps-navigation=compact] #abco-ledger td[data-cpps-phone-cell=date]{grid-column:1;grid-row:2;text-align:left!important}
html[data-cpps-phone=true][data-cpps-navigation=compact] #abco-ledger td[data-cpps-phone-cell=status]{grid-row:2}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .cpps-phone-records td[data-cpps-phone-cell=selection]{grid-column:1/-1}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] body[data-cpps-module] .cpps-phone-records tr:not(.cpps-phone-expanded)>td[data-cpps-phone-cell=extra]{display:none!important}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .cpps-phone-records td[data-cpps-phone-cell=extra]{grid-column:1/-1}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .cpps-phone-records td[data-cpps-phone-cell=extra]:before{display:block!important;content:attr(data-card-label);font-size:10px;color:var(--cpps-muted);margin-top:5px}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .cpps-phone-records .cpps-phone-row-toggle{grid-column:1/-1;text-align:right!important}
html[data-cpps-phone=true][data-cpps-navigation=compact] .cpps-phone-row-toggle button{min-height:30px;padding:4px 0;border:0;background:transparent;color:var(--cpps-accent);font-size:11px}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .cpps-phone-records :is(.tag,.pill){font-size:10px!important;white-space:normal!important;padding:4px 6px!important}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .cpps-phone-records .r30-clip{white-space:normal!important;line-height:1.4!important}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .cpps-phone-records :is(.sub,small){font-size:10px!important;line-height:1.4!important}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .cpps-phone-records>.r69-child-row,.cpps-phone-records .r69-child-row[hidden]{display:none!important}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .cpps-phone-records .r69-child-row:not([hidden]){display:block!important}.cpps-phone-records .r69-child-row>td{max-width:100%}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .cpps-phone-records .r69-child-row:not([hidden])>td{display:block;width:100%!important;padding:8px 0!important}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .cpps-phone-records .r69-source-head{flex-wrap:wrap}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .cpps-phone-records .r69-source{padding:10px;min-width:0}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .cpps-phone-records .r69-items{overflow:auto;max-width:100%}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .cpps-phone-records td .r69-expand{min-height:32px;font-size:11px}
/* ABCO uses the same appearance and navigation controls as the other modules. */
body[data-cpps-module="supplier-payments"]{--bg:var(--cpps-bg);--teal:var(--cpps-accent)}
html:is([data-cpps-navigation=home],[data-cpps-navigation=floating],[data-cpps-navigation=focus],[data-cpps-navigation=top]) body[data-cpps-module="supplier-payments"]>main{margin-left:0!important}
html[data-cpps-navigation=rail] body[data-cpps-module="supplier-payments"]>main{margin-left:84px!important}
}
@media print{.cpps-phone-row-toggle{display:none!important}}
@media screen{
html[data-cpps-phone=true][data-cpps-navigation=compact] .cpps-phone-filters{display:block;width:100%;margin:4px 0}
html[data-cpps-phone=true][data-cpps-navigation=compact] .cpps-phone-summary{display:block}
html[data-cpps-phone=true][data-cpps-navigation=compact] .cpps-phone-summary>summary{display:list-item;cursor:pointer;padding:8px 2px;font-weight:600;font-size:13px;color:var(--cpps-accent)}
html[data-cpps-phone=true][data-cpps-navigation=compact] .cpps-phone-filters>summary{display:list-item;cursor:pointer;min-height:32px;padding:8px 2px;font-size:12px;font-weight:600;color:var(--cpps-accent)}
html[data-cpps-phone=true][data-cpps-navigation=compact] .cpps-phone-filters[open]>:not(summary){margin:8px 0;max-width:100%}
html[data-cpps-phone=true][data-cpps-navigation=compact] .pricing-view-tabs{display:flex!important;flex-flow:row nowrap!important;overflow-x:auto;gap:6px!important;padding:8px 0!important;margin:6px 0!important;scrollbar-width:thin}
html[data-cpps-phone=true][data-cpps-navigation=compact] .pricing-view-tabs>a{flex:0 0 auto!important;min-height:36px!important;padding:8px 10px!important;font-size:12px!important}
html[data-cpps-phone=true][data-cpps-navigation=compact] #content:has(#r29-worklist) .page-head{gap:8px!important;margin-bottom:6px!important}
html[data-cpps-phone=true][data-cpps-navigation=compact] #content:has(#r29-worklist) .page-head :is(.eyebrow,p){display:none}
html[data-cpps-phone=true][data-cpps-navigation=compact] #content:has(#r29-worklist) .page-head>.actions{gap:5px;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:4px}
html[data-cpps-phone=true][data-cpps-navigation=compact] #content:has(#r29-worklist) .page-head .btn{padding:7px 9px;min-height:36px;font-size:11px;flex-shrink:0}
html[data-cpps-phone=true][data-cpps-navigation=compact] #r29-search{display:flex!important;gap:6px;flex-wrap:wrap}
html[data-cpps-phone=true][data-cpps-navigation=compact] #r29-search>input[name=q]{flex:1 1 160px!important;width:0!important;min-width:0!important;min-height:38px}
html[data-cpps-phone=true][data-cpps-navigation=compact] #r29-search>button{flex:0 0 auto!important;min-height:38px;padding:7px 10px}
html[data-cpps-phone=true][data-cpps-navigation=compact] .r38-current-view{font-size:14px;margin:12px 0}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .panel:has(>.table-wrap>.cpps-phone-records)>.cpps-view-controls{display:none}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .cpps-phone-records tr:not(.cpps-phone-expanded) .r69-expand{display:none!important}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] body[data-cpps-module] .cpps-phone-records>tbody>tr[data-cpps-compact]>td{font-size:var(--cpps-font,14px)!important}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .cpps-phone-records :is(.sub,small){font-size:11px!important}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .cpps-phone-records :is(.tag,.pill){font-size:11px!important}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] .cpps-phone-records td[data-cpps-phone-cell=date]{font-size:12px!important}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] #module-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] #module-grid>.module-card{padding:14px!important;min-height:160px!important;display:flex!important;flex-direction:column!important;gap:6px}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] #module-grid .module-top{margin:0!important}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] #module-grid :is(h2,h3){font-size:15px!important;margin:4px 0!important}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] #module-grid :is(p,.module-meta){font-size:10px;margin:0;line-height:1.5}
html[data-cpps-phone=true][data-cpps-navigation=compact][data-cpps-view=cards] #module-grid .module-meta{margin-top:auto!important;padding-top:8px}
}