.premium-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.premium-card{background:linear-gradient(155deg,#102a44,#0a1f34);border:1px solid #274866;border-radius:20px;padding:18px;box-shadow:0 12px 28px rgba(0,0,0,.18)}.premium-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.premium-card h3{margin:.25rem 0}.premium-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.premium-meta-grid>div{background:rgba(4,18,31,.45);border-radius:12px;padding:10px}.premium-meta-grid span{display:block;color:#91abc4;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.premium-actions{display:flex;gap:8px;flex-wrap:wrap}.badge.overdue{background:#6d2630!important;color:#ffd8dd!important}.badge.paid{background:#174c36!important;color:#c8ffe4!important}.badge.issued,.badge.unpaid,.badge.sent{background:#5d4312!important;color:#ffe6a7!important}@media(max-width:1100px){.premium-card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.premium-card-grid{grid-template-columns:1fr}.premium-meta-grid{grid-template-columns:1fr}}
/* v4.9.6-rc1.3.4 — professional application attribution footer */
.ccus-app-attribution {
    margin: 32px auto 8px;
    padding: 18px 20px;
    width: min(100%, 1180px);
    text-align: center;
    font-size: 13px;
    line-height: 1.6;
    color: var(--muted, #94a3b8);
    border-top: 1px solid rgba(148, 163, 184, .18);
}
.ccus-app-attribution strong { color: inherit; font-weight: 700; }
.ccus-app-attribution a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.admin-main > .ccus-app-attribution { margin-top: 40px; }
@media (max-width: 720px) {
    .ccus-app-attribution { margin-top: 24px; padding: 16px 12px 10px; font-size: 12px; }
}
@media print { .ccus-app-attribution { display: none !important; } }

/* v4.9.6 RC1.3.6 - transparent, slightly larger branded application header */
.ccus-header-logo { overflow: visible; background: transparent !important; padding: 0 !important; display: inline-flex !important; align-items: center; justify-content: center; box-shadow: none !important; border: 0 !important; }
.ccus-header-logo img { display: block; width: 100%; height: 100%; object-fit: contain; background: transparent; border-radius: 50%; }
.customer-brand .ccus-header-logo { width: 50px; height: 50px; flex: 0 0 50px; }
.admin-brand .ccus-header-logo { width: 48px; height: 48px; flex: 0 0 48px; }
@media (max-width: 700px) { .customer-brand .ccus-header-logo { width: 44px; height: 44px; flex-basis: 44px; } }


/* v4.9.6 RC1.3.7 - customer notification centre */
.customer-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.customer-notification-wrap{position:relative;display:flex;align-items:center}.customer-notification-button{position:relative;width:42px;height:42px;border-radius:13px;border:1px solid rgba(99,151,201,.28);background:rgba(8,31,51,.82);color:#eaf5ff;display:grid;place-items:center;cursor:pointer;transition:.18s ease}.customer-notification-button:hover,.customer-notification-button[aria-expanded="true"]{background:#123b5f;border-color:#397fb7;transform:translateY(-1px)}.customer-bell{font-size:18px;line-height:1}.customer-notification-count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#e5484d;color:#fff;border:2px solid #071a2b;font-size:10px;line-height:16px;text-align:center}.customer-notification-popover{position:absolute;right:0;top:calc(100% + 12px);z-index:1000;width:min(400px,calc(100vw - 24px));background:#0b2034;border:1px solid #294c69;border-radius:18px;box-shadow:0 22px 60px rgba(0,0,0,.42);overflow:hidden}.customer-notification-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid rgba(130,174,210,.18)}.customer-notification-heading>div{display:flex;gap:12px;align-items:center}.customer-notification-heading a,.customer-notification-heading button{background:none;border:0;padding:0;color:#75bfff;font:inherit;font-size:12px;text-decoration:none;cursor:pointer}.customer-notification-list{max-height:470px;overflow:auto}.customer-notification-item{display:grid;grid-template-columns:38px 1fr 8px;gap:11px;align-items:start;padding:13px 15px;color:#d9e8f5;text-decoration:none;border-bottom:1px solid rgba(130,174,210,.11);transition:.15s ease}.customer-notification-item:hover{background:#102d47}.customer-notification-item.is-unread{background:rgba(18,76,118,.24)}.customer-notification-item-icon,.customer-notification-card-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-weight:900;background:#173754;color:#8bd0ff}.customer-notification-item-icon.warning,.customer-notification-card-icon.warning{background:#4b3614;color:#ffd36b}.customer-notification-item-icon.danger,.customer-notification-card-icon.danger{background:#4d2228;color:#ff9da8}.customer-notification-item-icon.success,.customer-notification-card-icon.success{background:#173f31;color:#8be6b8}.customer-notification-item strong{display:block;font-size:13px;line-height:1.35}.customer-notification-item small{display:block;color:#a5bbce;font-size:11px;line-height:1.4;margin-top:3px}.customer-notification-item em{display:block;color:#708ba2;font-style:normal;font-size:10px;margin-top:5px}.customer-notification-item>b{width:7px;height:7px;border-radius:50%;background:#48a9ff;margin-top:6px}.customer-notification-empty{padding:28px;text-align:center}.customer-notification-empty strong,.customer-notification-empty span{display:block}.customer-notification-empty span{color:#8da5ba;margin-top:5px;font-size:12px}.customer-notification-page{display:grid;gap:12px}.customer-notification-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;border:1px solid #24445f;border-radius:17px;background:#0c2135}.customer-notification-card.is-unread{border-color:#3478aa;background:linear-gradient(110deg,#102b45,#0c2135)}.customer-notification-card-title{display:flex;align-items:center;gap:8px}.customer-notification-card-title span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:3px 7px;border-radius:999px;background:#116fc4;color:#fff}.customer-notification-card p{margin:4px 0;color:#a8bccd}.customer-notification-card small{color:#718ba1}.customer-notification-card-actions{display:flex;gap:7px;align-items:center}.customer-notification-card-actions form{margin:0}@media(max-width:980px){.customer-nav .is-active[href="/customer/notifications.php"]{display:none}}@media(max-width:700px){.customer-header-actions{margin-left:auto}.customer-notification-popover{position:fixed;right:12px;top:76px;width:calc(100vw - 24px)}.customer-notification-card{grid-template-columns:38px 1fr}.customer-notification-card-actions{grid-column:1/-1;justify-content:flex-end}}

/* v4.9.6 RC1.3.8 - customer sidebar navigation and notification layout */
body.customer-app{--customer-sidebar-width:252px;--customer-header-height:76px;}
.customer-app .customer-header{position:sticky;top:0;z-index:910;min-height:var(--customer-header-height);display:flex;align-items:center;gap:18px;padding:10px 22px;border-bottom:1px solid rgba(123,168,204,.18);background:rgba(6,22,37,.96);backdrop-filter:blur(18px);box-shadow:0 8px 26px rgba(0,0,0,.16)}
.customer-app .customer-brand{display:flex;align-items:center;gap:11px;min-width:215px;text-decoration:none}.customer-app .customer-brand>span:last-child{display:grid;line-height:1.12}.customer-app .customer-brand b{font-size:17px;color:#f2f8fd}.customer-app .customer-brand small{margin-top:3px;color:#8ea9bf;font-size:11px}.customer-app .customer-header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.customer-profile-summary{display:grid;text-align:right;line-height:1.18;margin-right:3px}.customer-profile-summary strong{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e8f2fa;font-size:12px}.customer-profile-summary small{color:#7f9ab0;font-size:10px;margin-top:3px}
.customer-app .customer-sidebar{position:fixed;z-index:880;left:0;top:var(--customer-header-height);bottom:0;width:var(--customer-sidebar-width);background:linear-gradient(180deg,#091f33 0%,#071827 100%);border-right:1px solid rgba(115,163,201,.17);box-shadow:12px 0 34px rgba(0,0,0,.12)}.customer-sidebar-inner{height:100%;display:flex;flex-direction:column;padding:18px 13px 14px;overflow:auto}.customer-sidebar-label{padding:3px 11px 10px;color:#58778f;font-size:10px;font-weight:800;letter-spacing:.12em}.customer-app .customer-sidebar-nav{display:grid;gap:5px;margin:0;padding:0}.customer-app .customer-sidebar-nav a{position:relative;display:flex;align-items:center;gap:11px;min-height:43px;padding:9px 11px;border-radius:12px;color:#a9bfd1;text-decoration:none;font-size:13px;font-weight:650;border:1px solid transparent;transition:.15s ease}.customer-app .customer-sidebar-nav a:hover{color:#eef8ff;background:rgba(38,91,130,.22);border-color:rgba(81,137,178,.14)}.customer-app .customer-sidebar-nav a.is-active{color:#fff;background:linear-gradient(90deg,#124b77,#113a5c);border-color:#26638f;box-shadow:0 8px 20px rgba(1,13,24,.22)}.customer-app .customer-sidebar-nav a.customer-new-quote{margin-bottom:7px;background:linear-gradient(90deg,#116fc4,#0f5da4);border-color:#2b87d2;color:#fff}.customer-app .customer-sidebar-nav a.customer-new-quote:hover{background:linear-gradient(90deg,#1680df,#0f68b9)}.customer-nav-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;flex:0 0 28px;background:rgba(84,138,178,.12);color:#85c8f7;font-size:14px}.is-active>.customer-nav-icon,.customer-new-quote>.customer-nav-icon{background:rgba(255,255,255,.1);color:#fff}.customer-sidebar-count{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#e5484d;color:#fff;font-size:10px;line-height:20px;text-align:center}.customer-sidebar-footer{margin-top:auto;padding:16px 7px 3px;border-top:1px solid rgba(112,156,191,.14);display:grid;gap:12px}.customer-sidebar-footer>div{display:grid;padding:0 5px}.customer-sidebar-footer small{color:#6f8ca4;font-size:10px}.customer-sidebar-footer strong{color:#dceaf5;font-size:12px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-app .customer-signout{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:11px;color:#b8ccdc;text-decoration:none;font-size:12px}.customer-app .customer-signout:hover{background:rgba(188,65,75,.12);color:#ffbec3}.customer-app .customer-main{margin-left:var(--customer-sidebar-width);width:auto;max-width:none;padding-left:clamp(18px,3vw,42px);padding-right:clamp(18px,3vw,42px)}
.customer-app .customer-notification-popover{right:0;left:auto;max-width:calc(100vw - var(--customer-sidebar-width) - 30px)}.customer-menu-button{display:none;width:42px;height:42px;border-radius:12px;border:1px solid rgba(99,151,201,.28);background:#0b263e;padding:10px;cursor:pointer}.customer-menu-button span{display:block;height:2px;background:#d7e8f5;border-radius:999px;margin:4px 0}.customer-sidebar-backdrop{display:none}
@media(max-width:980px){body.customer-app{--customer-sidebar-width:270px}.customer-app .customer-header{padding:9px 14px}.customer-profile-summary{display:none}.customer-menu-button{display:block}.customer-app .customer-sidebar{top:0;z-index:1040;transform:translateX(-105%);transition:transform .22s ease;box-shadow:18px 0 55px rgba(0,0,0,.45);padding-top:12px}.customer-sidebar-open .customer-sidebar{transform:translateX(0)}.customer-sidebar-backdrop{display:block;position:fixed;inset:0;z-index:1030;background:rgba(0,10,19,.62);border:0;opacity:0;pointer-events:none;transition:opacity .2s}.customer-sidebar-open .customer-sidebar-backdrop{opacity:1;pointer-events:auto}.customer-app .customer-main{margin-left:0}.customer-app .customer-notification-popover{position:fixed;right:12px;left:auto;top:72px;width:min(410px,calc(100vw - 24px));max-width:none}.customer-sidebar-inner:before{content:'CCUS Quotes';display:block;color:#edf7ff;font-weight:800;font-size:15px;padding:5px 10px 14px}}
@media(max-width:560px){.customer-app .customer-brand small{display:none}.customer-app .customer-brand{min-width:0}.customer-app .customer-brand b{font-size:15px}.customer-app .customer-brand .ccus-header-logo{width:42px;height:42px;flex-basis:42px}.customer-app .customer-header-actions{gap:7px}.customer-app .customer-notification-button,.customer-menu-button{width:40px;height:40px}.customer-app .customer-main{padding-left:14px;padding-right:14px}.customer-app .customer-notification-popover{top:68px}}
@media print{.customer-sidebar,.customer-sidebar-backdrop,.customer-menu-button{display:none!important}.customer-app .customer-main{margin-left:0!important}}