/* Shared outline icon system. */
.icon{width:19px;height:19px;display:inline-block;vertical-align:middle;flex-shrink:0}.ico .icon{width:20px;height:20px}.btn .icon,.textlink .icon,.help .icon,.workspace-label .icon{width:15px;height:15px}.textlink{display:inline-flex;align-items:center;gap:5px}.sandbox strong{display:flex;align-items:center;gap:7px}.sandbox .icon{width:16px;height:16px}.banner>.icon,.banner>span>.icon{width:17px;height:17px}.password-toggle{display:flex;align-items:center;gap:4px}.password-toggle .icon{width:14px;height:14px}.password-control input{padding-right:88px}.login-appearance{display:flex;justify-content:flex-end;margin-bottom:15px}.stat .label .icon{width:16px;height:16px}.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;border:1px solid #dce4f2;border-radius:10px;background:#fff;color:#3b5481;cursor:pointer}.icon-button:hover{background:#eef3ff;color:#1854e8}.icon-button:focus-visible,.notification-item:focus-visible,.text-button:focus-visible{outline:2px solid #1854e8;outline-offset:3px}.topright{gap:12px}
/* Notification popover and full inbox. */
.notification-center{position:relative}.bell-count{position:absolute;top:-6px;right:-6px;border:2px solid #fff;background:#ef3347;color:#fff;border-radius:20px;min-width:19px;height:19px;font-size:9px;display:grid;place-items:center;padding:0 3px;font-weight:700}.notification-dropdown{position:absolute;right:0;top:49px;width:min(410px,calc(100vw - 30px));border:1px solid #dee5f2;border-radius:13px;box-shadow:0 18px 55px #0b235d25;background:#fff;z-index:25;overflow:hidden}.notification-dropdown[hidden]{display:none}.dropdown-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px;border-bottom:1px solid #edf1f8}.dropdown-head h2{margin-bottom:5px}.dropdown-list{max-height:min(440px,65vh);overflow-y:auto}.text-button{background:none;border:0;color:#1854e8;cursor:pointer;font-size:11px;padding:7px 3px}.notification-item{display:flex;align-items:flex-start;gap:12px;width:100%;padding:16px 18px;background:#fff;border:0;border-bottom:1px solid #edf1f8;text-align:left;font:inherit;color:inherit;cursor:pointer}.notification-item:hover{background:#f5f7fc}.notification-item.unread{background:#eff4ff}.notice-icon{background:#e8efff;color:#1854e8;border-radius:11px;display:grid;place-items:center;min-width:35px;height:35px}.notice-icon .icon{width:18px;height:18px}.notice-copy{display:grid;gap:6px;min-width:0;flex:1;font-size:12px;line-height:1.5}.notice-copy strong{font-size:12px}.notice-copy>span{color:#61769a;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;white-space:pre-line}.notice-copy small{color:#7d8eac;font-size:10px}.unread-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#1854e8;flex-shrink:0;margin-top:8px}.dropdown-footer{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;font-size:12px;color:#1854e8;background:#fafbff}.dropdown-footer .icon{width:15px;height:15px}.inbox-item{padding:20px 23px}.inbox-item .notice-copy>span{-webkit-line-clamp:3}.notification-detail{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:14px;margin:22px 0;padding:18px;background:#f3f6fd;border:1px solid #e3eaf6;border-radius:10px}
/* Dark appearance keeps the Primepip identity while changing all work surfaces. */
html[data-theme=dark]{color-scheme:dark;background:#0c1220;color:#dce6fb}html[data-theme=dark] body,html[data-theme=dark] .main,html[data-theme=dark] .login{background:#0c1220;color:#dce6fb}html[data-theme=dark] .sidebar{background:#0a142b;border-right:1px solid #23304b}html[data-theme=dark] .topbar,html[data-theme=dark] .card,html[data-theme=dark] .stat,html[data-theme=dark] .notification-dropdown,html[data-theme=dark] dialog{background:#131e32;color:#dce6fb;border-color:#293750}html[data-theme=dark] .cardhead,html[data-theme=dark] td,html[data-theme=dark] .ticket,html[data-theme=dark] .batch,html[data-theme=dark] .allocation-row,html[data-theme=dark] .dropdown-head{border-color:#27354e}html[data-theme=dark] th{background:#18243a;color:#a6b6d3}html[data-theme=dark] .muted,html[data-theme=dark] .stat .label,html[data-theme=dark] .stat .sub,html[data-theme=dark] .help,html[data-theme=dark] .person small,html[data-theme=dark] .footer,html[data-theme=dark] .chart text,html[data-theme=dark] .empty{color:#9baccb;fill:#9baccb}html[data-theme=dark] .breadcrumb strong{color:#c9d7f1}html[data-theme=dark] .stat.featured{background:linear-gradient(125deg,#194ed0,#123483);border-color:#2e5cc0}html[data-theme=dark] .stat.featured .label,html[data-theme=dark] .stat.featured .sub{color:#d3e1ff}html[data-theme=dark] .btn,html[data-theme=dark] .icon-button{background:#1b2942;border-color:#344565;color:#d2dff7}html[data-theme=dark] .btn:hover,html[data-theme=dark] .icon-button:hover{background:#263957}html[data-theme=dark] .btn.primary,html[data-theme=dark] .portal-tab.selected{background:#285fe8;color:#fff;border-color:#285fe8}html[data-theme=dark] .btn.primary:hover{background:#3970fa}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#101b2f;border-color:#354665;color:#e0e9fb}html[data-theme=dark] label{color:#bacbe8}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#8195ba}html[data-theme=dark] .banner{background:#182b50;border-color:#304c80;color:#bfd2fb}html[data-theme=dark] .avatar,html[data-theme=dark] .notice-icon{background:#243b67;color:#c8d9ff}html[data-theme=dark] .workspace-label{background:#402231;color:#ffc3ca;border-color:#704051}html[data-theme=dark] .pill,html[data-theme=dark] .pill.profit,html[data-theme=dark] .pill.approved,html[data-theme=dark] .pill.verified{background:#20385f;color:#c0d5ff}html[data-theme=dark] .pill.pending,html[data-theme=dark] .pill.open{background:#44351d;color:#f5d398}html[data-theme=dark] .pill.rejected,html[data-theme=dark] .pill.loss,html[data-theme=dark] .pill.closed{background:#442536;color:#ffbec8}html[data-theme=dark] .positive,html[data-theme=dark] .textlink,html[data-theme=dark] .text-button{color:#8fb2ff}html[data-theme=dark] .negative,html[data-theme=dark] .error,html[data-theme=dark] .btn.danger{color:#ff9ba9}html[data-theme=dark] .donut>div{background:#131e32}html[data-theme=dark] .chart line{stroke:#293750}html[data-theme=dark] .message,html[data-theme=dark] .notification-detail,html[data-theme=dark] .refcode,html[data-theme=dark] .login-portals{background:#1b2a45;border-color:#34486a}html[data-theme=dark] .message small{color:#9aafd3}html[data-theme=dark] .password-toggle{background:#253b64;color:#c6d8ff}html[data-theme=dark] .period,html[data-theme=dark] label.check{border-color:#354665;color:#b8cbee}html[data-theme=dark] .notification-item{background:#131e32;border-color:#293750}html[data-theme=dark] .notification-item.unread{background:#192d51}html[data-theme=dark] .notification-item:hover{background:#21385c}html[data-theme=dark] .notice-copy>span{color:#b5c7e7}html[data-theme=dark] .notice-copy small{color:#95abcf}html[data-theme=dark] .dropdown-footer{background:#182741;color:#9ebdff}html[data-theme=dark] .bell-count{border-color:#131e32}html[data-theme=dark] .portal-tab{color:#a7badb}html[data-theme=dark] .demo-accounts{border-color:#2b3b57}html[data-theme=dark] .login-art{background:linear-gradient(145deg,#08132b,#12306a)}html[data-theme=dark] dialog::backdrop{background:#020713bb}html[data-theme=dark] .legend{color:#9baccb}html[data-theme=dark] .notification-detail{color:#dbe7ff}
@media(max-width:820px){.nav .ico{display:inline-flex}.nav .ico .icon{width:16px;height:16px}.nav a{gap:6px}.topright{gap:7px}.notification-dropdown{position:fixed;top:130px;right:15px;max-height:calc(100dvh - 145px)}.dropdown-list{max-height:calc(100dvh - 285px)}.topbar .workspace-label{display:none}.icon-button{width:33px;height:33px}.inbox-item{padding:17px}.dropdown-head{padding:14px}.dropdown-head h2{font-size:15px}}
.nav-unread-count{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;margin-left:auto;padding:0 6px;border-radius:7px;background:#ef3347;color:#fff;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;flex-shrink:0}.nav-unread-count[hidden]{display:none}.nav a.active .nav-unread-count{background:#fff;color:#174cdb}@media(max-width:820px){.nav-unread-count{height:18px;min-width:18px;font-size:9px;padding:0 5px;margin-left:2px}}