:root{--cdims-bg:#f4f7f5;--cdims-card:#fff;--cdims-text:#25302b;--cdims-muted:#87928d;--cdims-border:#e5ece8}
/* On CDIMS screens the plugin renders its own left sidebar. Hide the WordPress
   admin menu so it does not sit under / block the CDIMS UI (padding-left:0 alone
   left the WP menu visible but unclickable). */
body.toplevel_page_cdims #adminmenumain,
body.toplevel_page_cdims #adminmenuback,
body[class*="cdims_page_"] #adminmenumain,
body[class*="cdims_page_"] #adminmenuback{display:none!important}
body.toplevel_page_cdims #wpcontent,
body.toplevel_page_cdims #wpfooter,
body[class*="cdims_page_"] #wpcontent,
body[class*="cdims_page_"] #wpfooter{margin-left:0!important;padding-left:0!important}
#wpcontent{padding-left:0}.cdims-app{min-height:calc(100vh - 32px);display:flex;background:var(--cdims-bg);color:var(--cdims-text);font-family:Inter,Arial,sans-serif}.cdims-app[data-theme=dark]{--cdims-bg:#111614;--cdims-card:#1a201d;--cdims-text:#edf4ef;--cdims-muted:#9aa79f;--cdims-border:#303a35}.cdims-app[data-theme=dark] .cdims-topbar,.cdims-app[data-theme=dark] .cdims-card,.cdims-app[data-theme=dark] .plan,.cdims-app[data-theme=dark] .cdims-form input,.cdims-app[data-theme=dark] .cdims-form select,.cdims-app[data-theme=dark] .cdims-form textarea,.cdims-app[data-theme=dark] .modal-box,.cdims-app[data-theme=dark] .mini-document{background:var(--cdims-card);color:var(--cdims-text)}.cdims-app[data-theme=dark] .cdims-sidebar{background:#151a18;border-color:#29312d}.cdims-app[data-theme=dark] .cdims-table th,.cdims-app[data-theme=dark] .traffic-stats>div{background:#202722}.cdims-app[data-theme=dark] .cdims-table td{border-color:#2a332f}.cdims-sidebar{width:255px;flex:0 0 255px;background:#fff;border-right:1px solid var(--cdims-border);padding:22px 14px;box-sizing:border-box;transition:.2s;overflow:auto}.cdims-sidebar.collapsed{width:75px;flex-basis:75px}.cdims-sidebar.collapsed .cdims-brand div,.cdims-sidebar.collapsed .cdims-nav span,.cdims-sidebar.collapsed .cdims-group-title,.cdims-sidebar.collapsed .cdims-collapse span,.cdims-sidebar.collapsed .cdims-help-title,.cdims-sidebar.collapsed .aria-side strong,.cdims-sidebar.collapsed .aria-side small{display:none}.cdims-sidebar.collapsed .cdims-nav{justify-content:center}.cdims-brand{display:flex;gap:10px;align-items:center;padding:0 9px 20px}.cdims-logo{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#32b966;color:#fff;font-size:22px;font-weight:900}.cdims-brand strong{font-size:22px;display:block}.cdims-brand small{color:#8b9691;font-size:9px}.cdims-collapse,.cdims-mobile{border:0;background:#f1f5f2;color:#53605a;border-radius:10px;padding:9px 12px;cursor:pointer;margin:0 0 12px}.cdims-group-title,.cdims-help-title{font-size:10px;font-weight:800;color:#99a29e;letter-spacing:.08em;padding:14px 10px 6px}.cdims-nav{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#68746e;padding:11px 12px;border-radius:10px;margin:3px 0;font-size:12px;font-weight:650}.cdims-nav:hover,.cdims-nav.active{background:#eef9f1;color:var(--cdims-primary);box-shadow:inset 3px 0 0 var(--cdims-accent)}.cdims-nav.logout{margin-top:20px;color:#c24141}.cdims-nav.support b{font-size:11px}.aria-side{margin:18px 5px 5px;padding:13px;border:1px solid #dfe8e2;border-radius:15px;background:linear-gradient(135deg,#f6fffa,#eef5ff);display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:center}.aria-side .aria-orb{grid-row:span 2}.aria-side strong{font-size:13px}.aria-side small{font-size:9px;color:#84918a}.cdims-main{flex:1;min-width:0;transition:.2s}.cdims-topbar{height:78px;background:#fff;border-bottom:1px solid var(--cdims-border);padding:0 30px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.cdims-topbar h1{font-size:18px;margin:0}.cdims-topbar p{font-size:11px;color:var(--cdims-muted);margin:4px 0 0}.cdims-mobile{display:none}.cdims-top-actions{display:flex;gap:8px}.cdims-right-rail{position:fixed;right:18px;top:90px;z-index:30}.theme-switch{background:var(--cdims-card);border:1px solid var(--cdims-border);border-radius:999px;padding:6px 8px 6px 12px;display:flex;gap:9px;align-items:center;box-shadow:0 8px 25px rgba(0,0,0,.06);font-size:10px;color:var(--cdims-muted)}.theme-switch input{display:none}.theme-switch i{width:32px;height:17px;border-radius:20px;background:#ccd5d0;position:relative}.theme-switch i:after{content:"";position:absolute;width:13px;height:13px;top:2px;left:2px;border-radius:50%;background:#fff;transition:.2s}.theme-switch input:checked+i{background:var(--cdims-primary)}.theme-switch input:checked+i:after{left:17px}.cdims-content{padding:28px;max-width:1600px;margin:auto}.cdims-page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.cdims-page-title h2{font-size:27px;margin:0 0 5px}.cdims-page-title p{margin:0;color:var(--cdims-muted)}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.cdims-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #dbe4df;background:var(--cdims-card);color:var(--cdims-text);padding:10px 15px;border-radius:10px;font-weight:700;cursor:pointer;font-size:11px}.cdims-btn.primary{background:var(--cdims-primary);border-color:var(--cdims-primary);color:#fff}.cdims-btn.danger{color:#c13e3e;border-color:#f0d2d2}.cdims-notice{background:#eaf8ee;border:1px solid #c8e9d1;color:#237044;padding:12px 15px;border-radius:10px;margin-bottom:18px}.cdims-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cdims-stat{border-radius:16px;padding:21px;color:#fff;min-height:135px;box-sizing:border-box;box-shadow:0 12px 30px rgba(31,60,46,.08)}.cdims-stat.green{background:#45ce79}.cdims-stat.orange{background:#ff861f}.cdims-stat.blue{background:#3158e8}.cdims-stat.purple{background:#a932dc}.stat-icon{float:right;opacity:.6;font-size:22px}.cdims-stat h4{margin:0 0 12px;font-size:12px;font-weight:600;opacity:.85}.currency-value{display:flex;gap:10px;align-items:baseline;margin:3px 0}.currency-value b{font-size:10px;opacity:.75}.currency-value strong{font-size:20px}.cdims-stat>span{font-size:9px;opacity:.75}.cdims-grid-2{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-top:18px}.cdims-card{background:var(--cdims-card);border:1px solid var(--cdims-border);border-radius:16px;padding:20px;box-shadow:0 8px 26px rgba(28,48,38,.04);margin-top:18px}.cdims-grid-2 .cdims-card{margin-top:0}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:10px}.card-head h3{margin:0;font-size:16px}.card-head span{font-size:11px;color:var(--cdims-muted)}.cdims-link{color:var(--cdims-primary);font-weight:700;text-decoration:none;font-size:13px}
.cdims-invoice-filter{display:flex;align-items:center;gap:10px;margin:-4px 0 18px;padding:12px 14px;background:#f7faf8;border:1px solid var(--cdims-border);border-radius:10px}
.cdims-invoice-filter label{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;color:var(--cdims-muted)}
.cdims-invoice-filter select{min-width:160px;border:1px solid #dfe7e2;border-radius:9px;padding:9px 32px 9px 11px;background:#fff;color:#27332e;font:inherit;font-weight:600;cursor:pointer}
.cdims-bars{height:230px;display:flex;align-items:end;gap:10px;padding:15px 6px 0}.bar-wrap{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end}.bar{width:75%;max-width:42px;background:linear-gradient(180deg,var(--cdims-primary),#a8e7bc);border-radius:8px 8px 2px 2px;position:relative;min-height:4px}.bar span{position:absolute;top:-19px;font-size:8px;left:50%;transform:translateX(-50%);white-space:nowrap;color:var(--cdims-muted)}.bar-wrap small{margin-top:8px;color:#9aa39f;font-size:9px}.cdims-pie-row{display:flex;align-items:center;gap:28px}.cdims-pie{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;flex:0 0 170px}.cdims-pie>div{width:92px;height:92px;border-radius:50%;background:var(--cdims-card);display:grid;place-items:center;font-weight:800;font-size:24px}.cdims-pie small{font-size:9px;color:var(--cdims-muted);font-weight:500}.cdims-legend{flex:1}.cdims-legend>div{display:grid;grid-template-columns:14px 1fr auto;gap:7px;align-items:center;padding:8px 0;font-size:11px}.dot{width:9px;height:9px;border-radius:50%;background:#64748b}.dot.paid{background:#2f9e5b}.dot.pending{background:#f59e0b}.dot.overdue{background:#ef4444}.dot.draft{background:#7c3aed}.dot.sent{background:#2563eb}.cdims-table-wrap{overflow:auto}.cdims-table{width:100%;border-collapse:collapse;font-size:11px}.cdims-table th{text-align:left;background:#f8faf9;color:#89938e;font-size:9px;text-transform:uppercase;letter-spacing:.04em;padding:11px;white-space:nowrap}.cdims-table td{padding:12px 11px;border-top:1px solid #edf1ef;vertical-align:middle}.actions{white-space:nowrap}.actions a,.actions button{border:0;background:none;color:var(--cdims-primary);font-weight:700;font-size:10px;margin-right:8px;padding:0;cursor:pointer;text-decoration:none}.actions .cdims-payment{color:#d64545}.actions .cdims-delete{color:#d64545}.status{display:inline-block;padding:5px 8px;border-radius:99px;background:#eef2f0;color:#66716b;font-size:9px;font-weight:800}.status.paid,.status.accepted{background:#e9f8ee;color:#237044}.status.pending,.status.sent{background:#fff5dc;color:#a56600}.status.overdue,.status.rejected,.status.cancelled{background:#ffe9e9;color:#bd3838}.empty,.muted{color:#98a29d;text-align:center;padding:25px!important}.traffic-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.traffic-stats>div{background:#f6faf7;border-radius:12px;padding:18px}.traffic-stats b{display:block;font-size:25px}.traffic-stats span{color:#8b9691;font-size:11px}.live-badge{background:#edf9f1;color:#237044;border-radius:99px;padding:7px 10px;font-size:11px;font-weight:800}.live-badge i{display:inline-block;width:7px;height:7px;background:#31b86a;border-radius:50%;margin-right:5px}.traffic-grid{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:20px;margin-top:20px}.traffic-grid h4{font-size:12px;margin:0 0 10px}.traffic-list>div,.activity-list>div{display:flex;justify-content:space-between;border-bottom:1px solid #eef2ef;padding:8px 0;font-size:11px}.activity-filters{display:flex;gap:5px;margin-bottom:7px}.activity-filters span{font-size:9px;padding:5px 8px;background:#f2f5f3;border-radius:7px}.activity-filters .active{background:#e7f6eb;color:#237044}.form-card{margin-top:0;margin-bottom:18px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cdims-form label,.cdims-settings-form label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:var(--cdims-muted)}.cdims-form input,.cdims-form select,.cdims-form textarea,.cdims-settings-form input,.cdims-settings-form select,.cdims-settings-form textarea{border:1px solid #dfe7e2;border-radius:9px;padding:10px 11px;background:#fbfcfb;color:#27332e;font:inherit;font-weight:500}.cdims-form textarea,.cdims-settings-form textarea{min-height:90px;resize:vertical}.cdims-form label:has(textarea){grid-column:1/-1}.form-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.settings-tabs{display:flex;gap:6px;overflow:auto;padding-bottom:5px;margin-bottom:18px}.settings-tab{white-space:nowrap;text-decoration:none;padding:10px 13px;border:1px solid var(--cdims-border);border-radius:9px;background:var(--cdims-card);color:var(--cdims-muted);font-size:10px;font-weight:800}.settings-tab.active{background:var(--cdims-primary);color:#fff;border-color:var(--cdims-primary)}.settings-section{padding:18px 0;border-bottom:1px solid var(--cdims-border)}.settings-section h3{margin:0 0 15px;font-size:15px}.settings-section h4{font-size:12px}.toggle{display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important}.toggle input{width:auto}.profile-id{padding:10px 12px;background:#f2f7f3;border-radius:9px;margin-bottom:16px;font-size:10px;color:#69756f}.logo-picker{display:flex;align-items:center;gap:14px;margin-bottom:18px}.logo-picker img{display:block;width:auto;max-width:320px;height:auto;max-height:120px;object-fit:contain;object-position:center;border:1px dashed #cdd9d2;border-radius:9px;padding:4px;box-sizing:border-box;background:#fff}.import-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.import-card{border:1px solid var(--cdims-border);border-radius:12px;padding:14px;background:var(--cdims-card);display:flex;flex-direction:column;gap:10px}.import-card h4{margin:0}.import-card input{font-size:10px}.tier-row{display:flex;gap:8px;align-items:center;margin:8px 0}.tier-row input{flex:1}.balance-mini{margin-top:15px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan{background:var(--cdims-card);border:1px solid var(--cdims-border);border-radius:18px;padding:25px;position:relative}.plan.featured{border:2px solid var(--cdims-primary);box-shadow:0 12px 30px rgba(47,158,91,.1)}.plan-badge{font-size:9px;color:var(--cdims-primary);font-weight:900;letter-spacing:.1em}.plan h3{font-size:20px}.price{font-size:34px;font-weight:900;display:flex;align-items:baseline;flex-wrap:wrap;gap:0}.price .currency-code{display:inline-block;font-size:13px;font-weight:700;line-height:1;opacity:.82;margin-right:24px;white-space:nowrap;vertical-align:baseline}.price .price-amount{display:inline-block;white-space:nowrap}.price small{font-size:11px;color:#89948e;font-weight:600;margin-left:10px}.plan p,.plan li{color:#748079;font-size:12px;line-height:1.7}.tips-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tip-tab{border:0;background:var(--cdims-card);padding:10px 13px;border-radius:9px;color:#617069;cursor:pointer}.tip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tip-card{background:var(--cdims-card);border:1px solid var(--cdims-border);border-radius:16px;padding:22px}.tip-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#edf8f0;color:var(--cdims-primary);margin-bottom:10px}.tip-card h3{font-size:15px}.tip-card p{font-size:12px;color:#77837c;min-height:55px}.rate-table{margin-top:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.rate-table>div{display:grid;grid-template-columns:50px 1fr 80px;gap:8px;padding:9px;background:#f7faf8;border-radius:8px;font-size:10px}.rate-table small{color:#8b9691}.agreement-editor{width:100%;min-height:400px;box-sizing:border-box;border:1px solid var(--cdims-border);border-radius:12px;padding:16px;font:12pt/1.5 "Times New Roman",Times,serif;background:var(--cdims-card);color:var(--cdims-text)}.template-preview{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.mini-document{border:1px solid var(--cdims-border);border-radius:12px;padding:20px;min-height:190px;position:relative;background:#fff}.mini-document span{position:absolute;right:15px;top:15px;border:1px solid #cbd6d0;border-radius:5px;padding:10px;font-size:9px}.mini-document strong{display:block;font-size:20px;color:var(--cdims-primary);margin-bottom:8px}.mini-document small{display:block;color:#7d8983}.mini-document p{margin-top:35px;font-size:11px}.cdims-modal{display:none;position:fixed;inset:0;background:rgba(21,30,26,.35);backdrop-filter:blur(9px);z-index:999999;align-items:center;justify-content:center;padding:25px}.cdims-modal.open{display:flex}.modal-box{background:#fff;width:min(680px,96vw);max-height:88vh;overflow:auto;border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.25);position:relative;padding:26px}.modal-close{position:absolute;right:17px;top:12px;border:0;background:#f0f4f1;border-radius:50%;width:34px;height:34px;font-size:22px;cursor:pointer}.pop-head{display:flex;justify-content:space-between;align-items:center}.pop-head>div{display:flex;gap:10px;align-items:center}.mini-logo{width:32px;height:32px;display:grid;place-items:center;background:#2f9e5b;color:#fff;border-radius:9px}.pop-head b{display:block;font-size:18px}.pop-head small{display:block;color:#89948f;font-size:9px}.pop-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.pop-grid>div{background:#f7faf8;border-radius:10px;padding:13px}.pop-grid span{display:block;color:#919b96;font-size:9px;margin-bottom:5px}.pop-grid b{font-size:12px}.pop-notes{border-top:1px solid #edf1ef;padding:15px 0;min-height:30px;color:#66726c;font-size:12px}.pop-actions{display:flex;gap:10px}.modal-loading{text-align:center;padding:60px;color:#7e8983}.aria-float{position:fixed;right:20px;bottom:24px;z-index:100000;width:72px;height:78px;border:0;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px}.aria-float b{font-size:11px;color:var(--cdims-text)}.aria-float small{font-size:8px;color:var(--cdims-muted)}.aria-orb{width:52px;height:52px;border-radius:50%;display:block;position:relative;background:radial-gradient(circle at 35% 30%,#fff 0 6%,transparent 7%),radial-gradient(circle at 50% 50%,#c8fff9 0%,#72fff0 28%,#4ef7e3 55%,#00e5ff 78%,#00b8d4 100%);box-shadow:0 0 20px rgba(104,178,255,.45),inset 0 0 10px rgba(255,255,255,.65);animation:ariaPulse 2s ease-in-out infinite}.aria-orb:after{content:"";position:absolute;inset:5px;border-radius:50%;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.75),rgba(90,110,170,.15) 45%,rgba(255,255,255,.1) 70%,transparent)}.aria-orb i{position:absolute;width:5px;height:18px;border-radius:99px;background:#fff;left:23px;top:17px;z-index:2;opacity:.9}.aria-orb i:nth-child(2){transform:rotate(55deg);height:13px;top:20px;left:18px}.aria-orb i:nth-child(3){transform:rotate(-55deg);height:13px;top:20px;left:28px}.aria-orb.small{width:34px;height:34px}.aria-float.active .aria-orb{animation:ariaPulse .7s ease-in-out infinite}.aria-float.active:after{content:"";position:absolute;top:-4px;width:60px;height:60px;border:1px solid rgba(99,171,255,.35);border-radius:50%;animation:ariaRing 1.4s infinite}@keyframes ariaPulse{50%{transform:scale(1.07);filter:saturate(1.2)}}@keyframes ariaRing{to{transform:scale(1.3);opacity:0}}
@media(max-width:1100px){.cdims-stat-grid{grid-template-columns:repeat(2,1fr)}.cdims-grid-2,.traffic-grid{grid-template-columns:1fr}.plans,.tip-grid,.import-grid{grid-template-columns:1fr 1fr}.cdims-sidebar{width:210px;flex-basis:210px}.template-preview{grid-template-columns:1fr}.cdims-right-rail{right:10px}}
@media(max-width:760px){#wpcontent{padding:0!important}.cdims-sidebar{/* drawer positioning handled in mobile drawer block */}.cdims-sidebar.mobile-open{}.cdims-topbar{padding:0 15px}.cdims-mobile{display:inline-block;margin:0 8px 0 0}.cdims-topbar h1{font-size:14px;display:inline}.cdims-topbar p{display:none}.cdims-content{padding:15px}.cdims-page-title{align-items:flex-start;gap:10px;flex-direction:column}.cdims-page-title h2{font-size:22px}.cdims-stat-grid{grid-template-columns:1fr}.form-grid,.pop-grid,.rate-table{grid-template-columns:1fr}.cdims-card{padding:14px}.traffic-stats{grid-template-columns:1fr}.cdims-bars{gap:4px}.bar{width:90%}.plans,.tip-grid,.import-grid{grid-template-columns:1fr}.cdims-right-rail{top:83px}.aria-float{right:10px;bottom:15px}}
.cdims-group-toggle{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}.cdims-group-toggle b{float:right;font-size:12px}.cdims-group-toggle.is-collapsed b{transform:rotate(-90deg)}.cdims-group-links.is-collapsed{display:none}.select-all{font-size:10px;color:var(--cdims-muted);white-space:nowrap}.select-all input{vertical-align:middle}
/* CDIMS 1.2.0 additions */
.cdims-brand-head h1{margin:0;font-size:18px;font-weight:900}.cdims-brand-head p{margin:5px 0 0;color:var(--cdims-muted);font-size:10px}.cdims-flag{font-size:16px;margin-left:5px;vertical-align:middle}.subscription-countdown{color:#d11f2f;font-weight:900;font-size:11px;letter-spacing:.01em;white-space:nowrap}.cdims-country-banner{position:absolute;right:85px;top:0;width:220px;height:72px;overflow:hidden;pointer-events:none;opacity:.07}.country-flag-bg{font-size:105px;line-height:70px;filter:blur(.3px)}.aria-side{margin:18px 10px 10px;padding:14px 8px;border-top:1px solid var(--cdims-border);display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center}.aria-side strong{font-size:13px}.aria-side small{font-size:9px;color:var(--cdims-muted)}.aria-logo{grid-row:1/3;width:52px!important;height:52px!important;animation:ariaAurora 3.5s linear infinite}.aria-side.active .aria-logo{animation:ariaAurora .8s linear infinite;box-shadow:0 0 28px rgba(116,174,255,.65)}@keyframes ariaAurora{0%{filter:hue-rotate(0deg);transform:scale(1)}50%{filter:hue-rotate(140deg);transform:scale(1.08)}100%{filter:hue-rotate(360deg);transform:scale(1)}}.cdims-loading{opacity:.45;pointer-events:none}.document-items-field{grid-column:1/-1}.document-items-field .add-new-item-inline{margin-top:2px}.cdims-link-button{border:0;background:transparent;color:var(--cdims-primary);font-weight:800;cursor:pointer;padding:0;text-align:left;pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative;z-index:2}.cdims-front-wrap{min-height:70vh;display:grid;place-items:center;padding:30px;background:#f4f7f5}.cdims-front-card{width:min(520px,94vw);background:#fff;border:1px solid #e2e9e4;border-radius:20px;padding:28px;box-shadow:0 18px 60px rgba(0,0,0,.08)}.cdims-front-card h1{margin-top:0}.cdims-front-card label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:12px;margin:14px 0}.cdims-front-card input{padding:12px;border:1px solid #d9e3dd;border-radius:9px}.cdims-front-card .cdims-btn{margin-top:8px}.cdims-front-error{color:#c62828;background:#fff0f0;padding:10px;border-radius:8px;font-size:12px}.cdims-front-success{color:#18794e;background:#edfaf2;padding:10px;border-radius:8px;font-size:12px}
@media(max-width:760px){.cdims-country-banner{right:45px;width:100px}.country-flag-bg{font-size:70px}.subscription-countdown{font-size:9px}.cdims-brand-head h1{font-size:14px}.aria-side{margin-top:10px}}
/* CDIMS 1.2.1 stability, Home and country theme */
.cdims-sidebar .home-link{margin-bottom:8px}
.cdims-top-center{position:absolute;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;min-width:240px;text-align:center}
.cdims-top-center strong{font-size:15px;font-weight:900}
.cdims-top-center span{font-size:10px;color:var(--cdims-muted)}
.cdims-country-banner{right:150px;opacity:.09;mix-blend-mode:multiply}
.cdims-app[data-country="Jamaica"] .cdims-topbar{border-bottom:2px solid var(--cdims-accent)}
.cdims-app[data-country="Bahamas"] .cdims-topbar{border-bottom:2px solid var(--cdims-primary)}
.cdims-app[data-country="Jamaica"] .cdims-logo{background:linear-gradient(135deg,#009b3a 0 40%,#fed100 40% 60%,#050505 60%)}
.cdims-app[data-country="Bahamas"] .cdims-logo{background:linear-gradient(135deg,#00778b 0 50%,#00a4df 50%)}
.cdims-app[data-country="Jamaica"] .cdims-stat.green,.cdims-app[data-country="Jamaica"] .cdims-stat.blue{border-top-color:#009b3a}
.aria-side{cursor:pointer;position:relative}
.aria-side:hover .aria-logo{filter:none;box-shadow:0 0 24px rgba(61,255,154,.45)}
@media(max-width:900px){.cdims-top-center{position:static;transform:none;min-width:0;margin-left:auto;margin-right:10px}.cdims-top-center strong{font-size:12px}.cdims-top-center span{display:none}.cdims-country-banner{right:65px}}

.cdims-actions-row td{background:#f7faf8;padding:8px 12px !important;border-bottom:2px solid var(--cdims-border,#e5ebe7)}
.cdims-actions-row .actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}
.cdims-actions-row .actions a,.cdims-actions-row .actions button{font-size:11px;padding:5px 9px}

.cdims-no-scroll,.cdims-no-scroll .cdims-table-wrap,.cdims-table-wrap.cdims-no-scroll{overflow:visible !important;max-height:none !important}
.cdims-table-wrap.cdims-no-scroll{overflow-x:auto;overflow-y:visible !important}
.cdims-sidebar-countdown{margin:0 9px 12px;padding:8px 10px;background:#fff5f5;border:1px solid #ffd0d0;border-radius:10px;text-align:center;font-size:11px;line-height:1.3}
.cdims-sidebar.collapsed .cdims-sidebar-countdown{display:none}

.cdims-sidebar-datetime{margin:0 9px 8px;padding:6px 8px;text-align:center;font-size:10px;font-weight:600;color:#53605a;letter-spacing:.02em}
.cdims-sidebar.collapsed .cdims-sidebar-datetime{display:none}
.cdims-welcome-line{margin:6px 0 0;font-size:13px;color:var(--cdims-muted,#6b756f)}
.cdims-welcome-line strong{color:var(--cdims-text,#1a201d);margin-right:4px}
.cdims-brand-head h1{font-size:16px;line-height:1.3}
.cdims-country-banner{display:none !important}

.cdims-sidebar-datetime{margin:0 9px 10px;padding:8px 6px;text-align:center;font-size:13px;font-weight:700;color:#2a3330;letter-spacing:.01em;line-height:1.3}
.cdims-sidebar.collapsed .cdims-sidebar-datetime{display:none}
.cdims-logo-upload{border:0;padding:0;cursor:pointer;width:48px;height:48px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:#32b966;color:#fff}
.cdims-logo-upload img{display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;margin:auto!important;background:transparent}
.cdims-logo-placeholder{font-size:22px;font-weight:700;line-height:1}
.cdims-brand{padding-bottom:12px}
.cdims-flag{font-size:18px;margin-right:6px;vertical-align:middle}
.cdims-user-id-inline{opacity:.75;font-weight:600}
.aria-side{display:flex !important;flex-direction:column !important;align-items:center;text-align:center;gap:8px;padding:16px 8px 12px;margin:18px 10px 10px;border-top:1px solid var(--cdims-border);grid-template-columns:unset !important}
.aria-label-top{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#7a8780}
.aria-side .aria-orb,.aria-side .aria-logo{width:58px !important;height:58px !important;margin:4px auto;border-radius:50%;display:grid;place-items:center;position:relative;background:transparent!important;box-shadow:none!important;animation:none!important}
.aria-orb-title{position:absolute;inset:0;display:grid;place-items:center;z-index:3;font-size:16px;font-weight:900;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4);pointer-events:none}
.aria-status-text small{font-size:11px;color:var(--cdims-muted,#8b9691);font-weight:600}
.aria-side.active .aria-orb{animation:none!important;box-shadow:none!important}
.cdims-sidebar.collapsed .aria-label-top,.cdims-sidebar.collapsed .aria-orb-title,.cdims-sidebar.collapsed .aria-status-text{display:none}
.cdims-sidebar.collapsed .aria-side .aria-orb{width:34px !important;height:34px !important}

/* Align top accent border with sidebar home area + more top space */
#wpcontent{padding-top:12px !important}
.cdims-app{padding-top:8px}
.cdims-main{padding-top:6px}
.cdims-topbar{margin-top:8px;min-height:88px;height:auto;padding:14px 30px;align-items:flex-start;border-bottom:2px solid var(--cdims-accent,#f59e0b)}
.cdims-sidebar{padding-top:16px}
.cdims-nav.home-link{margin-top:4px}

/* Sidebar logo — previous default size */
.cdims-brand{display:flex;gap:10px;align-items:center;padding:0 9px 20px}
.cdims-logo-upload{width:48px !important;height:48px !important;border-radius:12px;display:grid;place-items:center;overflow:hidden}
.cdims-logo-upload img{display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;margin:auto!important;background:transparent}

/* PDF preview grid in settings */
.pdf-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.pdf-preview-card{background:#f7faf8;border:1px solid var(--cdims-border,#e5ebe7);border-radius:12px;padding:12px}
.pdf-preview-card h4{margin:0 0 10px;font-size:13px}
.pdf-preview-card iframe{width:100%;height:320px;border:1px solid #e2e9e4;border-radius:8px;background:#fff}
.pdf-preview-card .cdims-btn{margin-top:10px;display:inline-block}
@media(max-width:1100px){.pdf-preview-grid{grid-template-columns:1fr}}

.cdims-tagline{margin:4px 0 0;font-size:11px;font-weight:500;color:var(--cdims-muted,#7a8780);letter-spacing:.01em}
.cdims-welcome-line{margin-top:8px}
.settings-tabs-grid{display:flex;flex-wrap:wrap;gap:8px;overflow:visible !important;max-height:none !important;margin-bottom:18px}
.settings-tabs-grid .settings-tab{flex:1 1 140px;text-align:center;padding:10px 12px;border-radius:10px;font-size:12px;font-weight:700;white-space:nowrap}
.pdf-thumb{width:100%;height:auto;border-radius:8px;border:1px solid #e2e9e4;background:#fff;display:block;margin-bottom:10px}
.cdims-template-modal{position:fixed;inset:0;z-index:100100;display:none;align-items:center;justify-content:center}
.cdims-template-modal.open{display:flex}
.cdims-template-modal-backdrop{position:absolute;inset:0;background:rgba(15,20,18,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.cdims-template-modal-box{position:relative;z-index:1;width:min(920px,94vw);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;padding:18px 18px 16px;box-shadow:0 24px 80px rgba(0,0,0,.28)}
.cdims-template-modal-box h3{margin:0 36px 12px 0;font-size:16px}
.cdims-template-modal-close{position:absolute;right:12px;top:10px;border:0;background:#f1f5f2;width:34px;height:34px;border-radius:50%;font-size:20px;cursor:pointer;line-height:1}
.cdims-template-modal-body img{width:100%;height:auto;border-radius:10px;border:1px solid #e8eee9}
.cdims-template-modal-actions{margin-top:12px;display:flex;justify-content:flex-end}

.cdims-doc-modal-box{width:min(960px,96vw);max-height:92vh}
.cdims-doc-frame-wrap{height:min(70vh,720px);border:1px solid #e5ebe7;border-radius:10px;overflow:hidden;background:#f5f7f6}
.cdims-doc-frame-wrap iframe{width:100%;height:100%;border:0;background:#fff}

.cdims-sa-box{width:min(840px,94vw);max-height:90vh}
.cdims-sa-text{white-space:pre-wrap;font-family:Georgia,Times,serif;font-size:13px;line-height:1.55;background:#fafbfa;border:1px solid #e5ebe7;border-radius:10px;padding:16px;max-height:60vh;overflow:auto;margin:0}

/* Dashboard-only document/agreement popouts */
.cdims-template-modal{z-index:1000000!important}.cdims-template-modal-backdrop{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);background:rgba(13,20,16,.45)!important}.cdims-doc-modal-box,.cdims-agreement-modal-box{width:min(1180px,96vw)!important;max-width:1180px!important;max-height:94vh!important}.cdims-doc-frame-wrap,.cdims-agreement-frame-wrap{height:min(74vh,820px);background:#eef1ef;border:1px solid #e1e7e3;border-radius:10px;overflow:hidden}.cdims-doc-frame-wrap iframe,.cdims-agreement-frame-wrap iframe{width:100%;height:100%;border:0;background:#fff}.agreement-actions{gap:8px;display:flex;flex-wrap:wrap}.agreement-representative-label{display:block;margin:0 0 14px;font-weight:700}.agreement-representative-label input{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #dfe6e2;border-radius:8px}.cdims-template-modal-box{position:relative;z-index:1000001}
/* Full invoice/document preview stays inside the dashboard. */
.cdims-invoice-preview-box{width:min(1180px,96vw)!important;max-width:1180px!important;max-height:94vh!important;padding:22px!important}.invoice-preview-title{margin:0 40px 12px 0;font-size:18px}.cdims-inline-document{height:min(72vh,800px);border:1px solid #dfe7e2;border-radius:10px;overflow:hidden;background:#eef1ef}.cdims-inline-document iframe{width:100%;height:100%;border:0;background:#fff}.cdims-invoice-preview-box .pop-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}

/* v1.2.4 dashboard workflow */
.cdims-template-modal{z-index:1000000!important}
.cdims-template-modal-backdrop{background:rgba(10,16,13,.5)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.cdims-agreement-modal-box{width:min(1200px,96vw)!important;max-height:94vh!important}
.cdims-agreement-preview{height:min(62vh,700px);border:1px solid #dfe7e2;border-radius:10px;overflow:hidden;background:#eef1ef}
.cdims-agreement-preview iframe{width:100%;height:100%;border:0;background:#fff}
.cdims-agreement-editor-wrap{margin-top:12px;padding:12px;border:1px solid #dfe7e2;border-radius:10px;background:#fafcfb}
.cdims-agreement-editor-wrap label{display:block;font-size:12px}
#cdims-agreement-editor.cdims-rte-input,textarea.cdims-rte-input{display:none!important;position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.agreement-actions{align-items:center}
.items-actions-bottom{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:14px 0 2px;border-top:1px solid #e4ebe6;margin-top:10px}
.items-actions-bottom strong{margin-right:auto;font-size:13px}
.business-checklist{margin-top:12px;padding-top:10px;border-top:1px solid #e3e9e5}
.checklist-country{font-weight:800;font-size:12px;margin-bottom:8px}
.business-check-item{display:flex!important;gap:7px;align-items:flex-start;margin:7px 0;font-size:12px;line-height:1.35}
.business-check-item input{margin-top:2px}
.tip-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.tip-template-grid label{display:block;font-size:12px;font-weight:700}
.tip-template-grid input[type=file],.tip-template-grid textarea{display:block;width:100%;box-sizing:border-box;margin-top:7px}
.tip-template-grid textarea{font:12px/1.45 "Times New Roman",Times,serif;padding:10px;border:1px solid #d7e0da;border-radius:8px}
.item-preview-card{padding:8px 4px;font-size:13px}
.item-preview-card h2{margin-top:0}
@media(max-width:760px){.tip-template-grid{grid-template-columns:1fr}.cdims-agreement-preview{height:55vh}.items-actions-bottom strong{width:100%;margin-right:0}}

/* v1.2.7 invoice preview: match the supplied reference layout while remaining data-driven. */
.cdims-invoice-preview-box{width:min(1240px,97vw)!important;max-width:1240px!important;max-height:96vh!important;padding:14px!important}
.cdims-invoice-preview-box .invoice-preview-title{font-size:15px;margin:0 36px 8px 6px;color:#5d6762}
.cdims-invoice-preview-box .cdims-inline-document{height:min(84vh,900px);background:#eef1ef;border-radius:8px}
.cdims-invoice-preview-box .pop-actions{padding:6px 4px 0}
.invoice-line-editor{grid-column:1/-1;border:1px solid #e0e7e3;border-radius:12px;padding:14px;background:#fafcfb;margin-top:4px}
.invoice-line-title{font-weight:800;font-size:13px;margin-bottom:10px}
.invoice-line-grid{margin:0}
.invoice-calc-summary{display:flex;flex-wrap:wrap;gap:18px;margin-top:10px;padding-top:10px;border-top:1px dashed #dfe6e2;font-size:12px;color:#68716d}
.invoice-calc-summary strong{color:#1f2824}

/* CDIMS v1.2.16 - 200x120 full company logo frame */
.cdims-brand{width:100%;box-sizing:border-box;overflow:visible}
.cdims-logo-upload{
  width:200px !important;
  max-width:100% !important;
  height:120px !important;
  min-width:0 !important;
  min-height:120px !important;
  padding:8px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto !important;
  border:1px solid #dfe7e2 !important;
  border-radius:12px !important;
  background:#fff !important;
}
.cdims-logo-upload img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:auto !important;
  background:transparent !important;
}
.cdims-sidebar.collapsed .cdims-logo-upload{
  width:48px !important;
  max-width:48px !important;
  min-width:48px !important;
  height:48px !important;
  min-height:48px !important;
  padding:4px !important;
  margin:0 auto !important;
}
.cdims-sidebar.collapsed .cdims-logo-upload img{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
}
@media(max-width:760px){
  .cdims-logo-upload{width:200px !important;height:120px !important;min-height:120px !important;}
}

/* CDIMS v1.2.17 - country-aware Business Tips */
.business-tips-country{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;margin:-6px 0 18px;background:var(--cdims-card);border:1px solid var(--cdims-border);border-radius:12px;font-size:11px}.business-tips-country span{color:var(--cdims-muted);font-weight:700}.business-tips-country strong{font-size:12px}.business-tips-country small{color:var(--cdims-muted)}.tip-tab.active{background:var(--cdims-primary);color:#fff}.tip-panel-wrap{min-height:210px}.tip-panel{display:none;background:var(--cdims-card);border:1px solid var(--cdims-border);border-radius:16px;padding:24px;box-shadow:0 8px 26px rgba(28,48,38,.04)}.tip-panel.active{display:block}.tip-panel h3{font-size:18px;margin:0 0 10px}.tip-panel-copy{font-size:13px;line-height:1.7;color:var(--cdims-muted);max-width:1000px}.tip-country-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.tip-country-grid span{padding:9px 10px;background:#f7faf8;border-radius:9px;font-size:11px}.tips-template-card{margin-top:18px}.tips-template-card .muted{text-align:left!important;padding:0!important;margin:0}@media(max-width:760px){.tip-country-grid{grid-template-columns:1fr}.business-tips-country{align-items:flex-start;flex-direction:column;gap:4px}}
.tip-panel-note{font-size:12px;line-height:1.6;color:var(--cdims-muted);margin:0 0 15px}.tip-list{margin:0;padding-left:22px;display:grid;gap:9px}.tip-list li{font-size:12px;line-height:1.55;color:var(--cdims-text)}.tip-list li span{display:block;color:var(--cdims-muted);margin-top:2px}.tip-local-note{margin-top:16px;padding:12px;background:#f7faf8;border-radius:10px;font-size:12px;line-height:1.6}.country-summary{padding:11px;border:1px solid var(--cdims-border);border-radius:10px;background:var(--cdims-card);display:flex;justify-content:space-between;gap:10px;align-items:center}.country-summary.selected{box-shadow:inset 3px 0 0 var(--cdims-primary);background:#f4fbf6}.country-summary strong{font-size:11px}.country-summary span{font-size:10px;color:var(--cdims-muted)}.tip-compare-table{border:1px solid var(--cdims-border);border-radius:12px;overflow:hidden}.tip-compare-head,.tip-compare-row{display:grid;grid-template-columns:1.1fr .45fr 2fr;gap:10px;padding:11px 12px;font-size:10px}.tip-compare-head{background:#f7faf8;font-weight:800;color:#7b8781;text-transform:uppercase}.tip-compare-row{border-top:1px solid var(--cdims-border);line-height:1.45}.tip-compare-row span:last-child{color:var(--cdims-muted)}.cdims-tip-accordions{display:grid;gap:8px;margin-top:15px}.cdims-tip-template{border:1px solid var(--cdims-border);border-radius:12px;background:var(--cdims-card);overflow:hidden}.cdims-tip-template summary{cursor:pointer;list-style:none;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800}.cdims-tip-template summary::-webkit-details-marker{display:none}.cdims-tip-template summary b{font-size:16px;transition:.2s}.cdims-tip-template[open] summary b{transform:rotate(180deg)}.cdims-tip-template-body{padding:0 15px 15px}.tip-template-copy{white-space:pre-wrap;border:1px solid var(--cdims-border);border-radius:10px;padding:14px;background:#fbfcfb;color:#5f6c65;font-size:11px;line-height:1.65;max-height:360px;overflow:auto}.cdims-copy-template{margin-top:9px}.tip-sources ul{margin:10px 0 0;padding-left:18px}.tip-sources li{font-size:11px;margin:6px 0}.tip-sources a{color:var(--cdims-primary);text-decoration:none}@media(max-width:760px){.tip-compare-head,.tip-compare-row{grid-template-columns:1fr;gap:4px}.country-summary{align-items:flex-start;flex-direction:column}}

.cdims-top-actions{display:flex;align-items:center;gap:10px;height:100%}
.cdims-top-actions .theme-switch{position:relative;right:auto;top:auto;margin:0;box-shadow:none}
















@media(max-width:760px){.cdims-top-actions .theme-switch span{display:none}}

/* CDIMS notification center + install banner */
.cdims-install-shortcut{position:fixed;left:0;right:0;top:0;transform:none;z-index:2147483001;min-height:112px;width:100%;box-sizing:border-box;background:linear-gradient(105deg,#ff2416 0%,#ff5a08 31%,#ff9d08 66%,#ffd000 100%);color:#111;display:flex;align-items:center;gap:20px;padding:18px 72px 18px 28px;font-family:Inter,Arial,sans-serif;box-shadow:0 5px 18px rgba(0,0,0,.24)}
.cdims-install-shortcut.is-hidden{display:none}
.cdims-install-icon{width:68px;height:68px;min-width:68px;border-radius:18px;background:#09b873;display:flex;align-items:center;justify-content:center;color:#111;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.cdims-install-icon svg{width:38px;height:38px;display:block}
.cdims-install-copy{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0;flex:1}
.cdims-install-copy strong{font-size:20px;line-height:1.15;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#111}
.cdims-install-copy span{font-size:16px;line-height:1.35;color:#161616;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cdims-install-action{border:0;background:#111;color:#fff;border-radius:12px;padding:14px 25px;font-size:16px;font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:0 2px 5px rgba(0,0,0,.2)}
.cdims-install-action:hover{background:#222;color:#fff}
.cdims-install-not-now{border:0;background:rgba(190,140,0,.36);color:#171717;border-radius:12px;padding:14px 25px;font-size:16px;font-weight:700;cursor:pointer;white-space:nowrap}
.cdims-install-not-now:hover{background:rgba(180,130,0,.48)}
.cdims-install-close{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:transparent;color:#151515;border-radius:8px;font-size:30px;line-height:30px;cursor:pointer;padding:0}
.cdims-install-close:hover{background:rgba(0,0,0,.08)}
.cdims-install-help{display:none;position:absolute;top:100%;left:0;right:0;z-index:30;background:#fff;color:#1a1a1a;padding:14px 18px;border:1px solid #dfe7e2;border-top:0;border-radius:0 0 12px 12px;font-size:14px;line-height:1.45;box-shadow:0 10px 28px rgba(0,0,0,.18)}
.cdims-install-help.open{display:block}
.cdims-install-help strong{font-weight:800;color:#0d0d0d}

@media(max-width:760px){.cdims-install-shortcut{min-height:0;gap:10px;padding:12px 48px 12px 14px}.cdims-install-icon{width:48px;height:48px;min-width:48px;border-radius:13px}.cdims-install-icon svg{width:29px;height:29px}.cdims-install-copy strong{font-size:14px;white-space:normal}.cdims-install-copy span{font-size:11px;white-space:normal}.cdims-install-action,.cdims-install-not-now{padding:10px 12px;font-size:13px;border-radius:9px}.cdims-install-close{right:8px;width:28px;height:28px;font-size:24px}}
@media(max-width:600px){.cdims-install-shortcut{align-items:center}.cdims-install-action,.cdims-install-not-now{padding:9px 10px;font-size:12px}.cdims-install-not-now{display:none}.cdims-install-copy{display:block}.cdims-install-copy strong,.cdims-install-copy span{display:block}.cdims-install-copy span{margin-top:3px}}

/* Shortcut installation banner — reference design only. */
.cdims-install-shortcut{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  transform:none!important;
  z-index:20!important;
  width:calc(100% - 88px)!important;
  min-height:134px!important;
  margin:56px 44px 0!important;
  box-sizing:border-box!important;
  background:linear-gradient(105deg,#ff2416 0%,#ff4d08 24%,#ff8508 48%,#ffb000 72%,#ffd000 100%)!important;
  color:#111!important;
  display:flex!important;
  align-items:center!important;
  gap:27px!important;
  padding:20px 32px!important;
  font-family:Arial,Helvetica,sans-serif!important;
  border:1px solid rgba(0,0,0,.08)!important;
  border-radius:0!important;
  box-shadow:0 2px 7px rgba(0,0,0,.18)!important;
  overflow:visible!important;
}
.cdims-install-shortcut.is-hidden{display:none!important}
.cdims-install-icon{
  width:84px!important;
  height:84px!important;
  min-width:84px!important;
  border-radius:20px!important;
  background:#099a68!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#111!important;
  box-shadow:none!important;
}
.cdims-install-icon svg{width:46px!important;height:46px!important;display:block!important}
.cdims-install-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;min-width:0!important;flex:1!important}
.cdims-install-copy strong{
  font-size:22px!important;
  line-height:1.18!important;
  font-weight:700!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#111!important;
}
.cdims-install-copy span{
  font-size:19px!important;
  line-height:1.3!important;
  color:#171717!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.cdims-install-action{
  border:0!important;
  background:#111!important;
  color:#fff!important;
  border-radius:16px!important;
  padding:0!important;
  width:130px!important;
  height:72px!important;
  min-width:130px!important;
  font-size:18px!important;
  font-weight:700!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.cdims-install-action:hover{background:#111!important;color:#fff!important}
.cdims-install-not-now{
  border:0!important;
  background:rgba(204,151,0,.32)!important;
  color:#171717!important;
  border-radius:16px!important;
  padding:0!important;
  width:162px!important;
  height:72px!important;
  min-width:162px!important;
  font-size:18px!important;
  font-weight:600!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
.cdims-install-not-now:hover{background:rgba(204,151,0,.32)!important}
.cdims-install-close{
  position:static!important;
  width:34px!important;
  height:72px!important;
  min-width:34px!important;
  margin-left:-7px!important;
  border:0!important;
  background:transparent!important;
  color:#171717!important;
  border-radius:0!important;
  font-size:31px!important;
  line-height:72px!important;
  cursor:pointer!important;
  padding:0!important;
}
.cdims-install-close:hover{background:transparent!important}
@media(max-width:900px){
  .cdims-install-shortcut{width:calc(100% - 28px)!important;margin:20px 14px 0!important;gap:12px!important;padding:14px!important;min-height:96px!important}
  .cdims-install-icon{width:58px!important;height:58px!important;min-width:58px!important;border-radius:15px!important}
  .cdims-install-icon svg{width:34px!important;height:34px!important}
  .cdims-install-copy strong{font-size:16px!important;white-space:normal!important}
  .cdims-install-copy span{font-size:13px!important;white-space:normal!important}
  .cdims-install-action,.cdims-install-not-now{width:auto!important;min-width:0!important;height:48px!important;padding:0 15px!important;border-radius:11px!important;font-size:14px!important}
  .cdims-install-close{height:48px!important;line-height:48px!important;font-size:25px!important}
}
@media(max-width:600px){
  .cdims-install-shortcut{margin:12px 10px 0!important;width:calc(100% - 20px)!important}
  .cdims-install-not-now{display:none!important}
}
/* Subscription package descriptions and benefits. */
.plan-description{font-size:12px;line-height:1.55;color:var(--cdims-muted);margin:12px 0 10px}.plan-benefits{margin:0 0 16px;padding-left:18px;color:var(--cdims-text);font-size:11px;line-height:1.65}.plan-benefits li{margin:3px 0}
.cdims-app[data-theme=dark] .plan-description{color:var(--cdims-muted)}
.cdims-app[data-theme=dark] .plan-benefits{color:var(--cdims-text)}

/* Subscription package presentation */
.cdims-register-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 24px}
.cdims-register-plan{background:var(--cdims-card);border:1px solid var(--cdims-border);border-radius:16px;padding:18px;position:relative}
.cdims-register-plan.selected{border:2px solid var(--cdims-primary)}
.cdims-register-plan h3{font-size:18px;margin:8px 0}
.cdims-register-plan .price{font-size:27px}.cdims-register-plan .price .currency-code{font-size:11px;font-weight:700;line-height:1;opacity:.82;margin-right:20px;white-space:nowrap;vertical-align:baseline}
.cdims-register-plan ul{padding-left:18px;margin:12px 0 0}
.cdims-register-plan li{color:#748079;font-size:11px;line-height:1.65;margin:2px 0}
.cdims-register-intro{color:#748079;font-size:13px}
.cdims-front-register-form{display:grid;gap:10px}
.plan.current-plan{border:2px solid var(--cdims-primary);box-shadow:0 12px 30px rgba(47,158,91,.1)}
@media(max-width:900px){.cdims-register-plans{grid-template-columns:1fr}.plans{grid-template-columns:1fr}}

/* CDIMS package selection and email 2FA */
.cdims-register-plan{appearance:none;width:100%;text-align:center;background:var(--cdims-card);border:2px solid var(--cdims-border);border-radius:16px;padding:24px 16px;cursor:pointer;transition:.18s}.cdims-register-plan:hover{transform:translateY(-2px);border-color:var(--cdims-primary)}.cdims-register-plan.selected{border-color:var(--cdims-primary);box-shadow:0 8px 25px rgba(47,158,91,.12)}.cdims-register-plan h3{margin:0;font-size:18px}.cdims-front-2fa .cdims-btn{width:100%}.cdims-2fa-help{font-size:11px;color:#748079}.cdims-checkout-card{max-width:620px}.cdims-checkout-summary{border:1px solid #dfe8e2;border-radius:14px;padding:18px;margin:20px 0}.cdims-checkout-summary>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #edf1ee}.cdims-checkout-summary>div:last-child{border-bottom:0}.cdims-checkout-summary span{color:#748079}.cdims-checkout-note{background:#fff8e8;border:1px solid #f5df9f;border-radius:10px;padding:12px;font-size:12px;margin-bottom:15px}.cdims-checkout-gateway{font-size:11px;color:#748079}

/* Full-screen app mode (no theme header/footer) */
body.cdims-fullscreen-app{margin:0;padding:0;background:var(--cdims-bg,#f4f7f5);}
body.cdims-fullscreen-app .cdims-app{min-height:100vh;min-height:100dvh;}
body.cdims-fullscreen-app .cdims-front-wrap{min-height:100vh;min-height:100dvh;}

/* Rich HTML template editor */
.cdims-rte{border:1px solid var(--cdims-border,#d7e0da);border-radius:10px;background:#fff;overflow:hidden;margin-top:8px}
.cdims-rte-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 10px;background:#f4f7f5;border-bottom:1px solid var(--cdims-border,#e5ece8)}
.cdims-rte-btn{min-width:32px;height:30px;border:1px solid #d0dbd4;background:#fff;border-radius:7px;cursor:pointer;font-size:13px;color:#25302b;padding:0 8px}
.cdims-rte-btn:hover{background:#eef9f1;border-color:#2f9e5b}
.cdims-rte-btn b{font-weight:800}.cdims-rte-btn i{font-style:italic}.cdims-rte-btn u{text-decoration:underline}
.cdims-rte-sep{width:1px;height:22px;background:#d5ddd8;margin:0 4px}
.cdims-rte-select-wrap select{height:30px;border:1px solid #d0dbd4;border-radius:7px;background:#fff;font-size:12px;padding:0 8px}
.cdims-rte-colors{display:inline-flex;gap:3px;align-items:center;flex-wrap:wrap}
.cdims-rte-color{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.18);cursor:pointer;padding:0}
.cdims-rte-color:hover{transform:scale(1.12)}
.cdims-rte-surface{min-height:280px;max-height:62vh;overflow:auto;padding:14px 16px;font:12pt/1.45 "Times New Roman",Times,serif;color:#111;outline:none;background:#fff}
.cdims-rte-surface:focus{box-shadow:inset 0 0 0 2px rgba(47,158,91,.25)}
.cdims-agreement-editor-wrap .cdims-rte{margin-top:6px}
.cdims-agreement-form .cdims-rte-surface{min-height:420px}
.cdims-app[data-theme=dark] .cdims-rte{border-color:#303a35}
.cdims-app[data-theme=dark] .cdims-rte-toolbar{background:#1a201d;border-color:#303a35}
.cdims-app[data-theme=dark] .cdims-rte-btn,.cdims-app[data-theme=dark] .cdims-rte-select-wrap select{background:#232a27;border-color:#3a4540;color:#edf4ef}
.cdims-app[data-theme=dark] .cdims-rte-surface{background:#1a201d;color:#edf4ef}

/* Rich HTML editor — forced visibility */
.cdims-rte{display:block!important;border:1px solid #c5d2cb;border-radius:10px;background:#fff;overflow:hidden;margin:10px 0 14px;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.cdims-rte-toolbar{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 12px;background:#eef5f0;border-bottom:1px solid #d5e0d9}
.cdims-rte-btn{min-width:34px;height:32px;border:1px solid #c5d2cb;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;color:#1b2620;padding:0 10px;line-height:1}
.cdims-rte-btn:hover{background:#e7f6ec;border-color:#2f9e5b}
.cdims-rte-btn b{font-weight:800}.cdims-rte-btn i{font-style:italic}.cdims-rte-btn u{text-decoration:underline}
.cdims-rte-sep{width:1px;height:22px;background:#cdd8d1;margin:0 2px}
.cdims-rte-select-wrap select{height:32px;border:1px solid #c5d2cb;border-radius:8px;background:#fff;font-size:12px;padding:0 8px}
.cdims-rte-colors{display:inline-flex;gap:4px;align-items:center;flex-wrap:wrap}
.cdims-rte-color{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.2);cursor:pointer;padding:0}
.cdims-rte-color:hover{transform:scale(1.15)}
.cdims-rte-surface{display:block!important;min-height:320px;max-height:62vh;overflow:auto;padding:16px 18px;font:12pt/1.45 "Times New Roman",Times,serif;color:#111;outline:none;background:#fff;cursor:text}
.cdims-rte-surface:focus{box-shadow:inset 0 0 0 2px rgba(47,158,91,.28)}
.cdims-agreement-form .cdims-rte-surface{min-height:440px}
.cdims-agreement-editor-wrap{display:block}
.cdims-agreement-editor-wrap .cdims-rte{margin-top:8px}
label.agreement-body-label{display:block;margin:14px 0 4px;font-size:13px}

/* Aria Voice Assistant redesign */
.aria-side{
  cursor:pointer!important;position:relative;display:flex!important;flex-direction:column!important;
  align-items:stretch!important;text-align:left!important;gap:0!important;
  width:calc(100% - 20px);margin:18px 10px 10px!important;padding:16px 14px 14px!important;
  border:1px solid rgba(67,245,225,.72)!important;border-radius:28px!important;
  background:linear-gradient(145deg,#063f42 0%,#062d35 48%,#041f29 100%)!important;
  color:#ecfffc!important;box-shadow:0 0 18px rgba(46,232,211,.22),inset 0 0 30px rgba(50,236,217,.06)!important;
  overflow:hidden;box-sizing:border-box;
}
.aria-side:before{content:"";position:absolute;inset:0;border-radius:28px;pointer-events:none;background:radial-gradient(circle at 18% 8%,rgba(85,255,231,.12),transparent 30%),radial-gradient(circle at 90% 90%,rgba(0,188,255,.08),transparent 38%)}
.aria-head{display:flex;align-items:center;gap:11px;position:relative;z-index:1}
.aria-voice-icon{width:48px;height:48px;border:1.5px solid #56f4df;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:3px;flex:0 0 48px;box-shadow:0 0 13px rgba(55,239,218,.2)}
.aria-voice-icon span{width:3px;border-radius:99px;background:#72fff0;display:block;box-shadow:0 0 5px rgba(100,255,239,.65)}
.aria-voice-icon span:nth-child(1){height:7px}.aria-voice-icon span:nth-child(2){height:16px}.aria-voice-icon span:nth-child(3){height:25px}.aria-voice-icon span:nth-child(4){height:15px}.aria-voice-icon span:nth-child(5){height:7px}
.aria-label-top{font-size:14px!important;font-weight:800!important;letter-spacing:.01em!important;text-transform:none!important;color:#f3fffd!important;white-space:nowrap}
.aria-listening-label{font-size:12px;color:#b9e8e2;margin-top:3px;font-weight:600}
.aria-wave{height:46px;display:flex;align-items:center;justify-content:center;gap:2px;margin:12px 0 4px;position:relative;z-index:1;overflow:hidden}
.aria-wave i{display:block;width:3px;height:var(--h);max-height:38px;border-radius:99px;background:#72fff0;box-shadow:0 0 5px rgba(78,247,227,.55);opacity:.9;animation:ariaWave 1.05s ease-in-out infinite alternate}
.aria-wave i:nth-child(2n){animation-delay:-.18s}.aria-wave i:nth-child(3n){animation-delay:-.36s}.aria-wave i:nth-child(4n){animation-delay:-.52s}
.aria-face-wrap{display:grid;place-items:center;margin:5px 0 12px;position:relative;z-index:1}
.aria-face{width:106px;height:106px;border-radius:50%;position:relative;background:linear-gradient(145deg,#a8fff2,#5ce6d5);box-shadow:0 0 24px rgba(76,246,222,.4),inset 0 -7px 15px rgba(0,137,139,.12);animation:ariaFaceFloat 3s ease-in-out infinite}
.aria-eye{position:absolute;top:38px;width:17px;height:11px;border-top:5px solid #073c43;border-radius:50%;transform:rotate(3deg)}
.aria-eye-left{left:27px}.aria-eye-right{right:27px;transform:rotate(-3deg)}
.aria-smile{position:absolute;left:28px;right:28px;bottom:27px;height:24px;border-bottom:5px solid #073c43;border-radius:0 0 50px 50px}
.aria-response{position:relative;z-index:1;text-align:left;font-size:12px;line-height:1.5;font-weight:700;color:#f3fffd;min-height:74px;padding:0 4px;display:flex;align-items:flex-start}
.aria-status-text{position:relative;z-index:1;display:flex!important;align-items:flex-start;gap:8px!important;border-top:1px solid rgba(108,247,228,.16);padding:10px 3px 0;margin-top:2px}
.aria-status-text small{font-size:10px!important;line-height:1.35;color:#b9e8e2!important;font-weight:600!important}
.aria-status-dot{width:9px;height:9px;border-radius:50%;background:#53f2d9;box-shadow:0 0 9px rgba(83,242,217,.8);margin-top:3px;flex:0 0 9px}
.aria-side.active{border-color:#68fff0!important;box-shadow:0 0 28px rgba(55,239,218,.38),inset 0 0 32px rgba(50,236,217,.08)!important}
.aria-side.active .aria-face{animation:ariaFaceFloat .9s ease-in-out infinite,ariaFaceGlow .9s ease-in-out infinite}
.aria-side.active .aria-voice-icon{box-shadow:0 0 18px rgba(55,239,218,.42)}
.aria-side:not(.active) .aria-wave i{animation-play-state:paused;opacity:.7}
.cdims-sidebar.collapsed .aria-side{width:40px!important;margin:18px auto 10px!important;padding:6px!important;border-radius:15px!important}
.cdims-sidebar.collapsed .aria-head{justify-content:center}.cdims-sidebar.collapsed .aria-head>div:not(.aria-voice-icon),
.cdims-sidebar.collapsed .aria-wave,.cdims-sidebar.collapsed .aria-face-wrap,.cdims-sidebar.collapsed .aria-response,.cdims-sidebar.collapsed .aria-status-text{display:none!important}
.cdims-sidebar.collapsed .aria-voice-icon{width:38px;height:38px;flex-basis:38px}
@keyframes ariaWave{from{transform:scaleY(.35);opacity:.5}to{transform:scaleY(1);opacity:1}}
@keyframes ariaFaceFloat{50%{transform:translateY(-4px)}}
@keyframes ariaFaceGlow{50%{box-shadow:0 0 38px rgba(76,246,222,.62),inset 0 -7px 15px rgba(0,137,139,.12)}}
@media(max-width:1100px){.aria-side{padding-left:10px!important;padding-right:10px!important}.aria-label-top{font-size:12px!important}.aria-face{width:88px;height:88px}.aria-eye{top:32px;width:14px}.aria-eye-left{left:22px}.aria-eye-right{right:22px}.aria-smile{left:23px;right:23px;bottom:22px}}
@media(max-width:760px){.aria-side{width:calc(100% - 20px)!important;margin:10px!important}.aria-face{width:100px;height:100px}.aria-label-top{font-size:13px!important}}

/* Aria Voice Command - reference interface redesign */
.aria-side{position:fixed!important;right:24px!important;top:96px!important;width:420px!important;height:min(760px,calc(100vh - 120px))!important;margin:0!important;padding:24px 22px 18px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;text-align:left!important;gap:0!important;border:1.5px solid rgba(74,255,235,.82)!important;border-radius:34px!important;background:linear-gradient(150deg,#063f42 0%,#062e35 46%,#041f29 100%)!important;color:#ecfffc!important;box-shadow:0 0 24px rgba(46,232,211,.28),0 22px 70px rgba(0,0,0,.22),inset 0 0 36px rgba(50,236,217,.07)!important;overflow:hidden!important;z-index:100000!important;cursor:pointer}
.aria-side:after{content:"";position:absolute;inset:0;border-radius:34px;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(73,255,233,.045),transparent 48%);}
.aria-head{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;flex:0 0 auto!important;padding:18px 12px 16px!important;border-bottom:1px solid rgba(108,247,228,.2)!important;position:relative!important;text-align:center!important}
.aria-label-top{position:static!important;transform:none!important;width:100%!important;text-align:center!important;font-size:18px!important;line-height:1.15!important;letter-spacing:.01em!important;white-space:normal!important;margin:0 0 14px 0!important}
.aria-voice-icon{width:66px!important;height:66px!important;flex:0 0 auto!important;border:2px solid #56f4df!important;border-radius:50%!important;box-shadow:0 0 18px rgba(55,239,218,.25)!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:4px auto 0!important}
.aria-voice-icon svg{width:34px!important;height:34px!important;stroke:#72fff0!important;fill:none!important;stroke-width:2.2!important}
.aria-voice-icon span{width:4px!important;background:#72fff0!important;box-shadow:0 0 7px rgba(100,255,239,.75)!important}
.aria-voice-icon span:nth-child(1){height:10px}.aria-voice-icon span:nth-child(2){height:25px}.aria-voice-icon span:nth-child(3){height:39px}.aria-voice-icon span:nth-child(4){height:25px}.aria-voice-icon span:nth-child(5){height:10px}
.aria-label-top{font-size:18px!important;line-height:1.15!important;letter-spacing:.01em!important;font-weight:800!important;color:#f3fffd!important;text-transform:none!important}
.aria-label-top:first-letter{color:#20f1dc}
.aria-listening-label{font-size:14px!important;color:#b9e8e2!important;margin:0 0 12px 0!important;font-weight:600!important;text-align:center!important;width:100%!important;order:0!important}
.aria-wave{height:96px!important;margin:20px 8px 10px!important;gap:4px!important;flex:0 0 auto!important}
.aria-wave i{width:5px!important;max-height:72px!important;background:#72fff0!important;box-shadow:0 0 8px rgba(78,247,227,.7)!important}
.aria-face-wrap{margin:6px 0 18px!important;flex:1 1 auto!important;min-height:245px!important;display:grid!important;place-items:center!important}
.aria-avatar-ring{width:252px;height:252px;border-radius:50%;padding:6px;position:relative;box-sizing:border-box;background:linear-gradient(145deg,#52fff0,#0de0d2 45%,#36fff0);box-shadow:0 0 24px rgba(76,246,222,.48),0 0 60px rgba(0,220,220,.18);animation:ariaRingFloat 3s ease-in-out infinite}
.aria-avatar-ring:before{content:"";position:absolute;inset:-8px;border:2px solid rgba(76,246,222,.75);border-radius:50%;box-shadow:0 0 14px rgba(76,246,222,.55);animation:ariaRingSpin 5s linear infinite}
.aria-face{width:100%!important;height:100%!important;border-radius:50%!important;overflow:hidden!important;background:#083e42!important;box-shadow:none!important;position:relative!important;animation:ariaFaceFloat 3s ease-in-out infinite!important}
.aria-face img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform-origin:center 62%!important;animation:ariaAvatarIdle 3s ease-in-out infinite!important}
.aria-mouth{/* base overridden by .aria-side .aria-mouth below */}
.aria-side.speaking .aria-face img{animation:ariaAvatarSpeak .34s ease-in-out infinite alternate!important}
.aria-response{flex:0 0 auto!important;min-height:106px!important;margin:0 0 18px!important;padding:20px 22px!important;border:1.5px solid rgba(74,255,235,.72)!important;border-radius:22px!important;background:rgba(2,38,43,.42)!important;box-shadow:inset 0 0 20px rgba(57,239,218,.035)!important;font-size:18px!important;line-height:1.45!important;font-weight:600!important;color:#f3fffd!important;display:block!important;position:relative!important}
.aria-response:before{content:"";position:absolute;left:27px;top:-13px;width:22px;height:22px;border-left:1.5px solid rgba(74,255,235,.72);border-top:1.5px solid rgba(74,255,235,.72);background:#07343a;transform:skew(-28deg) rotate(45deg)}
.aria-response-hi{font-weight:900!important;color:#20f1dc!important}
.aria-response-welcome{color:#f3fffd!important}
.aria-status-text{flex:0 0 auto!important;margin-top:0!important;padding:16px 8px 2px!important;border-top:1px solid rgba(108,247,228,.18)!important;gap:14px!important;align-items:center!important}
.aria-status-text small{font-size:16px!important;line-height:1.3!important;color:#b9e8e2!important;font-weight:600!important}
.aria-status-dot{width:14px!important;height:14px!important;flex-basis:14px!important;background:#55ff78!important;box-shadow:0 0 14px rgba(85,255,120,.9)!important}
.aria-side.active{border-color:#68fff0!important;box-shadow:0 0 34px rgba(55,239,218,.46),0 22px 70px rgba(0,0,0,.22),inset 0 0 36px rgba(50,236,217,.1)!important}
.aria-side.active .aria-avatar-ring{animation:ariaRingFloat .9s ease-in-out infinite,ariaRingGlow .9s ease-in-out infinite}
.aria-side.active .aria-voice-icon{box-shadow:0 0 24px rgba(55,239,218,.55)!important}
.aria-side.speaking .aria-wave i{animation-duration:.22s!important}
.aria-side:not(.active) .aria-wave i{animation-play-state:paused;opacity:.75}
.cdims-sidebar.collapsed .aria-side{display:flex!important;width:72px!important;height:72px!important;right:14px!important;top:auto!important;bottom:18px!important;padding:8px!important;border-radius:50%!important}
.cdims-sidebar.collapsed .aria-side>*{display:none!important}.cdims-sidebar.collapsed .aria-side .aria-head{display:flex!important;padding:0!important;border:0!important}.cdims-sidebar.collapsed .aria-side .aria-voice-icon{display:flex!important;width:52px!important;height:52px!important;flex-basis:52px!important}
@keyframes ariaRingFloat{50%{transform:translateY(-4px) scale(1.015)}}
@keyframes ariaRingSpin{to{transform:rotate(360deg)}}
@keyframes ariaRingGlow{50%{box-shadow:0 0 34px rgba(76,246,222,.72),0 0 75px rgba(0,220,220,.22)}}
@keyframes ariaAvatarIdle{50%{transform:translateY(-2px) scale(1.008)}}
@keyframes ariaAvatarSpeak{from{transform:translateY(0) scale(1)}to{transform:translateY(-2px) scale(1.018)}}
@media(max-width:900px){.aria-side{right:12px!important;left:12px!important;top:82px!important;width:auto!important;height:calc(100vh - 96px)!important;border-radius:28px!important}.aria-label-top{font-size:23px!important}.aria-wave{height:78px!important}.aria-avatar-ring{width:min(52vw,250px);height:min(52vw,250px)}.aria-response{font-size:16px!important}.aria-status-text small{font-size:14px!important}}
@media(max-width:760px){.aria-side{right:8px!important;left:8px!important;top:72px!important;height:calc(100vh - 80px)!important;padding:18px 16px 14px!important}.aria-head{gap:12px!important;padding-bottom:14px!important}.aria-voice-icon{width:52px!important;height:52px!important;flex-basis:52px!important}.aria-label-top{font-size:20px!important}.aria-listening-label{font-size:16px!important;margin-top:5px!important}.aria-wave{height:66px!important;margin:14px 2px 6px!important}.aria-wave i{width:4px!important;max-height:52px!important}.aria-face-wrap{min-height:210px!important;margin-bottom:12px!important}.aria-avatar-ring{width:210px;height:210px}.aria-response{min-height:88px!important;padding:15px 16px!important;margin-bottom:12px!important;font-size:15px!important;border-radius:18px!important}.aria-status-text{padding-top:12px!important}.aria-status-text small{font-size:13px!important}}

/* Final reference-image alignment */
.aria-side{width:470px!important;height:min(790px,calc(100vh - 112px))!important;padding:24px 24px 18px!important}
.aria-name{color:#22f2df!important}
.aria-voice-icon{position:relative!important;overflow:hidden!important}
.aria-voice-icon svg{width:42px!important;height:42px!important;display:block!important;fill:none!important;stroke:#72fff0!important;stroke-width:3!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:drop-shadow(0 0 5px rgba(100,255,239,.65))}
.aria-voice-icon span{display:none!important}
.aria-response{display:flex!important;align-items:flex-start!important;gap:15px!important;padding:20px 20px!important}
.aria-response-icon{width:52px;height:52px;flex:0 0 52px;border:1.5px solid #56f4df;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:3px;box-shadow:0 0 13px rgba(55,239,218,.2);margin-top:2px}
.aria-response-icon span{width:3px;height:9px;border-radius:99px;background:#72fff0;box-shadow:0 0 5px rgba(100,255,239,.65)}
.aria-response-icon span:nth-child(2){height:18px}.aria-response-icon span:nth-child(3){height:27px}.aria-response-icon span:nth-child(4){height:18px}
.aria-side.speaking .aria-response-icon span{animation:ariaWave .22s ease-in-out infinite alternate}
.aria-response-copy{min-width:0;display:block;position:relative;z-index:2}
.aria-response-hi,.aria-response-welcome{display:inline!important}
@media(max-width:900px){.aria-side{width:auto!important;height:calc(100vh - 96px)!important}}

/* FINAL ARIA SIDEBAR FIX — keep Aria inside the original left menu. */
.aria-side{
  position:relative!important;
  inset:auto!important;
  float:none!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:16px 0 8px!important;
  padding:14px 10px 11px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  text-align:left!important;
  gap:0!important;
  border:1px solid rgba(74,255,235,.62)!important;
  border-radius:18px!important;
  background:linear-gradient(150deg,#063f42 0%,#062e35 48%,#041f29 100%)!important;
  color:#ecfffc!important;
  box-shadow:0 0 16px rgba(46,232,211,.22),inset 0 0 24px rgba(50,236,217,.06)!important;
  overflow:hidden!important;
  z-index:2!important;
  cursor:pointer!important;
}
.aria-side .aria-head{display:flex!important;align-items:center!important;gap:9px!important;padding:0 0 10px!important;border-bottom:1px solid rgba(108,247,228,.18)!important}
.aria-side .aria-voice-icon{width:42px!important;height:42px!important;flex:0 0 42px!important;border:1.5px solid #56f4df!important;box-shadow:0 0 13px rgba(55,239,218,.3)!important}
.aria-side .aria-voice-icon svg{width:26px!important;height:26px!important}
.aria-side .aria-label-top{font-size:14px!important;line-height:1.1!important;letter-spacing:-.01em!important;font-weight:800!important;color:#f3fffd!important;text-transform:none!important;white-space:normal!important}
.aria-side .aria-name{color:#20f1dc!important}
.aria-side .aria-listening-label{font-size:11px!important;line-height:1.2!important;color:#b9e8e2!important;margin-top:4px!important;font-weight:600!important}
.aria-side .aria-wave{height:46px!important;margin:10px 3px 7px!important;gap:2px!important;flex:0 0 auto!important}
.aria-side .aria-wave i{width:3px!important;max-height:34px!important;background:#72fff0!important;box-shadow:0 0 6px rgba(78,247,227,.65)!important}
.aria-side .aria-face-wrap{display:grid!important;place-items:center!important;flex:none!important;min-height:0!important;margin:3px 0 10px!important}
.aria-side .aria-avatar-ring{width:132px!important;height:132px!important;padding:4px!important;border-radius:50%!important;box-sizing:border-box!important;background:linear-gradient(145deg,#52fff0,#0de0d2 45%,#36fff0)!important;box-shadow:0 0 20px rgba(76,246,222,.45),0 0 40px rgba(0,220,220,.14)!important;animation:ariaRingFloat 3s ease-in-out infinite!important}
.aria-side .aria-avatar-ring:before{inset:-5px!important;border-width:1.5px!important;animation:ariaRingSpin 5s linear infinite!important}
.aria-side .aria-face{width:100%!important;height:100%!important;border-radius:50%!important;overflow:hidden!important;background:#083e42!important;box-shadow:none!important;position:relative!important;animation:ariaFaceFloat 3s ease-in-out infinite!important}
.aria-side .aria-face img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important;animation:none!important}
/* Lip-sync mouth overlay on avatar */
.aria-side .aria-mouth{
  display:block!important;
  position:absolute!important;
  /* smaller, lower — sits on natural lip area */
  left:38%!important;
  top:66.5%!important;
  width:24%!important;
  height:7.5%!important;
  border-radius:45% 45% 50% 50%!important;
  background:radial-gradient(ellipse at 50% 35%, #1a0f0c 0%, #3d241c 55%, #5a382c 85%, rgba(90,56,44,0) 100%)!important;
  --mouth-open:0;
  /* subtle open range — never a huge oval */
  transform:scaleY(calc(0.18 + var(--mouth-open) * 0.55)) scaleX(calc(0.92 + var(--mouth-open) * 0.08))!important;
  transform-origin:50% 15%!important;
  opacity:calc(var(--mouth-open) * 0.72)!important;
  pointer-events:none!important;
  z-index:5!important;
  transition:transform .07s ease-out, opacity .09s ease-out!important;
  box-shadow:inset 0 -1px 2px rgba(0,0,0,.35)!important;
  filter:blur(0.3px);
}
.aria-side .aria-mouth:before{
  content:"";
  position:absolute;
  left:22%;
  right:22%;
  top:30%;
  height:30%;
  border-radius:40%;
  background:rgba(180,120,100,.12);
}
.aria-side.speaking .aria-face img,
.aria-side.speaking .aria-face{
  animation:none!important;
}
.aria-side .aria-response{display:flex!important;align-items:flex-start!important;gap:8px!important;min-height:0!important;margin:0 0 9px!important;padding:10px 9px!important;border:1px solid rgba(74,255,235,.58)!important;border-radius:14px!important;background:rgba(2,38,43,.42)!important;box-shadow:inset 0 0 14px rgba(57,239,218,.035)!important;font-size:10.5px!important;line-height:1.35!important;font-weight:600!important;color:#f3fffd!important;box-sizing:border-box!important}
.aria-side .aria-response:before{left:18px!important;top:-8px!important;width:13px!important;height:13px!important;border-left:1px solid rgba(74,255,235,.58)!important;border-top:1px solid rgba(74,255,235,.58)!important}
.aria-side .aria-response-icon{width:30px!important;height:30px!important;flex:0 0 30px!important;border:1px solid #56f4df!important;border-radius:50%!important;gap:2px!important;box-shadow:0 0 8px rgba(55,239,218,.2)!important;margin-top:1px!important}
.aria-side .aria-response-icon span{width:2px!important;height:6px!important;background:#72fff0!important}
.aria-side .aria-response-icon span:nth-child(2){height:11px!important}.aria-side .aria-response-icon span:nth-child(3){height:17px!important}.aria-side .aria-response-icon span:nth-child(4){height:11px!important}
.aria-side .aria-response-copy{min-width:0!important;display:block!important}
.aria-side .aria-response-hi,.aria-side .aria-response-welcome{display:inline!important;font-size:10.5px!important}
.aria-side .aria-response-hi{font-weight:900!important;color:#20f1dc!important}
.aria-side .aria-response-welcome{color:#f3fffd!important}
.aria-side .aria-status-text{display:flex!important;align-items:center!important;gap:6px!important;padding:8px 1px 0!important;border-top:1px solid rgba(108,247,228,.16)!important;box-sizing:border-box!important}
.aria-side .aria-status-text small{font-size:8.5px!important;line-height:1.25!important;color:#b9e8e2!important;font-weight:600!important}
.aria-side .aria-status-dot{width:8px!important;height:8px!important;flex:0 0 8px!important;background:#55ff78!important;box-shadow:0 0 9px rgba(85,255,120,.9)!important}
.aria-side.active{border-color:#68fff0!important;box-shadow:0 0 23px rgba(55,239,218,.38),inset 0 0 24px rgba(50,236,217,.09)!important}
.aria-side.active .aria-avatar-ring{animation:ariaRingFloat .9s ease-in-out infinite,ariaRingGlow .9s ease-in-out infinite!important}
.aria-side.speaking .aria-wave i,.aria-side.speaking .aria-response-icon span{animation-duration:.22s!important}
.aria-side:not(.active) .aria-wave i{animation-play-state:paused;opacity:.75}
.cdims-sidebar.collapsed .aria-side{position:relative!important;inset:auto!important;width:calc(100% - 10px)!important;height:58px!important;margin:12px 5px 5px!important;padding:5px!important;border-radius:16px!important}
.cdims-sidebar.collapsed .aria-side>*{display:none!important}
.cdims-sidebar.collapsed .aria-side .aria-head{display:flex!important;padding:0!important;border:0!important;justify-content:center!important}
.cdims-sidebar.collapsed .aria-side .aria-voice-icon{display:flex!important;width:44px!important;height:44px!important;flex-basis:44px!important}
@media(max-width:760px){
  .aria-side{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;margin:12px 0 8px!important;padding:12px 9px 10px!important}
  .aria-side .aria-label-top{font-size:13px!important}
  .aria-side .aria-wave{height:42px!important}
  .aria-side .aria-avatar-ring{width:122px!important;height:122px!important}
}

/* Requested Aria title */
.aria-side .aria-label-top{white-space:nowrap!important}

/* Notification popout fix: dropdown moved to body loses parent selector */


/* Aria title above the microphone icon */
.aria-side .aria-head{flex-direction:column!important;align-items:center!important;gap:8px!important}
.aria-side .aria-head > div:last-child{order:-1;text-align:center}
.aria-side .aria-label-top{text-align:center!important}

.cdims-sidebar.collapsed .aria-side .aria-label-top,
.cdims-sidebar.collapsed .aria-side .aria-listening-label{display:none!important}
.cdims-terms-check{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.4;margin:10px 0;color:#4d5b54}
.cdims-terms-check input{margin-top:2px;flex:0 0 auto}

/* ========== NEW Notification center (sidebar bell + blur popout) ========== */
.cdims-sidebar-tools{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 12px;
}
.cdims-sidebar-tools .cdims-collapse{
  margin:0;
  flex:1;
}
.cdims-notif-btn{
  position:relative;
  flex:0 0 42px;
  width:42px;
  height:42px;
  border:1px solid #dfe7e2;
  background:#fff;
  border-radius:12px;
  cursor:pointer;
  font-size:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  padding:0;
}
.cdims-notif-btn:hover{background:#f5faf7}
.cdims-notif-btn:focus-visible{outline:2px solid var(--cdims-primary,#2f9e5b);outline-offset:2px}
.cdims-notif-badge{
  position:absolute;
  right:-5px;
  top:-6px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:10px;
  background:#d92d20;
  color:#fff;
  font:800 10px/18px Arial,sans-serif;
  text-align:center;
  box-sizing:border-box;
}
.cdims-sidebar.collapsed .cdims-sidebar-tools{flex-direction:column;align-items:stretch}
.cdims-sidebar.collapsed .cdims-notif-btn{width:100%;flex-basis:auto}

/* Notification popout — body.cdims-notif-open toggled by inline script */
.cdims-notif-root{
  display:none !important;
  position:fixed !important;
  inset:0 !important;
  z-index:2147483646 !important;
}
body.cdims-notif-open .cdims-notif-root{
  display:block !important;
}
.cdims-notif-overlay{
  position:fixed !important;
  inset:0 !important;
  background:rgba(16,24,20,.45) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
  z-index:1 !important;
  cursor:pointer;
}
.cdims-notif-panel{
  position:fixed !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  width:min(620px,calc(100vw - 28px)) !important;
  max-height:min(78vh,720px) !important;
  background:#fff !important;
  border:1px solid #dfe7e2 !important;
  border-radius:18px !important;
  box-shadow:0 28px 90px rgba(0,0,0,.32) !important;
  z-index:2 !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
}
.cdims-notif-head{
  position:relative;
  padding:16px 52px 13px 18px;
  border-bottom:1px solid #edf1ee;
  display:flex;
  flex-direction:column;
  gap:3px;
  flex:0 0 auto;
}
.cdims-notif-head strong{font-size:16px;color:#1a2420}
.cdims-notif-head small{font-size:11px;color:#718078}
.cdims-notif-close{
  position:absolute;
  right:12px;
  top:12px;
  width:32px;
  height:32px;
  border:1px solid #dfe7e2;
  background:#fff;
  border-radius:50%;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  color:#53615a;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
}
.cdims-notif-close:hover{background:#f5faf7}
.cdims-notif-tabs{
  display:flex;
  border-bottom:1px solid #edf1ee;
  background:#fafcfb;
  flex:0 0 auto;
}
.cdims-notif-tabs button{
  flex:1;
  border:0;
  background:transparent;
  padding:12px 10px;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
  color:#718078;
}
.cdims-notif-tabs button.active{
  color:var(--cdims-primary,#2f9e5b);
  box-shadow:inset 0 -2px 0 var(--cdims-primary,#2f9e5b);
}
.cdims-notif-tabs button span{
  display:inline-block;
  margin-left:5px;
  min-width:18px;
  padding:2px 5px;
  border-radius:9px;
  background:#edf2ee;
  font-weight:800;
}
.cdims-notif-body{
  flex:1 1 auto;
  overflow:auto;
  min-height:0;
}
.cdims-notif-pane{display:none}
.cdims-notif-pane.active{display:block}
.cdims-notif-item{
  width:100%;
  text-align:left;
  border:0;
  border-bottom:1px solid #edf1ee;
  background:#fff;
  padding:15px 18px;
  display:flex;
  flex-direction:column;
  gap:4px;
  cursor:pointer;
}
.cdims-notif-item:hover{background:#f5faf7}
.cdims-notif-item b{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:var(--cdims-primary,#2f9e5b);
}
.cdims-notif-item strong{font-size:13px;color:#26312c}
.cdims-notif-item span{font-size:12px;line-height:1.45;color:#4d5b54}
.cdims-notif-item small{font-size:10px;color:#89948f}
.cdims-notif-empty{
  padding:36px 16px;
  text-align:center;
  color:#7b8781;
  font-size:13px;
}
.cdims-app[data-theme=dark] .cdims-notif-btn,
.cdims-app[data-theme=dark] .cdims-notif-panel,
.cdims-app[data-theme=dark] .cdims-notif-item,
.cdims-app[data-theme=dark] .cdims-notif-close{
  background:var(--cdims-card,#1a201d);
  color:var(--cdims-text,#edf4ef);
  border-color:#303a35;
}
.cdims-app[data-theme=dark] .cdims-notif-tabs{background:#151a18;border-color:#303a35}
.cdims-app[data-theme=dark] .cdims-notif-head{border-color:#303a35}
.cdims-app[data-theme=dark] .cdims-notif-item{border-color:#2a332f}
.cdims-app[data-theme=dark] .cdims-notif-item:hover{background:#202722}
.cdims-app[data-theme=dark] .cdims-notif-item strong{color:var(--cdims-text,#edf4ef)}
@media(max-width:600px){
  .cdims-notif-panel{width:calc(100vw - 16px);max-height:84vh;border-radius:14px}
}


/* ========== Aria horizontal top bar (below install / orange border) ========== */
.cdims-main > .aria-side,
.aria-side#cdims-aria{
  position:relative!important;
  right:auto!important;
  left:auto!important;
  top:auto!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:12px 16px 8px!important;
  padding:14px 18px 12px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:10px!important;
  border:1.5px solid rgba(74,255,235,.82)!important;
  border-radius:22px!important;
  background:linear-gradient(150deg,#063f42 0%,#062e35 46%,#041f29 100%)!important;
  color:#ecfffc!important;
  box-shadow:0 0 20px rgba(46,232,211,.22),0 12px 40px rgba(0,0,0,.18)!important;
  overflow:hidden!important;
  z-index:20!important;
  cursor:pointer;
}
.aria-side .aria-top-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  width:100%!important;
}
.aria-side .aria-head{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:12px!important;
  padding:0!important;
  border:0!important;
  margin:0!important;
  flex:0 1 auto!important;
  text-align:left!important;
}
.aria-side .aria-head-text{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:2px!important;
}
.aria-side .aria-label-top{
  position:static!important;
  transform:none!important;
  width:auto!important;
  margin:0!important;
  text-align:left!important;
  font-size:18px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  font-weight:800!important;
  color:#f3fffd!important;
}
.aria-side .aria-listening-label{
  margin:0!important;
  text-align:left!important;
  width:auto!important;
  font-size:13px!important;
  color:#b9e8e2!important;
  font-weight:600!important;
}
.aria-side .aria-voice-icon{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  margin:0!important;
  border:2px solid #56f4df!important;
  border-radius:50%!important;
  box-shadow:0 0 14px rgba(55,239,218,.28)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.aria-side .aria-voice-icon svg{
  width:22px!important;
  height:22px!important;
  stroke:#72fff0!important;
  fill:none!important;
  stroke-width:2.2!important;
}
.aria-side .aria-wave{
  flex:1 1 auto!important;
  height:36px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:3px!important;
  min-width:120px!important;
}
.aria-side .aria-wave i{
  max-height:32px!important;
}
.aria-side .aria-mid-row{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  width:100%!important;
}
.aria-side .aria-face-wrap{
  flex:0 0 auto!important;
  min-height:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
}
.aria-side .aria-avatar-ring{
  width:88px!important;
  height:88px!important;
}
.aria-side .aria-face{
  width:100%!important;
  height:100%!important;
}
.aria-side .aria-response{
  flex:1 1 auto!important;
  min-height:0!important;
  margin:0!important;
  padding:12px 14px!important;
  border-radius:16px!important;
  font-size:13px!important;
  line-height:1.4!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
}
.aria-side .aria-status-text{
  width:100%!important;
  padding:6px 0 0!important;
  margin:0!important;
  border-top:1px solid rgba(108,247,228,.15)!important;
}
.aria-side .aria-status-text small{
  font-size:12px!important;
}
/* Remove sidebar-collapsed hacks that hid Aria pieces */
.cdims-sidebar.collapsed .aria-side{display:none!important}

@media(max-width:760px){
  .cdims-main > .aria-side,
  .aria-side#cdims-aria{
    margin:10px 10px 6px!important;
    padding:12px 12px 10px!important;
    border-radius:18px!important;
  }
  .aria-side .aria-label-top{font-size:15px!important;white-space:normal!important}
  .aria-side .aria-avatar-ring{width:72px!important;height:72px!important}
  .aria-side .aria-wave{min-width:80px!important;height:28px!important}
  .aria-side .aria-response{font-size:12px!important;padding:10px 12px!important}
}


/* ========== Aria aurora orb (Siri-like) ========== */
.aria-side .aria-face-wrap{
  flex:0 0 auto!important;
  min-height:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  width:64px!important;
  height:64px!important;
}
.aria-side .aria-orb{
  position:relative!important;
  width:58px!important;
  height:58px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
}
.aria-side .aria-orb-core{
  position:absolute!important;
  inset:6px!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 50% 50%, #4a9e96 0%, #2d8a82 28%, #1f736c 55%, #0f5c58 78%, #0a4542 100%)!important;
  filter:blur(0.2px) saturate(1.15)!important;
  animation:ariaOrbSpin 6s linear infinite, ariaOrbPulse 2.4s ease-in-out infinite!important;
  box-shadow:0 0 16px rgba(30,120,110,.45),0 0 28px rgba(15,70,65,.3),inset 0 0 14px rgba(100,180,170,.25)!important;
}
.aria-side .aria-orb-core:after{
  content:"";
  position:absolute;
  inset:14%;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.75),rgba(255,255,255,.12) 35%,rgba(10,20,40,.35) 70%,rgba(5,10,25,.55) 100%);
}
.aria-side .aria-orb-ring{
  position:absolute!important;
  inset:-4px!important;
  border-radius:50%!important;
  border:2px solid transparent!important;
  background:linear-gradient(#062e35,#062e35) padding-box, conic-gradient(from 90deg,#72fff0,#4ef7e3,#00e5ff,#00b8d4,#72fff0) border-box!important;
  animation:ariaOrbSpin 9s linear infinite reverse!important;
  opacity:.85!important;
}
.aria-side .aria-orb-ring-2{
  inset:-10px!important;
  opacity:.4!important;
  animation-duration:14s!important;
  filter:blur(1px);
}
.aria-side.speaking .aria-orb-core{
  animation:ariaOrbSpin 2.2s linear infinite, ariaOrbPulseSpeak .55s ease-in-out infinite!important;
  filter:blur(0.2px) saturate(1.45) brightness(1.08)!important;
}
.aria-side.active .aria-orb-core{
  filter:blur(0.2px) saturate(1.35) brightness(1.05)!important;
}
/* hide legacy face/mouth if present */
.aria-side .aria-face,
.aria-side .aria-mouth,
.aria-side .aria-avatar-ring{display:none!important}

@keyframes ariaOrbSpin{
  to{transform:rotate(360deg)}
}
@keyframes ariaOrbPulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.04)}
}
@keyframes ariaOrbPulseSpeak{
  0%,100%{transform:scale(0.96)}
  50%{transform:scale(1.08)}
}


/* Front login/register submit — visible without dashboard CSS variables */
.cdims-front-wrap .cdims-btn,
.cdims-front-card .cdims-btn,
.cdims-front-submit{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  margin-top:16px!important;
  padding:14px 18px!important;
  border-radius:12px!important;
  border:0!important;
  background:#0f9f5c!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:800!important;
  cursor:pointer!important;
  box-shadow:0 8px 20px rgba(15,159,92,.25)!important;
  opacity:1!important;
  visibility:visible!important;
  min-height:48px!important;
}
.cdims-front-wrap .cdims-btn:hover,
.cdims-front-card .cdims-btn:hover,
.cdims-front-submit:hover{
  background:#0c8750!important;
  color:#fff!important;
}
.cdims-front-switch{margin-top:14px!important;font-size:13px!important;text-align:center!important}
.cdims-front-card form{display:block!important}
.cdims-terms-check{
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  gap:10px!important;
  font-weight:600!important;
  font-size:12px!important;
  margin:16px 0 4px!important;
}
.cdims-terms-check input[type=checkbox]{
  width:18px!important;
  height:18px!important;
  margin-top:2px!important;
  flex:0 0 18px!important;
}


/* Aria orb — smaller, darker teal */
.aria-side .aria-orb{
  background:transparent!important;
  box-shadow:none!important;
  animation:none!important;
  width:58px!important;
  height:58px!important;
}
.aria-side .aria-orb-core{
  background:radial-gradient(circle at 50% 50%, #4a9e96 0%, #2d8a82 28%, #1f736c 55%, #0f5c58 78%, #0a4542 100%)!important;
  box-shadow:0 0 16px rgba(30,120,110,.45),0 0 28px rgba(15,70,65,.3),inset 0 0 14px rgba(100,180,170,.25)!important;
  animation:ariaOrbSpin 6s linear infinite, ariaOrbPulse 2.4s ease-in-out infinite!important;
  filter:saturate(1.15)!important;
}
.aria-side .aria-orb-ring{
  background:linear-gradient(#062e35,#062e35) padding-box, conic-gradient(from 90deg,#3d8f88,#2a756e,#1a5f5a,#0f4a46,#2a756e,#3d8f88) border-box!important;
  animation:ariaOrbSpin 9s linear infinite reverse!important;
}
.aria-side.speaking .aria-orb-core,
.aria-side.active .aria-orb-core{
  animation:ariaOrbSpin 2s linear infinite, ariaOrbPulseSpeak .5s ease-in-out infinite!important;
  filter:saturate(1.25) brightness(1.06)!important;
  box-shadow:0 0 20px rgba(40,140,130,.65),0 0 40px rgba(20,90,85,.4)!important;
}

/* Install popup modal — always visible when Install is tapped without native prompt */
.cdims-install-modal{display:none;position:fixed;inset:0;z-index:2147483646;align-items:center;justify-content:center;padding:18px;box-sizing:border-box}
.cdims-install-modal.is-open{display:flex!important}
.cdims-install-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(4px)}
.cdims-install-modal-card{position:relative;z-index:1;width:min(420px,100%);background:#fff;border-radius:18px;padding:28px 24px 22px;box-shadow:0 24px 80px rgba(0,0,0,.35);color:#111;font-family:Inter,Arial,sans-serif}
.cdims-install-modal-x{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:#444;padding:4px 8px}
.cdims-install-modal-icon{width:64px;height:64px;border-radius:16px;background:#09b873;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:#111}
.cdims-install-modal-icon svg{width:36px;height:36px}
.cdims-install-modal-card h2{margin:0 0 14px;font-size:20px;font-weight:800;text-align:center;color:#111}
.cdims-install-modal-body{font-size:15px;line-height:1.5;color:#222}
.cdims-install-steps{margin:0 0 12px;padding-left:22px}
.cdims-install-steps li{margin:8px 0}
.cdims-install-note{font-size:13px;color:#555;margin:8px 0 0}
.cdims-install-modal-primary{display:block;width:100%;margin-top:18px;border:0;background:#111;color:#fff;border-radius:12px;padding:14px 16px;font-size:16px;font-weight:800;cursor:pointer}
.cdims-install-modal-primary:hover{background:#222}
body.cdims-install-modal-open{overflow:hidden}


/* Mobile menu button: MENU label only on small screens */
.cdims-mobile{
  display:none;
  align-items:center;
  gap:8px;
  font-weight:800;
  font-size:13px;
  letter-spacing:.04em;
  border:0;
  background:#f1f5f2;
  color:#53605a;
  border-radius:10px;
  padding:9px 12px;
  cursor:pointer;
}
.cdims-mobile-label{display:none;font-weight:800;font-size:12px;letter-spacing:.06em}
.cdims-mobile-icon{font-size:16px;line-height:1}

/* Drawer backdrop */
.cdims-nav-backdrop{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(15,20,18,.42);
  z-index:100000;
  border:0;
  padding:0;
  margin:0;
  cursor:pointer;
}
.cdims-nav-backdrop.is-open{display:block}

@media (max-width:760px){
  .cdims-mobile{display:inline-flex !important;margin:0 10px 0 0}
  .cdims-mobile-label{display:inline !important}

  /* Off-canvas drawer: fully hidden when closed — never leave a hover strip */
  .cdims-app{min-height:100vh;min-height:100dvh}
  .cdims-sidebar{
    position:fixed !important;
    top:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:min(280px,86vw) !important;
    max-width:280px !important;
    flex:none !important;
    flex-basis:auto !important;
    height:100% !important;
    margin:0 !important;
    z-index:100001 !important;
    transform:translateX(-105%) !important;
    -webkit-transform:translateX(-105%) !important;
    visibility:hidden !important;
    pointer-events:none !important;
    box-shadow:none !important;
    transition:transform .22s ease, visibility 0s linear .22s !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
  }
  /* Ignore desktop collapsed mode on phones */
  .cdims-sidebar.collapsed{
    width:min(280px,86vw) !important;
    flex-basis:auto !important;
  }
  .cdims-sidebar.mobile-open{
    transform:translateX(0) !important;
    -webkit-transform:translateX(0) !important;
    visibility:visible !important;
    pointer-events:auto !important;
    box-shadow:12px 0 40px rgba(0,0,0,.22) !important;
    transition:transform .22s ease, visibility 0s linear 0s !important;
  }
  /* Main content always full width on mobile — drawer overlays, does not reserve space */
  .cdims-main,
  .cdims-main.wide{
    width:100% !important;
    max-width:100% !important;
    flex:1 1 auto !important;
    margin-left:0 !important;
  }
  body.cdims-drawer-open{overflow:hidden}
}


/* Admin manager controls — responsive action bars */
.cdims-admin-managers .cdims-mgr-actions{
  min-width:160px;
  vertical-align:top;
}
.cdims-mgr-action-bar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
.cdims-mgr-plan-wrap{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin:0;
  min-width:120px;
}
.cdims-mgr-action-label{
  display:none;
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
  color:#7a8781;
  text-transform:uppercase;
}
.cdims-mgr-action-bar select.cdims-mgr-plan{
  min-width:120px;
  max-width:100%;
  padding:8px 10px;
  border-radius:10px;
  border:1px solid #d7e0db;
  background:#fff;
}
.cdims-mgr-action-bar .cdims-btn{
  margin:0;
  white-space:nowrap;
}

/* Always stack admin manager rows so manage controls sit at the bottom of each subscriber */
.cdims-table-wrap:has(.cdims-admin-managers){
  overflow:visible;
}
table.cdims-admin-managers,
table.cdims-admin-managers thead,
table.cdims-admin-managers tbody,
table.cdims-admin-managers th,
table.cdims-admin-managers td,
table.cdims-admin-managers tr{
  display:block;
  width:100%;
}
table.cdims-admin-managers thead{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  border:0;
}
table.cdims-admin-managers tr{
  background:#fff;
  border:1px solid #d7e4dc;
  border-radius:14px;
  padding:12px 12px 10px;
  margin:0 0 14px;
  box-shadow:0 4px 14px rgba(20,40,30,.04);
}
table.cdims-admin-managers td{
  border:0 !important;
  padding:6px 0 !important;
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  text-align:left;
}
table.cdims-admin-managers td::before{
  content:attr(data-label);
  font-size:11px;
  font-weight:800;
  color:#7a8781;
  text-transform:uppercase;
  letter-spacing:.03em;
  flex:0 0 38%;
  max-width:38%;
}
table.cdims-admin-managers td.cdims-mgr-actions{
  display:block;
  padding-top:12px !important;
  margin-top:8px;
  border-top:1px solid #e6eee9 !important;
}
table.cdims-admin-managers td.cdims-mgr-actions::before{
  content:"Manage";
  display:block;
  margin-bottom:8px;
  flex:none;
  max-width:none;
}
.cdims-mgr-action-bar{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  width:100%;
}
.cdims-mgr-plan-wrap{
  width:100%;
  min-width:0;
}
.cdims-mgr-action-label{display:block}
.cdims-mgr-action-bar select.cdims-mgr-plan,
.cdims-mgr-action-bar .cdims-btn{
  width:100%;
  justify-content:center;
}


/* PayPal checkout modal */
.cdims-paypal-modal{
  position:fixed;
  inset:0;
  z-index:100050;
  background:rgba(12,18,16,.55);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
}
.cdims-paypal-modal[hidden]{display:none !important}
.cdims-paypal-dialog{
  position:relative;
  width:min(420px,100%);
  background:#fff;
  border-radius:16px;
  padding:22px 20px 18px;
  box-shadow:0 20px 50px rgba(0,0,0,.25);
}
.cdims-app[data-theme=dark] .cdims-paypal-dialog{background:#1a201d;color:#edf4ef}
.cdims-paypal-close{
  position:absolute;
  right:12px;
  top:10px;
  border:0;
  background:transparent;
  font-size:24px;
  line-height:1;
  cursor:pointer;
  color:#68746e;
}
.cdims-paypal-dialog h3{margin:0 0 6px;font-size:18px}
#cdims-paypal-buttons{margin-top:14px;min-height:48px}
#cdims-paypal-status{margin-top:12px;font-size:13px}
body.cdims-paypal-open{overflow:hidden}

.cdims-receipt-modal{
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  background:rgba(10,16,14,.55);
}
.cdims-receipt-dialog{
  width:min(720px,96vw);
  max-height:90vh;
  overflow:auto;
  padding:12px 12px 18px;
}
#cdims-receipt-frame .card{box-shadow:none;border:0;padding:12px}
@media (max-width:900px){
  table.cdims-sub-payment-table, table.cdims-sub-payment-table thead, table.cdims-sub-payment-table tbody,
  table.cdims-sub-payment-table th, table.cdims-sub-payment-table td, table.cdims-sub-payment-table tr{display:block;width:100%}
  table.cdims-sub-payment-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  table.cdims-sub-payment-table tr{background:#fff;border:1px solid #d7e4dc;border-radius:14px;padding:12px;margin:0 0 12px}
  table.cdims-sub-payment-table td{border:0!important;padding:6px 0!important;display:flex;justify-content:space-between;gap:10px}
  table.cdims-sub-payment-table td::before{content:attr(data-label);font-size:11px;font-weight:800;color:#7a8781;text-transform:uppercase}
}

/* Business tips accordion + laws */
.tip-accordion-body{font-size:13px;line-height:1.6;color:var(--cdims-text);margin:0}
.tip-calendar-card{margin-top:16px;padding:14px;border:1px solid var(--cdims-border);border-radius:12px;background:#f7faf8}
.tip-calendar-card h4{margin:0 0 6px}
.tip-laws-list{display:grid;gap:10px;margin-top:12px}
.tip-law-card{display:block;padding:14px 16px;border:1px solid var(--cdims-border);border-radius:12px;background:var(--cdims-card);text-decoration:none;color:inherit;transition:.15s}
.tip-law-card:hover{border-color:var(--cdims-primary);box-shadow:0 6px 18px rgba(20,40,30,.06)}
.tip-law-card strong{display:block;font-size:14px;margin-bottom:4px}
.tip-law-card span{display:block;font-size:12px;color:var(--cdims-muted);line-height:1.5}
.tip-law-card em{display:block;margin-top:8px;font-style:normal;font-size:12px;font-weight:700;color:var(--cdims-primary)}

/* Mobile: prevent stretched full-bleed controls / tables */
@media (max-width:760px){
  .cdims-content{
    max-width:100%;
    width:100%;
    box-sizing:border-box;
    overflow-x:hidden;
    padding-left:12px !important;
    padding-right:12px !important;
  }
  .cdims-page-title{
    flex-wrap:wrap;
    gap:10px;
    align-items:stretch !important;
  }
  .cdims-page-title .cdims-btn,
  .cdims-page-title a.cdims-btn,
  .cdims-page-title button{
    width:auto !important;
    max-width:100%;
    align-self:flex-start;
    white-space:nowrap;
  }
  .cdims-table-wrap{
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .cdims-table{
    min-width:0;
    width:100%;
  }
  .cdims-card{
    max-width:100%;
    box-sizing:border-box;
  }
  .cdims-stat-grid,
  .form-grid,
  .plans{
    grid-template-columns:1fr !important;
  }
  .cdims-topbar h1{
    font-size:13px !important;
    line-height:1.3;
    word-break:break-word;
  }
  .cdims-main{
    min-width:0;
    max-width:100%;
  }
}


/* Invoices / records — mobile card layout */
.page-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.page-actions .cdims-btn{
  width:auto;
  flex:0 0 auto;
}

@media (max-width:760px){
  .cdims-page-title{
    display:flex;
    flex-direction:column;
    align-items:stretch !important;
    gap:12px;
  }
  .cdims-page-title > div:first-child{
    min-width:0;
  }
  .page-actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .page-actions .cdims-btn,
  .page-actions a.cdims-btn{
    width:100% !important;
    max-width:100%;
    justify-content:center;
    text-align:center;
    box-sizing:border-box;
    white-space:normal;
    font-size:13px;
    padding:11px 12px;
  }

  .cdims-card .card-head{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }

  .cdims-invoice-filter{width:100%;box-sizing:border-box;margin:0 0 14px;align-items:stretch}
  .cdims-invoice-filter label{width:100%;flex-direction:column;align-items:stretch}
  .cdims-invoice-filter select{width:100%;min-width:0;font-size:13px;padding:11px}


  .cdims-table-wrap{
    overflow-x:visible !important;
  }
  table.cdims-table.cdims-records-table,
  table.cdims-table.cdims-records-table thead,
  table.cdims-table.cdims-records-table tbody,
  table.cdims-table.cdims-records-table th,
  table.cdims-table.cdims-records-table td,
  table.cdims-table.cdims-records-table tr{
    display:block;
    width:100%;
    box-sizing:border-box;
  }
  table.cdims-table.cdims-records-table thead{
    position:absolute;
    width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;
  }
  table.cdims-table.cdims-records-table tr.cdims-record-row{
    background:#fff;
    border:1px solid #d7e4dc;
    border-radius:14px 14px 0 0;
    padding:12px 12px 6px;
    margin:0;
    box-shadow:0 4px 14px rgba(20,40,30,.04);
  }
  table.cdims-table.cdims-records-table tr.cdims-actions-row{
    background:#f7faf8;
    border:1px solid #d7e4dc;
    border-top:0;
    border-radius:0 0 14px 14px;
    padding:10px 12px 12px;
    margin:0 0 14px;
  }
  table.cdims-table.cdims-records-table tr.cdims-record-row td{
    border:0 !important;
    padding:8px 0 !important;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    text-align:left;
  }
  table.cdims-table.cdims-records-table tr.cdims-record-row td::before{
    content:attr(data-label);
    font-size:11px;
    font-weight:800;
    color:#7a8781;
    text-transform:uppercase;
    letter-spacing:.03em;
    flex:0 0 42%;
    max-width:42%;
  }
  table.cdims-table.cdims-records-table tr.cdims-actions-row td{
    border:0 !important;
    padding:0 !important;
    display:block;
  }
  table.cdims-table.cdims-records-table tr.cdims-actions-row td::before{
    content:"Actions";
    display:block;
    font-size:11px;
    font-weight:800;
    color:#7a8781;
    text-transform:uppercase;
    margin-bottom:8px;
  }
  table.cdims-table.cdims-records-table .cdims-row-actions,
  table.cdims-table.cdims-records-table .cdims-actions,
  table.cdims-table.cdims-records-table td[data-label="Actions"] > *{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }
  table.cdims-table.cdims-records-table .cdims-btn,
  table.cdims-table.cdims-records-table button.cdims-btn{
    flex:1 1 calc(50% - 4px);
    min-width:120px;
    justify-content:center;
    white-space:normal;
  }
  table.cdims-table.cdims-records-table td[colspan]{
    display:block;
    text-align:center;
    padding:24px 12px !important;
  }
  table.cdims-table.cdims-records-table td[colspan]::before{display:none}
}

.aria-side.cdims-aria-off,
.aria-float.cdims-aria-off,
.cdims-aria-panel.cdims-aria-off{
  opacity:.45;
  filter:grayscale(.3);
  pointer-events:none;
}
.aria-side.cdims-aria-off .aria-listening-label,
.aria-side.cdims-aria-off .aria-status-text small{
  /* still show "Aria is off" */
  pointer-events:none;
}

/* Mobile subscription countdown (top bar) */
.cdims-mobile-countdown{display:none}
@media (max-width:760px){
  .cdims-mobile-countdown{
    display:block !important;
    margin:8px 0 0;
    padding:6px 10px;
    background:#fff5f5;
    border:1px solid #ffd0d0;
    border-radius:10px;
    text-align:center;
    font-size:11px;
    line-height:1.3;
    width:100%;
    box-sizing:border-box;
  }
  .cdims-topbar > div:first-child{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    width:100%;
  }
  /* Keep burger tappable above overlays */
  .cdims-mobile{
    position:relative;
    z-index:100010 !important;
    pointer-events:auto !important;
    cursor:pointer !important;
  }
}

/* Mobile title on one line */
.cdims-brand-head h1{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:nowrap;
}
.cdims-brand-head h1 .cdims-flag{flex:0 0 auto}
@media (max-width:760px){
  .cdims-brand-head{
    min-width:0;
    flex:1 1 auto;
    overflow:hidden;
  }
  .cdims-brand-head h1{
    font-size:clamp(10px, 2.9vw, 13px) !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:100%;
    display:block !important;
  }
  .cdims-topbar h1{display:block !important;font-size:clamp(10px, 2.9vw, 13px) !important}
  .cdims-logo-upload{
    width:48px !important;
    height:48px !important;
  }
}
/* Save toast — smoke fade */
.cdims-save-toast{
  position:fixed;
  left:50%;
  top:45%;
  transform:translate(-50%,-50%);
  z-index:100100;
  background:rgba(20,28,24,.88);
  color:#fff;
  font-weight:800;
  font-size:18px;
  letter-spacing:.06em;
  padding:14px 28px;
  border-radius:999px;
  pointer-events:none;
  opacity:0;
  animation:cdimsSaveSmoke 1.35s ease-out forwards;
}
@keyframes cdimsSaveSmoke{
  0%{opacity:0;transform:translate(-50%,-40%) scale(.92);filter:blur(0)}
  18%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}
  70%{opacity:.85;transform:translate(-50%,-58%) scale(1.02);filter:blur(.2px)}
  100%{opacity:0;transform:translate(-50%,-72%) scale(1.08);filter:blur(3px)}
}

/* Hide topbar MENU while the mobile drawer is open — do not float over nav tabs */
body.cdims-drawer-open .cdims-mobile{
  visibility:hidden !important;
  pointer-events:none !important;
}
@media (max-width:760px){
  /* Sidebar already open via topbar control — hide redundant collapse "Menu" inside drawer */
  .cdims-sidebar .cdims-collapse{
    display:none !important;
  }
}

/* Multi-line invoice editor */
.cdims-invoice-lines{display:flex;flex-direction:column;gap:12px;margin:10px 0 14px}
.cdims-invoice-line{background:#f7faf8;border:1px solid #d7e4dc;border-radius:12px;padding:12px 14px}
.cdims-invoice-line .invoice-line-grid{margin:0}
.cdims-line-remove-wrap{display:flex;align-items:flex-end;padding-bottom:4px}
.cdims-invoice-line .cdims-line-total{background:#eef5f0;font-weight:700}

/* Services Agreement modal — centered actions + per-customer Save at bottom */
.cdims-agreement-modal-box{
  display:flex;
  flex-direction:column;
  overflow:hidden !important;
}
.cdims-agreement-modal-box > .cdims-agreement-preview{
  flex:1 1 auto;
  min-height:140px;
  overflow:auto;
}
.cdims-agreement-modal-box > .cdims-agreement-editor-wrap{
  flex:0 1 auto;
  max-height:40vh;
  overflow:auto;
}
.cdims-agreement-modal-box > .agreement-actions{
  position:relative;
  z-index:20;
  flex:0 0 auto;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:0;
  padding:12px 10px 14px;
  background:#fff;
  border-top:1px solid #e6eee9;
  box-shadow:0 -8px 20px rgba(20,40,30,.08);
  text-align:center;
}
.agreement-actions-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
}
.agreement-actions-save-row{
  order:99;
  width:100%;
  padding-top:4px;
}
.agreement-actions-save-row .cdims-agreement-save-btn,
.agreement-actions-save-row [data-agreement-save],
.cdims-agreement-editor-save [data-agreement-save]{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100%;
  max-width:420px;
  min-height:48px;
  justify-content:center;
  align-items:center;
  font-weight:800;
  font-size:15px;
  padding:12px 18px;
  background:#2f9e5b !important;
  color:#fff !important;
  border:0 !important;
  border-radius:12px;
}
.cdims-agreement-editor-save{
  margin-top:12px;
  text-align:center;
}
.cdims-save-default-label{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:12px;
  font-weight:600;
  margin:0 !important;
  text-align:center;
}
#cdims-services-agreement-modal.is-editing [data-agreement-save]{
  box-shadow:0 0 0 3px rgba(47,158,91,.35);
}
@media (max-width:760px){
  .cdims-agreement-modal-box > .cdims-agreement-preview{height:34vh;min-height:120px;flex:0 0 auto}
  .cdims-agreement-modal-box > .cdims-agreement-editor-wrap{max-height:32vh}
  .agreement-actions-main-row .cdims-btn{
    flex:1 1 calc(50% - 8px);
    justify-content:center;
  }
  .agreement-actions-save-row [data-agreement-save]{
    width:100%;
    max-width:none;
  }
}

/* Mobile invoice preview modal */
.cdims-modal.open{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px;
  box-sizing:border-box;
}
.cdims-invoice-preview-box{
  display:flex !important;
  flex-direction:column !important;
  width:min(1240px,96vw) !important;
  max-width:96vw !important;
  max-height:92vh !important;
  overflow:hidden !important;
  padding:12px !important;
  box-sizing:border-box;
}
.cdims-invoice-preview-box #cdims-modal-content,
.cdims-invoice-preview-box .cdims-modal-content{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  min-height:0;
  overflow:hidden;
}
.cdims-invoice-preview-box .invoice-preview-title{
  flex:0 0 auto;
  font-size:15px;
  margin:0 36px 8px 0;
}
.cdims-invoice-preview-box .cdims-inline-document{
  flex:1 1 auto;
  min-height:0;
  height:auto !important;
  border:1px solid #dfe7e2;
  border-radius:10px;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  background:#eef1ef;
}
.cdims-invoice-preview-box .cdims-inline-document iframe{
  width:100%;
  height:100%;
  min-height:50vh;
  border:0;
  background:#fff;
}
.cdims-invoice-preview-box .pop-actions{
  flex:0 0 auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
  margin-top:10px;
  padding:8px 0 2px;
  background:#fff;
  border-top:1px solid #e6eee9;
  position:relative;
  z-index:5;
}
.cdims-invoice-preview-box .pop-actions .cdims-btn{
  flex:1 1 calc(50% - 8px);
  min-width:120px;
  justify-content:center;
  text-align:center;
}
@media (max-width:760px){
  .cdims-modal.open{padding:6px;align-items:stretch}
  .cdims-invoice-preview-box{
    width:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    height:100% !important;
    border-radius:12px !important;
    margin:0 !important;
  }
  .cdims-invoice-preview-box .cdims-inline-document iframe{
    min-height:42vh;
  }
  .cdims-invoice-preview-box .pop-actions .cdims-btn{
    flex:1 1 calc(50% - 8px);
    font-size:13px;
    padding:10px 8px;
  }
}

/* Agreement actions — keep Save full-width and first */
#cdims-services-agreement-modal .agreement-actions{
  display:block !important;
  text-align:center;
  padding:12px 8px !important;
  background:#fff;
  border-top:1px solid #e6eee9;
  flex:0 0 auto;
}
#cdims-save-agreement-btn,
#cdims-save-agreement-inline{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  max-width:100% !important;
}


/* Invoice preview — mobile fit */
.cdims-invoice-preview-box .cdims-inline-document iframe{
  width:100% !important;
  max-width:100% !important;
  border:0;
  background:#fff;
}
.cdims-invoice-preview-box .pop-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:8px !important;
}
.cdims-invoice-preview-box .pop-actions .cdims-btn{
  flex:1 1 calc(50% - 8px) !important;
  min-width:140px !important;
  max-width:100% !important;
  justify-content:center !important;
  text-align:center !important;
  white-space:normal !important;
  height:auto !important;
  min-height:42px !important;
  padding:10px 12px !important;
}
@media (max-width:760px){
  .cdims-invoice-preview-box .cdims-inline-document{
    overflow:auto !important;
    -webkit-overflow-scrolling:touch;
  }
  .cdims-invoice-preview-box .cdims-inline-document iframe{
    min-height:45vh !important;
  }
  .cdims-invoice-preview-box .pop-actions .cdims-btn{
    flex:1 1 calc(50% - 8px) !important;
    font-size:13px !important;
  }
}

/* Agreement modal — never clip the Save button */
#cdims-services-agreement-modal.cdims-template-modal{
  display:flex !important;
  align-items:stretch;
  justify-content:center;
  padding:8px;
  box-sizing:border-box;
}
#cdims-services-agreement-modal .cdims-agreement-modal-box{
  display:flex !important;
  flex-direction:column !important;
  max-height:96vh !important;
  width:min(960px,100%) !important;
  overflow:auto !important;
  padding-bottom:8px !important;
}
#cdims-services-agreement-modal .cdims-agreement-preview{
  flex:1 1 auto;
  min-height:160px;
  max-height:50vh;
  overflow:auto;
}
#cdims-services-agreement-modal .agreement-actions{
  flex:0 0 auto !important;
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  width:100% !important;
}
#cdims-save-agreement-btn,
#cdims-save-agreement-inline{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  max-width:420px;
  background:#2f9e5b !important;
  color:#fff !important;
}

/* ========== Invoice Payments modal (blurred backdrop) ========== */
.cdims-payments-modal{
  display:flex !important;
  align-items:center;
  justify-content:center;
  position:fixed;
  inset:0;
  z-index:1000100;
  background:rgba(10,16,13,.55);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.cdims-payments-dialog{
  width:min(440px,94vw);
  max-height:92vh;
  overflow:auto;
  background:#fff;
  border-radius:14px;
  padding:22px 22px 18px;
  box-shadow:0 18px 50px rgba(0,0,0,.28);
  position:relative;
}
.cdims-app[data-theme=dark] .cdims-payments-dialog{
  background:#1a201d;
  color:#edf4ef;
}
.cdims-payments-form label{
  display:block;
  margin:0 0 12px;
  font-size:13px;
  font-weight:650;
}
.cdims-payments-form input[type=number],
.cdims-payments-form input[type=date],
.cdims-payments-form select,
.cdims-payments-form textarea{
  display:block;
  width:100%;
  margin-top:6px;
  padding:10px 12px;
  border:1px solid #dfe6e2;
  border-radius:8px;
  font:inherit;
  box-sizing:border-box;
  background:#fff;
  color:inherit;
}
.cdims-app[data-theme=dark] .cdims-payments-form input,
.cdims-app[data-theme=dark] .cdims-payments-form select,
.cdims-app[data-theme=dark] .cdims-payments-form textarea{
  background:#151a18;
  border-color:#303a35;
}
.cdims-pay-mark{
  display:flex !important;
  align-items:center;
  gap:8px;
  font-weight:600 !important;
}
.cdims-pay-mark input{ width:auto !important; margin:0 !important; }
.cdims-payments-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:14px;
}
.cdims-payments-actions .cdims-pay-save-btn,
.cdims-payments-actions #cdims-pay-record{
  display:block !important;
  width:100% !important;
  flex:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:12px 16px !important;
  font-size:15px !important;
  font-weight:800 !important;
  background:#2f9e5b !important;
  border:1px solid #2f9e5b !important;
  color:#fff !important;
  border-radius:10px !important;
  cursor:pointer;
  text-align:center;
}
.cdims-payments-secondary{
  display:flex;
  gap:8px;
  width:100%;
}
.cdims-payments-secondary .cdims-btn{
  flex:1 1 50%;
  min-width:0;
  margin:0 !important;
  text-align:center;
}
#cdims-pay-status{ font-size:13px; min-height:1.2em; }


/* ===== Aria Siri-style modern glass orb (smaller, darker teal) ===== */
.aria-side .aria-orb,
.aria-float .aria-orb,
#cdims-aria-orb{
  position:relative !important;
  width:58px !important;
  height:58px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:transparent !important;
  box-shadow:none !important;
  animation:none !important;
  overflow:visible !important;
}
.aria-side .aria-orb-core,
.aria-float .aria-orb-core,
#cdims-aria-orb .aria-orb-core{
  position:absolute !important;
  inset:6px !important;
  border-radius:50% !important;
  /* Darker teal/cyan glass sphere */
  background:
    radial-gradient(circle at 32% 28%, rgba(255,255,255,.7) 0%, rgba(80,200,190,.28) 18%, transparent 42%),
    radial-gradient(circle at 70% 75%, rgba(0,140,160,.45) 0%, transparent 45%),
    radial-gradient(circle at 50% 50%, #4a9e96 0%, #2d8a82 28%, #1f736c 55%, #0f5c58 78%, #0a4542 100%) !important;
  box-shadow:
    0 0 0 1px rgba(120,200,195,.35) inset,
    0 6px 18px rgba(15,70,65,.4),
    0 0 28px rgba(30,120,110,.4),
    0 0 48px rgba(20,90,85,.25) !important;
  filter:saturate(1.15) !important;
  animation:ariaSiriPulse 3.2s ease-in-out infinite !important;
}
.aria-side .aria-orb-core:after,
#cdims-aria-orb .aria-orb-core:after{
  content:"" !important;
  position:absolute !important;
  inset:18% !important;
  border-radius:50% !important;
  background:radial-gradient(circle at 40% 35%, rgba(255,255,255,.4), rgba(255,255,255,.06) 50%, transparent 70%) !important;
  pointer-events:none !important;
}
.aria-side .aria-orb-ring,
.aria-side .aria-orb-ring-2,
#cdims-aria-orb .aria-orb-ring{
  position:absolute !important;
  inset:0 !important;
  border-radius:50% !important;
  border:1.5px solid transparent !important;
  background:
    linear-gradient(transparent, transparent) padding-box,
    conic-gradient(from 0deg, #3d8f88, #2a756e, #1a5f5a, #0f4a46, #1a5f5a, #2a756e, #3d8f88) border-box !important;
  -webkit-mask:linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask:linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:.8 !important;
  animation:ariaSiriSpin 10s linear infinite !important;
  box-shadow:none !important;
}
.aria-side .aria-orb-ring-2{
  inset:3px !important;
  opacity:.5 !important;
  animation:ariaSiriSpin 14s linear infinite reverse !important;
}
.aria-side.active .aria-orb-core,
.aria-side.speaking .aria-orb-core,
.aria-float.active .aria-orb-core{
  animation:ariaSiriPulseSpeak 0.85s ease-in-out infinite !important;
  box-shadow:
    0 0 0 1px rgba(140,220,210,.45) inset,
    0 0 20px rgba(40,140,130,.65),
    0 0 40px rgba(30,110,100,.45),
    0 0 64px rgba(20,90,85,.3) !important;
  filter:saturate(1.25) brightness(1.06) !important;
}
.aria-side.active .aria-orb-ring,
.aria-side.speaking .aria-orb-ring{
  animation:ariaSiriSpin 3.5s linear infinite !important;
  opacity:1 !important;
}
.cdims-sidebar.collapsed .aria-side .aria-orb{
  width:34px !important;
  height:34px !important;
}
.cdims-sidebar.collapsed .aria-side .aria-orb-core{ inset:4px !important; }
@keyframes ariaSiriPulse{
  0%,100%{ transform:scale(1); filter:saturate(1.1); }
  50%{ transform:scale(1.04); filter:saturate(1.25); }
}
@keyframes ariaSiriPulseSpeak{
  0%,100%{ transform:scale(1); }
  50%{ transform:scale(1.08); }
}
@keyframes ariaSiriSpin{
  to{ transform:rotate(360deg); }
}
.aria-float .aria-orb{
  width:52px !important;
  height:52px !important;
}
.aria-float .aria-orb-core{ inset:6px !important; }


/* ===== Aria cyan/teal glow orb (matches waveform reference) + mute toggle ===== */
/* Primary cyan: #72fff0 / #4ef7e3 / #00e5ff — matches .aria-wave bars */
.aria-side .aria-orb-core,
.aria-float .aria-orb-core,
#cdims-aria-orb .aria-orb-core{
  background:
    radial-gradient(circle at 30% 26%, rgba(255,255,255,.92) 0%, rgba(180,255,250,.4) 16%, transparent 40%),
    radial-gradient(circle at 68% 72%, rgba(0,229,255,.55) 0%, transparent 48%),
    radial-gradient(circle at 50% 50%, #b8fff8 0%, #72fff0 22%, #4ef7e3 48%, #00e5ff 72%, #00b8d4 100%) !important;
  box-shadow:
    0 0 0 1px rgba(180,255,250,.5) inset,
    0 0 18px rgba(114,255,240,.7),
    0 0 40px rgba(78,247,227,.55),
    0 0 70px rgba(0,229,255,.4),
    0 8px 24px rgba(0,120,140,.3) !important;
  filter:saturate(1.35) brightness(1.05) !important;
  animation:ariaCyanPulse 2.6s ease-in-out infinite !important;
}
.aria-side .aria-orb-ring,
.aria-side .aria-orb-ring-2,
#cdims-aria-orb .aria-orb-ring{
  background:
    linear-gradient(transparent, transparent) padding-box,
    conic-gradient(from 0deg, #b8fff8, #72fff0, #4ef7e3, #00e5ff, #00b8d4, #72fff0, #b8fff8) border-box !important;
  opacity:.95 !important;
  box-shadow:0 0 12px rgba(114,255,240,.45) !important;
}
.aria-side.active .aria-orb-core,
.aria-side.speaking .aria-orb-core,
.aria-float.active .aria-orb-core{
  animation:ariaCyanPulseSpeak 0.7s ease-in-out infinite !important;
  box-shadow:
    0 0 0 1px rgba(220,255,255,.65) inset,
    0 0 24px rgba(114,255,240,.95),
    0 0 52px rgba(78,247,227,.75),
    0 0 88px rgba(0,229,255,.45) !important;
  filter:saturate(1.5) brightness(1.12) !important;
}
.aria-side.aria-muted .aria-orb-core,
#cdims-aria.aria-muted .aria-orb-core{
  filter:grayscale(.85) brightness(.7) !important;
  box-shadow:0 0 12px rgba(100,100,100,.3) !important;
  animation:none !important;
}
.aria-side.aria-muted .aria-orb-ring{
  opacity:.25 !important;
  animation:none !important;
}
@keyframes ariaCyanPulse{
  0%,100%{ transform:scale(1); filter:saturate(1.3) brightness(1.02); }
  50%{ transform:scale(1.05); filter:saturate(1.45) brightness(1.1); }
}
@keyframes ariaCyanPulseSpeak{
  0%,100%{ transform:scale(1); }
  50%{ transform:scale(1.09); }
}
.aria-mute-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:10px auto 4px;
  padding:8px 16px;
  border-radius:999px;
  border:1px solid rgba(0,229,255,.4);
  background:linear-gradient(180deg, rgba(114,255,240,.2), rgba(0,184,212,.1));
  color:#064e5a;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  cursor:pointer;
  pointer-events:auto !important;
  position:relative;
  z-index:5;
  transition:.15s ease;
  box-shadow:0 0 12px rgba(114,255,240,.25);
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.aria-mute-toggle:hover{
  background:linear-gradient(180deg, rgba(114,255,240,.32), rgba(0,184,212,.18));
  box-shadow:0 0 18px rgba(114,255,240,.4);
}
.aria-mute-toggle.is-muted{
  border-color:rgba(120,120,120,.4);
  background:#f0f2f1;
  color:#5a6560;
  box-shadow:none;
}
.aria-mute-toggle .aria-mute-icon{
  width:10px;height:10px;border-radius:50%;
  background:#00e5ff;
  box-shadow:0 0 8px #72fff0;
}
.aria-mute-toggle.is-muted .aria-mute-icon{
  background:#9aa39e;
  box-shadow:none;
}
.cdims-app[data-theme=dark] .aria-mute-toggle{
  color:#d0faff;
  border-color:rgba(114,255,240,.45);
}
.cdims-app[data-theme=dark] .aria-mute-toggle.is-muted{
  color:#9aa39e;
  border-color:rgba(120,120,120,.4);
  background:#1a201d;
}


/* Aria head: mic + mute side by side (mobile + desktop) */
.aria-head{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  width:100%;
}
.aria-head .aria-voice-icon{
  flex:0 0 auto;
}
.aria-head .aria-mute-toggle{
  flex:0 0 auto;
  margin:0 !important;
  min-height:40px;
  min-width:88px;
  padding:10px 14px !important;
  font-size:13px !important;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  cursor:pointer !important;
  pointer-events:auto !important;
  z-index:5;
  position:relative;
}
.aria-head-text{
  flex:1 1 100%;
  text-align:center;
}
@media(min-width:900px){
  .aria-head-text{ flex:1 1 auto; text-align:left; }
}

/* FINAL: Aria orb = cyan/teal from waveform image 2 (#72fff0 / #4ef7e3 / #00e5ff) — NOT green */
.aria-side .aria-orb-core,
.aria-float .aria-orb-core,
#cdims-aria-orb .aria-orb-core{
  background:
    radial-gradient(circle at 30% 26%, rgba(255,255,255,.95) 0%, rgba(180,255,250,.45) 14%, transparent 38%),
    radial-gradient(circle at 70% 78%, rgba(0,229,255,.5) 0%, transparent 50%),
    radial-gradient(circle at 50% 50%, #c8fff9 0%, #72fff0 28%, #4ef7e3 55%, #00e5ff 78%, #00b8d4 100%) !important;
  box-shadow:
    0 0 0 1px rgba(200,255,255,.5) inset,
    0 0 18px rgba(114,255,240,.7),
    0 0 40px rgba(78,247,227,.55),
    0 0 70px rgba(0,229,255,.4) !important;
  filter:saturate(1.35) brightness(1.05) !important;
}
.aria-side .aria-orb-ring,
.aria-side .aria-orb-ring-2,
#cdims-aria-orb .aria-orb-ring{
  background:
    linear-gradient(transparent, transparent) padding-box,
    conic-gradient(from 0deg, #c8fff9, #72fff0, #4ef7e3, #00e5ff, #00b8d4, #72fff0, #c8fff9) border-box !important;
  box-shadow:0 0 12px rgba(114,255,240,.45) !important;
}
.aria-side.active .aria-orb-core,
.aria-side.speaking .aria-orb-core,
.aria-float.active .aria-orb-core{
  box-shadow:
    0 0 0 1px rgba(220,255,255,.65) inset,
    0 0 24px rgba(114,255,240,.95),
    0 0 52px rgba(78,247,227,.75),
    0 0 88px rgba(0,229,255,.5) !important;
  filter:saturate(1.5) brightness(1.12) !important;
}
.aria-mute-toggle{
  border-color:rgba(0,229,255,.45) !important;
  background:linear-gradient(180deg, rgba(114,255,240,.22), rgba(0,184,212,.12)) !important;
  color:#064e5a !important;
}
.aria-mute-toggle .aria-mute-icon{
  background:#00e5ff !important;
  box-shadow:0 0 8px #72fff0 !important;
}
.cdims-app[data-theme=dark] .aria-mute-toggle{
  color:#d0faff !important;
  border-color:rgba(114,255,240,.5) !important;
}


/* Keep Services Agreement + Payments visible at bottom of invoice preview */
.cdims-invoice-preview-box{
  overflow:hidden !important;
}
.cdims-invoice-preview-box #cdims-modal-content{
  overflow:hidden !important;
}
.cdims-invoice-preview-box .cdims-inline-document{
  flex:1 1 auto !important;
  min-height:120px !important;
  max-height:none !important;
}
.cdims-invoice-preview-box .pop-actions{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  flex:0 0 auto !important;
  flex-wrap:wrap !important;
  position:relative !important;
  z-index:20 !important;
  margin-top:8px !important;
  padding:10px 4px 6px !important;
  background:#fff !important;
  border-top:1px solid #e6eee9 !important;
}
.cdims-invoice-preview-box .pop-actions .cdims-btn.primary{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  flex:1 1 calc(50% - 8px) !important;
  min-width:140px !important;
  background:var(--cdims-primary, #0d9f6e) !important;
  color:#fff !important;
}

.cdims-invoice-preview-box .pop-actions-primary{
  display:flex !important;
  visibility:visible !important;
  gap:8px !important;
  margin-top:6px !important;
  padding:0 4px 8px !important;
  flex:0 0 auto !important;
}
.cdims-invoice-preview-box .pop-actions-primary .cdims-btn{
  flex:1 1 50% !important;
  min-width:140px !important;
}

/* Password show/hide */
.cdims-password-wrap{
  position:relative;
  display:block;
  width:100%;
}
.cdims-password-wrap input[type=password],
.cdims-password-wrap input[type=text]{
  width:100%;
  padding-right:4.5rem;
  box-sizing:border-box;
}
.cdims-toggle-password{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  border:0;
  background:transparent;
  color:var(--cdims-primary,#1f7a45);
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  padding:4px 8px;
  border-radius:6px;
  line-height:1.2;
}
.cdims-toggle-password:hover{
  background:rgba(50,185,102,.12);
}
.cdims-front-success{
  background:#e8f8ee;
  color:#1f7a45;
  border:1px solid #b6e6c6;
  border-radius:10px;
  padding:10px 12px;
  margin:0 0 12px;
  font-size:13px;
  font-weight:600;
}
.cdims-app[data-theme=dark] .cdims-front-success{
  background:#1a2e22;
  color:#7ddea0;
  border-color:#2a4a35;
}
.cdims-app[data-theme=dark] .cdims-toggle-password{
  color:#7ddea0;
}

/* ---- Customer portal layout guards ---- */
.cdims-logo,
.cdims-logo-upload{
  width:48px !important;
  height:48px !important;
  max-width:48px !important;
  max-height:48px !important;
  overflow:hidden !important;
  display:grid !important;
  place-items:center !important;
  flex:0 0 48px !important;
  border-radius:12px !important;
}
.cdims-logo img,
.cdims-logo-upload img,
.cdims-brand img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:48px !important;
  max-height:48px !important;
  object-fit:contain !important;
  object-position:center !important;
}
.cdims-customer-app .cdims-sidebar{
  overflow-x:hidden !important;
}
.cdims-customer-app .cdims-content{
  padding:12px 18px 32px;
  box-sizing:border-box;
  width:100%;
  max-width:100%;
}
.cdims-customer-app .cdims-section{margin-bottom:28px}
.cdims-customer-app .cdims-section-title{
  margin:0 0 8px;
  font-size:18px;
  font-weight:800;
}
.cdims-customer-app .cdims-table-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  max-width:100%;
}
.cdims-customer-app .cdims-table{
  width:100%;
  border-collapse:collapse;
  min-width:520px;
}
.cdims-customer-app .cdims-table th,
.cdims-customer-app .cdims-table td{
  padding:10px 12px;
  text-align:left;
  border-bottom:1px solid var(--cdims-border,#e5ece8);
  font-size:13px;
  vertical-align:middle;
}
.cdims-customer-app .cdims-table th{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:var(--cdims-muted,#87928d);
  background:#f7faf8;
}
.cdims-customer-app .cdims-btn.small{
  padding:6px 10px;
  font-size:12px;
  white-space:nowrap;
}
@media (max-width:760px){
  .cdims-customer-app .cdims-content{
    padding:10px 12px 40px;
  }
  .cdims-customer-app .cdims-stats-grid{
    grid-template-columns:1fr !important;
  }
  /* Ensure drawer stays fully off-canvas when closed */
  .cdims-customer-app .cdims-sidebar:not(.mobile-open){
    transform:translateX(-105%) !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}

/* Customer document preview modal */
.cdims-cust-doc-modal{
  position:fixed;inset:0;z-index:100050;display:flex;align-items:center;justify-content:center;
}
.cdims-cust-doc-modal[hidden]{display:none !important}
.cdims-cust-doc-backdrop{
  position:absolute;inset:0;background:rgba(12,18,16,.55);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.cdims-cust-doc-box{
  position:relative;z-index:1;width:min(920px,96vw);max-height:92vh;
  background:#fff;border-radius:16px;box-shadow:0 24px 64px rgba(0,0,0,.28);
  display:flex;flex-direction:column;overflow:hidden;
}
.cdims-cust-doc-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 18px;border-bottom:1px solid #e5ece8;
}
.cdims-cust-doc-head h3{margin:0;font-size:16px}
.cdims-cust-doc-x{
  border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:#667;
  padding:0 6px;
}
.cdims-cust-doc-frame-wrap{flex:1 1 auto;min-height:280px;background:#eef2ef}
.cdims-cust-doc-frame-wrap iframe{width:100%;height:min(62vh,560px);border:0;display:block;background:#fff}
.cdims-cust-doc-actions{
  display:flex;justify-content:flex-end;gap:10px;padding:12px 18px;border-top:1px solid #e5ece8;
}
.cdims-link-btn{
  border:0;background:none;color:var(--cdims-primary,#05976A);font-weight:700;
  cursor:pointer;padding:0;text-decoration:underline;font-size:13px;pointer-events:auto!important;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative;z-index:2;
}
.cdims-cust-pane[hidden]{display:none !important}
.cdims-app[data-theme=dark] .cdims-cust-doc-box{background:#1a201d;color:#edf4ef}
.cdims-app[data-theme=dark] .cdims-cust-doc-head,
.cdims-app[data-theme=dark] .cdims-cust-doc-actions{border-color:#303a35}

/* My Tasks customer profile
   Desktop + tablet: left = business/customer/address/email/phone, right = logo
   Mobile: keep side-by-side, logo smaller */
.cdims-customer-profile{
  border:1px solid var(--cdims-border,#e5ece8);
  border-radius:14px;
  padding:18px;
  margin:0 0 8px;
  background:var(--cdims-card,#fff);
  box-sizing:border-box;
  width:100%;
  max-width:100%;
}
.cdims-customer-profile-top{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:16px 20px !important;
  width:100% !important;
  box-sizing:border-box !important;
}
.cdims-customer-profile-info{
  flex:1 1 auto !important;
  min-width:0 !important;
  order:1 !important;
  max-width:calc(100% - 130px);
}
.cdims-customer-profile-logo{
  flex:0 0 110px !important;
  width:110px !important;
  max-width:110px !important;
  order:2 !important;
  margin-left:auto !important;
  text-align:center !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:8px !important;
}
.cdims-customer-profile-biz{font-size:18px;font-weight:800;color:var(--cdims-text,#25302b);margin:0 0 4px;line-height:1.25}
.cdims-customer-profile-name{font-size:14px;font-weight:600;color:var(--cdims-muted,#87928d);margin:0 0 8px;line-height:1.3}
.cdims-customer-profile-line{font-size:13px;line-height:1.45;margin:2px 0;color:var(--cdims-text,#25302b);word-break:break-word}
.cdims-customer-profile-line a{color:var(--cdims-primary,#2f9e5b);text-decoration:none;font-weight:600}
.cdims-customer-profile-logo img,
.cdims-customer-profile-logo .cdims-customer-logo-img,
.cdims-customer-profile .cdims-customer-logo-img{
  display:block !important;
  width:96px !important;
  height:96px !important;
  max-width:96px !important;
  max-height:96px !important;
  min-width:0 !important;
  object-fit:contain !important;
  border-radius:12px !important;
  border:1px solid var(--cdims-border,#e5ece8) !important;
  background:#f7faf8 !important;
  margin:0 auto !important;
}
.cdims-customer-profile-logo .cdims-customer-logo-upload{margin:0;font-size:11px;padding:6px 10px}
.cdims-customer-credentials{margin-top:16px;padding-top:14px;border-top:1px solid var(--cdims-border,#e5ece8);width:100%;clear:both}
.cdims-customer-credentials-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.cdims-customer-credentials-body{font-size:13px;line-height:1.55;color:var(--cdims-text,#25302b)}
.cdims-customer-credentials-body p{margin:0 0 8px}

/* Tablet */
@media (max-width:1024px) and (min-width:641px){
  .cdims-customer-profile-top{flex-direction:row !important;flex-wrap:nowrap !important}
  .cdims-customer-profile-logo{flex:0 0 100px !important;width:100px !important;max-width:100px !important}
  .cdims-customer-profile-logo img,
  .cdims-customer-profile-logo .cdims-customer-logo-img,
  .cdims-customer-profile .cdims-customer-logo-img{
    width:88px !important;height:88px !important;max-width:88px !important;max-height:88px !important
  }
  .cdims-customer-profile-info{max-width:calc(100% - 120px)}
}

/* Mobile — keep logo on the right, shrink */
@media (max-width:640px){
  .cdims-customer-profile{padding:14px}
  .cdims-customer-profile-top{
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    gap:12px !important;
  }
  .cdims-customer-profile-info{max-width:calc(100% - 84px);flex:1 1 auto !important}
  .cdims-customer-profile-logo{flex:0 0 72px !important;width:72px !important;max-width:72px !important}
  .cdims-customer-profile-logo img,
  .cdims-customer-profile-logo .cdims-customer-logo-img,
  .cdims-customer-profile .cdims-customer-logo-img{
    width:64px !important;height:64px !important;max-width:64px !important;max-height:64px !important
  }
  .cdims-customer-profile-biz{font-size:16px}
  .cdims-customer-profile-logo .cdims-customer-logo-upload{font-size:10px;padding:4px 6px}
}

}

.cdims-business-link{color:var(--cdims-primary,#2f9e5b);text-decoration:none;font-weight:700;cursor:pointer}
.cdims-business-link:hover{text-decoration:underline}
.cdims-task-customer-row{cursor:pointer}
.cdims-task-customer-row:hover td{background:rgba(47,158,91,.06)}
.cdims-link-button{background:none;border:0;padding:0;margin:0;color:var(--cdims-primary,#2f9e5b);font:inherit;font-weight:700;cursor:pointer;text-align:left}
.cdims-link-button:hover{text-decoration:underline}

/* Credentials edit must always be clickable */
.cdims-customer-credentials,
.cdims-customer-credentials-head,
.cdims-credentials-edit,
.cdims-credentials-open,
.cdims-customer-credentials-body,
.cdims-credentials-form,
.cdims-credentials-form textarea,
.cdims-credentials-form button{
  pointer-events:auto !important;
  position:relative;
  z-index:5;
}
.cdims-credentials-edit{cursor:pointer !important}
.cdims-customer-credentials-body.cdims-credentials-open{cursor:pointer}


/* Admin My Tasks — Credentials: reliable taps on tablet/mobile (does not affect BM/customer UIs) */
.cdims-customer-credentials{
  position:relative !important;
  z-index:20 !important;
  pointer-events:auto !important;
  isolation:isolate;
}
.cdims-customer-credentials-head,
.cdims-customer-credentials-body,
.cdims-credentials-edit,
.cdims-credentials-open,
.cdims-credentials-form,
.cdims-credentials-form *{
  pointer-events:auto !important;
  -webkit-tap-highlight-color:rgba(47,158,91,.2);
  touch-action:manipulation;
}
.cdims-credentials-edit{
  display:inline-block !important;
  min-height:40px !important;
  min-width:64px !important;
  padding:10px 16px !important;
  font-size:14px !important;
  line-height:1.2 !important;
  cursor:pointer !important;
  z-index:21 !important;
}
.cdims-customer-credentials-body.cdims-credentials-open{
  min-height:48px !important;
  padding:10px 0 !important;
  cursor:pointer !important;
}
.cdims-customer-credentials.is-editing{
  z-index:30 !important;
}
.cdims-customer-credentials.is-editing .cdims-credentials-form{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}
.cdims-credentials-form textarea[name="credentials"]{
  width:100% !important;
  min-height:140px !important;
  font-size:16px !important; /* prevents iOS zoom */
  line-height:1.4 !important;
  -webkit-user-select:text !important;
  user-select:text !important;
  pointer-events:auto !important;
}
.cdims-credentials-form .cdims-credentials-save,
.cdims-credentials-form .cdims-credentials-cancel,
.cdims-credentials-form button{
  min-height:44px !important;
  padding:12px 18px !important;
  font-size:15px !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}
@media (max-width:1024px){
  .cdims-credentials-edit{
    min-height:44px !important;
    padding:12px 18px !important;
  }
  .cdims-customer-credentials-body.cdims-credentials-open{
    min-height:56px !important;
    padding:12px 4px !important;
  }
  .cdims-credentials-form .form-actions{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
  }
  .cdims-credentials-form .form-actions .cdims-btn{
    width:100% !important;
    text-align:center !important;
  }
}

/* Agreement editor: preserve paragraph spacing as displayed */
.cdims-rte-surface p,.cdims-rte-surface div{margin:0 0 0.75em}
.cdims-rte-surface ul,.cdims-rte-surface ol{margin:0.4em 0 0.8em 1.25em;padding:0}
.cdims-rte-surface li{margin:0.15em 0}
.cdims-rte-surface font,.cdims-rte-surface span{line-height:inherit}

/* Word-style agreement editor toolbar extras */
.cdims-rte-toolbar{gap:4px;row-gap:6px}
.cdims-rte-btn.cdims-rte-align{min-width:auto;padding:0 8px;font-size:11px;font-weight:700;letter-spacing:.02em}
.cdims-rte-surface[style*="text-align"],
.cdims-rte-surface p[style*="text-align"],
.cdims-rte-surface div[style*="text-align"]{display:block}
.cdims-rte-surface p[align="center"],.cdims-rte-surface div[align="center"],
.cdims-rte-surface p[style*="text-align: center"],.cdims-rte-surface div[style*="text-align: center"]{text-align:center}
.cdims-rte-surface p[align="right"],.cdims-rte-surface div[align="right"],
.cdims-rte-surface p[style*="text-align: right"],.cdims-rte-surface div[style*="text-align: right"]{text-align:right}
.cdims-rte-surface p[align="justify"],.cdims-rte-surface div[align="justify"],
.cdims-rte-surface p[style*="text-align: justify"],.cdims-rte-surface div[style*="text-align: justify"]{text-align:justify}
.cdims-rte-surface hr{border:0;border-top:1px solid #c5d2cb;margin:12px 0}
.cdims-rte-surface ul,.cdims-rte-surface ol{margin:0.4em 0 0.8em 1.5em;padding:0}
.cdims-rte-surface blockquote{margin:0.6em 0;padding-left:12px;border-left:3px solid #c5d2cb}

/* Customer dashboard document action buttons */
.cdims-cust-doc-btns{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.cdims-cust-doc-btns .cdims-btn.small{white-space:nowrap}
.cdims-cust-doc-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding:12px 14px;border-top:1px solid #e6eee9;background:#f8faf9}
.cdims-cust-doc-actions .cdims-btn.primary{min-width:140px}
@media(max-width:640px){
  .cdims-cust-doc-btns{flex-direction:column;align-items:stretch}
  .cdims-cust-doc-btns .cdims-btn{width:100%;text-align:center}
}