/* Light visual theme matching the owner's Base2Base website. */
:root{--header-height:48px;--sidebar-width:300px;--brand-blue:#2c608b}
html{scroll-padding-top:64px;scrollbar-gutter:stable}
body{background:#fff;color:#424242;font-family:"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif}
h1{color:#213848;font-weight:600}
h2,h3{color:#2d4557}
a{color:#2d6899}
p,small{color:#73808a}
.sidebar{position:fixed;inset:var(--header-height) auto 0 0;width:var(--sidebar-width);background:#fff;color:#424242;padding:0 8px 12px 0;border-right:1px solid #e0e0e0;overflow-y:auto;overscroll-behavior:contain;z-index:40;transition:transform .18s ease}
.workspace{margin-left:var(--sidebar-width);padding-top:var(--header-height);transition:margin-left .18s ease;min-height:100vh}
.sidebar-collapsed .sidebar{transform:translateX(-100%);visibility:hidden}
.sidebar-collapsed .workspace{margin-left:0}
.sidebar>nav{margin:0;padding-top:0;display:block}
nav a,.nav-group summary{color:#424242;border-radius:0;min-height:42px;margin:0;padding:10px 16px;font-size:14px}
nav>a{font-weight:600}
nav a:hover,.nav-group summary:hover{background:#f0f3f6;color:#2c6695}
nav a.current{background:#eaf2f9;color:#276798;font-weight:600}
.nav-group{margin:0}
.nav-group:not([open])>summary{font-weight:700}
.nav-group[open]>summary{background:#f0f0f0;color:#424242;font-weight:600}
.nav-group summary::after{color:#2d6899}
.nav-group summary:focus-visible{outline-color:#609cc7}
.nav-submenu{border-left:0;margin:0;padding-left:24px}
.nav-submenu a{color:var(--brand-blue);font-size:14px;min-height:42px}
.nav-submenu a.current{color:#215f90;background:#eaf2f9}
.sidebar-footer{color:#526c7f;padding:16px 16px 0;border-top:1px solid #edf0f3;margin-top:auto;flex-shrink:0}
.sidebar-footer span{color:#94a0a9}
.topbar{position:fixed;inset:0 0 auto 0;height:var(--header-height);padding:0 16px 0 4px;display:flex;align-items:center;justify-content:flex-start;gap:0;color:var(--brand-blue);background:rgba(255,255,255,.94);backdrop-filter:saturate(1.8) blur(20px);border-bottom:0;box-shadow:0 1px 1px #00000026;z-index:60}
/* Match the signed-in company header shown in the user's reference screenshot. */
.header-logo{display:flex;align-items:center;gap:16px;flex:0 0 calc(var(--sidebar-width) - 4px);height:48px;padding-left:6px;text-decoration:none}
.header-logo img{display:block;flex:none;width:122px;height:36px;max-width:none;object-fit:contain;margin:0}
.header-logo .bilqor-logo{width:108px}
.menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;margin-left:12px;padding:8px;background:transparent;color:var(--brand-blue);border-radius:50%;box-shadow:none}
.menu-toggle:hover{background:#2c608b0d;color:var(--brand-blue)}
.menu-toggle:focus-visible{outline:2px solid #609cc7;outline-offset:-2px}
.menu-toggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square;stroke-linejoin:miter}
.sidebar-collapsed .menu-chevron{transform:translateX(37px) scaleX(-1)}
.topbar-menu{flex:1;min-width:0;height:100%}
.app-name{font-size:14px;font-weight:600;letter-spacing:.15px;color:var(--brand-blue);white-space:nowrap}
.sidebar-backdrop{position:fixed;inset:48px 0 0;border:0;border-radius:0;background:#0005;z-index:35;box-shadow:none}
.sidebar-backdrop[hidden]{display:none}
.status{color:#48816f}
main{padding:28px 24px;max-width:none}
.eyebrow{color:#7192ad}
.button,button{background:#2f709f;border-radius:7px;box-shadow:0 2px 3px #214e6810}
.button:hover,button:hover{background:#245d89}
button:disabled{background:#b9c9d5;cursor:not-allowed;box-shadow:none}
.secondary{background:#edf3f8;color:#3f6d8f;box-shadow:none}
.secondary:hover{background:#dce9f3;color:#2a597c}
.panel,.metric{border-color:#e0e7ed;border-radius:10px;box-shadow:0 3px 12px #375c7510}
.metric strong{color:#306991}
.metric>span{color:#6f8596}
.directory-card{min-height:255px;color:#334e61}
.directory-card:hover{border-color:#94bbd7;background:#fcfdff;box-shadow:0 5px 18px #375c7518}
.directory-icon{color:#729aba}
.directory-card>span:last-child{color:#2d6899}
.note{background:#f0f6fb;border-left-color:#77a6c8;color:#547287}
.badge{background:#edf3f8;color:#50728b}
.badge.green{background:#e8f5ef;color:#3c7d65}
.badge.amber{background:#fff4de;color:#976f2e}
input,select,textarea{border-color:#d3dfe8;color:#334b5c}
input:focus,select:focus,textarea:focus{outline-color:#a8cbe3}
input:disabled{background:#f2f4f6;color:#98a5af}
input[type=checkbox]{accent-color:#2d6899}
.static-form input[readonly]{background:#f0f5f9;color:#486c86}
.company-choice{border-color:#e0e8ef;color:#365d7c}
.company-choice:hover{background:#f7fbfe;text-decoration:none}
.company-choice.selected{border-color:#91b9d5;background:#edf5fb}
.company-image-field{margin:18px 0 24px}
.company-image-field small{margin-top:8px}
.company-image-preview{display:block;max-width:100%;width:240px;height:140px;object-fit:contain;object-position:left center;border:1px solid #e0e7ed;border-radius:6px;background:#fff;margin-bottom:10px;padding:8px}
.company-image-preview[hidden]{display:none}
.image-hint{font-size:12px;line-height:1.6}
.permission-fields{border:0;margin:0;padding:0;min-width:0}
.permission-fields:disabled input,.permission-fields:disabled textarea,.permission-fields:disabled select{color:#334b5c}
.auth-page{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;background:#f5f8fa;padding:48px 20px}
.auth-card{width:100%;max-width:480px;margin:0;padding:30px}.auth-card h1{font-size:25px}.auth-tagline{margin:-8px 0 16px;color:#526d82;font-size:16px;font-weight:600}.auth-brands{display:flex;align-items:center;gap:16px;margin-bottom:26px}.auth-logo{display:block;width:122px;height:36px;object-fit:contain}.auth-brands .bilqor-logo{width:108px}
.auth-card button{margin-top:12px}.login-code{border-top:1px solid #e0e7ed;margin-top:26px;padding-top:18px}.login-code summary{cursor:pointer;color:#2c608b;font-weight:600}
.account-panel{max-width:620px}.logout-form{margin-top:24px}
.user-menu{display:flex;align-items:center;gap:16px;min-width:0}.user-menu>a{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.user-menu form{margin:0}.user-menu button{padding:6px 10px;font-size:12px}
th{background:#f1f5f9;color:#607b90}
td{border-bottom-color:#eaf0f5}
.client-name{color:#2d6899}
.filters{box-shadow:none}
.empty-value{color:#356e98}
.count{color:#7395b0}
.task-row{border-bottom-color:#eaf0f5}
footer{color:#93a2ad;padding-left:36px;padding-right:36px}
@media(max-width:900px){.workspace,.sidebar-collapsed .workspace{margin-left:0}.sidebar{width:min(300px,85vw);box-shadow:3px 0 12px #0002}.sidebar:not(.mobile-open){transform:translateX(-100%);visibility:hidden}.sidebar.mobile-open{transform:translateX(0);visibility:visible}.header-logo{flex-basis:132px}.menu-toggle{margin-left:4px}.topbar{padding-right:12px}.app-name{font-size:12px}main{padding:24px 18px}.directory-card{min-height:215px}footer{padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){.sidebar,.workspace{transition:none}}
nav a,.nav-label{display:flex;align-items:center;gap:10px}.nav-icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-submenu a{padding-left:9px}
.mail-actions{flex-wrap:wrap;margin:18px 0 12px}.mail-purposes{margin-top:18px;border:1px solid #dce4eb;border-radius:6px;padding:16px}.mail-purposes .check{margin:8px 0;white-space:normal}.mail-purposes legend{padding:0 6px;color:#344b60}

.stored-password::placeholder{color:#415364;opacity:1;letter-spacing:2px}

/* Account controls retained after the visual rollback. */
.user-menu{position:relative;display:block;margin-left:12px;min-width:0}.user-menu>summary{display:flex;align-items:center;gap:8px;min-height:34px;padding:3px 6px;list-style:none;cursor:pointer;border-radius:6px;color:#2c608b}.user-menu>summary::-webkit-details-marker{display:none}.user-menu>summary:hover{background:#edf5fb}.user-avatar{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#2f709f;color:#fff;font-size:11px;font-weight:700}.user-display-name{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.user-chevron{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.user-menu[open] .user-chevron{transform:rotate(180deg)}.user-dropdown{position:absolute;right:0;top:calc(100% + 7px);z-index:80;width:160px;padding:5px;background:#fff;border:1px solid #e0e7ed;border-radius:7px;box-shadow:0 8px 20px #20384c20}.user-dropdown a,.user-dropdown button{display:flex;align-items:center;width:100%;min-height:32px;padding:7px 9px;border:0;border-radius:5px;background:transparent;color:#415364;font-size:12px;font-weight:600;text-align:left;box-shadow:none}.user-dropdown a:hover,.user-dropdown button:hover{background:#edf5fb;color:#2c608b;text-decoration:none}.user-dropdown form{margin:0;border-top:1px solid #edf0f3}.user-dropdown form button{margin-top:4px;color:#a62f2f}.user-dropdown form button:hover{background:#fff0ef;color:#a62f2f}

/* Modern shell — phases 2–3: typography, palette, header and navigation only. */
:root{--header-height:56px;--sidebar-width:208px;--brand-blue:#6b42ed;--bilqor-accent:#6b42ed;--bilqor-accent-hover:#5733d3;--bilqor-accent-soft:#f0ecff;--workspace:#f6f7fb;--shell-surface:#fff;--shell-border:#e6e8f0;--text-main:#17213b;--text-secondary:#667085;--text-muted:#98a2b3}
body{background:var(--workspace);color:var(--text-main);font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;font-size:13px;letter-spacing:0}h1,h2,h3{color:var(--text-main);font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif}h1{font-weight:700;letter-spacing:-.45px}a{color:#6043d8}p,small{color:var(--text-secondary)}
.topbar{height:var(--header-height);padding:0 18px 0 10px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--shell-border);box-shadow:none;color:var(--text-main);backdrop-filter:blur(14px)}
.header-logo{height:var(--header-height);flex-basis:calc(var(--sidebar-width) - 10px);padding-left:4px}.header-logo .bilqor-logo{width:112px;height:38px}.menu-toggle{width:36px;height:36px;flex-basis:36px;margin-left:8px;border-radius:7px;color:#416f9b}.menu-toggle:hover{background:var(--bilqor-accent-soft);color:var(--bilqor-accent)}.menu-toggle svg{width:22px;height:22px;stroke-width:1.7}
.sidebar{inset:var(--header-height) auto 0 0;width:var(--sidebar-width);padding:8px 8px 14px 6px;background:var(--shell-surface);border-right:1px solid var(--shell-border);color:#48556d}.workspace{margin-left:var(--sidebar-width);padding-top:var(--header-height);background:var(--workspace)}
nav a,.nav-group summary{min-height:34px;margin:1px 0;padding:8px 10px;border-radius:7px;color:#4d5a70;font-size:12px;font-weight:600}nav a:hover,.nav-group summary:hover{background:#f6f4ff;color:#5638d8}nav a.current,.nav-submenu a.current{background:var(--bilqor-accent-soft);color:#5638d8;font-weight:700}.nav-group[open]>summary{background:transparent;color:#344054;font-weight:700}.nav-group summary::after{color:#7660dd;font-size:17px}.nav-submenu{margin:2px 0 5px;padding-left:17px;border:0}.nav-submenu a{min-height:31px;padding:7px 8px;color:#667085;font-size:11px}.nav-icon{width:17px;height:17px;stroke-width:1.8}.sidebar-footer{padding:14px 10px 0;margin-top:auto;border-top:0;color:var(--text-muted);font-size:10px}.sidebar-footer span{color:#b0b8c7}
.user-menu{margin-left:14px}.user-menu>summary{gap:8px;min-height:36px;padding:4px 7px;border-radius:7px;color:#344054}.user-menu>summary:hover{background:#f5f3ff}.user-avatar{width:26px;height:26px;background:linear-gradient(135deg,#805cff,#5938df);box-shadow:0 2px 5px #6b42ed2e}.user-display-name{font-size:12px;color:#344054;font-weight:700}.user-chevron{stroke:#667085}.user-dropdown{border-color:var(--shell-border);border-radius:8px;box-shadow:0 10px 26px #1e264015}.user-dropdown a,.user-dropdown button{color:#475467}.user-dropdown a:hover,.user-dropdown button:hover{background:#f4f1ff;color:#5733d3}
main{padding:24px 28px}.sidebar-backdrop{inset:var(--header-height) 0 0;background:#17213b33}
@media(max-width:900px){.workspace,.sidebar-collapsed .workspace{margin-left:0}.sidebar{width:min(272px,84vw);box-shadow:4px 0 18px #17213b18}.header-logo{flex-basis:132px}.topbar{padding-right:12px}main{padding:18px}.user-display-name{max-width:140px}}
@media(max-width:520px){.user-display-name{display:none}.user-menu{margin-left:5px}.header-logo .bilqor-logo{width:102px}.menu-toggle{margin-left:2px}}

/* Phase 9 — sign-in and responsive adaptation. */
.auth-page{min-height:100dvh;align-items:center;padding:28px;background:radial-gradient(circle at 18% 18%,#ece7ff 0,transparent 32%),radial-gradient(circle at 86% 82%,#e8f2ff 0,transparent 30%),#f4f6fa}
.auth-shell{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(810px,100%);padding:0;overflow:hidden;border:1px solid #e3e6ef;border-radius:16px;background:#fff;box-shadow:0 24px 70px #25304a18}
.auth-brand-panel{position:relative;display:flex;min-height:560px;flex-direction:column;align-items:center;justify-content:space-between;padding:42px;overflow:hidden;background:linear-gradient(145deg,#f5f2ff 0%,#eef5ff 100%)}
.auth-brand-panel::before,.auth-brand-panel::after{content:"";position:absolute;border-radius:50%;pointer-events:none}.auth-brand-panel::before{width:310px;height:310px;right:-150px;top:70px;background:#7048f315}.auth-brand-panel::after{width:220px;height:220px;left:-105px;bottom:-80px;border:38px solid #4e9cff12}
.auth-brand-panel>*{position:relative;z-index:1}.auth-brand-panel .auth-logo{width:152px;height:52px;object-fit:contain;object-position:center}.auth-brand-copy{display:grid;gap:10px;width:100%;max-width:280px;text-align:center}.auth-brand-copy strong{color:#17213b;font-size:22px;line-height:1.22;letter-spacing:-.35px}.auth-brand-copy span{color:#667085;font-size:13px;line-height:1.55}
.auth-developer{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:100%;margin-top:12px;padding-top:18px;border-top:1px solid #dcdff0}.auth-developer>img{width:112px;height:34px;object-fit:contain;object-position:center}.auth-developer small{flex:none;color:#667085;font-size:10px;font-weight:700;white-space:nowrap;text-align:center}
.auth-card{display:flex;min-width:0;flex-direction:column;justify-content:center;width:auto;max-width:none;min-height:560px;margin:0;padding:52px 58px;border:0;border-radius:0;background:#fff;box-shadow:none}.auth-heading{margin-bottom:24px}.auth-product-name{display:block;margin:5px 0 2px;color:var(--text-main);font-size:29px;font-weight:800;line-height:1.15;letter-spacing:-.7px}.auth-heading h1{margin:0 0 8px;color:#475467;font-size:16px;font-weight:700;letter-spacing:0}.auth-heading p{max-width:320px;margin:0;color:var(--text-secondary);font-size:13px;line-height:1.55}.auth-eyebrow{color:var(--bilqor-accent);font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}.auth-card label{margin:14px 0;color:#344054;font-size:12px;font-weight:700}.auth-card input{min-height:44px;margin-top:6px;border-color:#dfe3eb;border-radius:8px;background:#fff;color:var(--text-main)}.auth-card input:focus{border-color:#9b87ef;outline:3px solid #eeeaff;outline-offset:0}.auth-primary-form{margin:0}.auth-submit{width:100%;min-height:44px;margin-top:7px}.login-code{margin-top:24px;padding:15px 16px;border:1px solid #e7e2fb;border-radius:9px;background:#faf9ff}.login-code summary{cursor:pointer;color:#6043d8;font-size:12px;font-weight:750}.login-code[open] summary{margin-bottom:4px}.login-code form{margin-top:14px}.login-code p{margin:12px 0 0;font-size:12px;line-height:1.55}.auth-card .validation ul{margin:0}.auth-card .success{margin-bottom:16px}
.local-readonly-notice{margin:0 0 14px;padding:10px 12px;border:1px solid #e7e2fb;border-radius:8px;background:#faf9ff;color:#554a85;font-size:12px;line-height:1.45}.local-readonly-badge{flex:none;margin-left:8px;padding:5px 9px;border:1px solid #e7e2fb;border-radius:999px;background:#faf9ff;color:#6043d8;font-size:11px;font-weight:700;white-space:nowrap}

@media(max-width:900px){
 .auth-page{padding:20px}.auth-shell{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-brand-panel{min-height:520px;padding:30px}.auth-card{min-height:520px;padding:40px}
 .card-tabs{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.card-tabs [role=tab],.card-tabs a{flex:none;white-space:nowrap}
 .table-wrap{max-width:100%;overflow:auto;overscroll-behavior:contain}.filters{align-items:stretch}.filters input:not([type=checkbox]),.filters select{min-width:150px;flex:1}
}
@media(max-width:700px){
 :root{--header-height:52px}.topbar{padding:0 10px 0 6px}.header-logo{height:52px;flex-basis:116px}.header-logo .bilqor-logo{width:96px;height:34px}.menu-toggle{width:34px;height:34px;flex-basis:34px}.workspace{padding-top:var(--header-height)}
 .auth-page{padding:14px}.auth-shell{display:block;max-width:480px;border-radius:13px}.auth-brand-panel{min-height:auto;padding:24px 26px 20px;background:linear-gradient(145deg,#f5f2ff,#eef5ff)}.auth-brand-panel::before{width:180px;height:180px;right:-95px;top:-70px}.auth-brand-panel::after{display:none}.auth-brand-panel .auth-logo{width:126px;height:43px}.auth-brand-copy{margin-top:18px;gap:4px}.auth-brand-copy strong{font-size:16px}.auth-brand-copy>span{font-size:11px}.auth-developer{margin-top:10px;padding-top:10px}.auth-developer>img{width:94px;height:28px}.auth-developer small{font-size:9px}.auth-card{min-height:0;padding:28px 26px 30px}.auth-heading{margin-bottom:18px}.auth-heading h1{font-size:25px}
 main,.card-page main,.clients-page main,.overview-page main{padding:12px}.panel,.metric{border-radius:8px}.panel{padding:12px}.directory-heading,.list-heading,.overview-page .heading{min-height:34px}.directory-heading h1,.list-heading h1,.overview-page .heading h1,main>h1{font-size:20px}
 .directory-heading,.list-heading,.heading{align-items:flex-start;flex-wrap:wrap}.directory-heading .new-record,.list-heading .new-client,.heading>.button{margin-left:auto}.filters{display:grid;grid-template-columns:1fr 1fr;padding:10px}.filters input:not([type=checkbox]),.filters select,.filters .button,.filters button{width:100%;max-width:none;min-width:0}.filters .check{grid-column:1/-1}
 .field-pair,.id-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.metric strong{font-size:26px}.actions{flex-wrap:wrap;gap:10px}
}
@media(max-width:430px){
 .auth-page{padding:0;background:#fff}.auth-shell{min-height:100dvh;border:0;border-radius:0;box-shadow:none}.auth-brand-panel{padding:20px 22px 16px}.auth-card{padding:24px 22px 28px}.auth-heading h1{font-size:23px}
 .topbar-menu{flex:1}.user-menu{margin-left:2px}.user-avatar{width:25px;height:25px}.user-dropdown{position:fixed;right:10px;top:calc(var(--header-height) - 3px)}
 .filters{grid-template-columns:1fr}.filters .check{grid-column:auto}.metrics{grid-template-columns:1fr}.card-tabs{margin-left:-2px;margin-right:-2px}.button,button{white-space:normal}
}

/* Application header search, notifications and continuous sidebar divider. */
.topbar{background:#f8f9fc}
.header-logo{align-self:stretch;flex:0 0 var(--sidebar-width);margin-left:-10px;padding-left:16px;border-right:1px solid var(--shell-border);border-bottom:1px solid var(--shell-border);background:var(--shell-surface)}
.global-search{position:relative;flex:0 1 430px;margin-left:14px}.global-search svg{position:absolute;left:11px;top:50%;width:16px;height:16px;transform:translateY(-50%);fill:none;stroke:#98a2b3;stroke-width:1.8;pointer-events:none}.global-search input{height:34px;padding:7px 12px 7px 34px;border-color:#dfe3eb;background:#fff;font-size:12px}.global-search input:focus{background:#fff}
.notification-menu{position:relative;flex:none;margin-left:6px}.notification-menu>summary{position:relative;display:flex;width:36px;height:36px;align-items:center;justify-content:center;list-style:none;cursor:pointer;border-radius:8px;color:#475467}.notification-menu>summary::-webkit-details-marker{display:none}.notification-menu>summary:hover,.notification-menu[open]>summary{background:#f4f1ff;color:#6043d8}.notification-menu>summary svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-badge{position:absolute;right:0;top:0;display:flex;min-width:17px;height:17px;align-items:center;justify-content:center;padding:0 4px;border:2px solid #fff;border-radius:999px;background:#e34d59;color:#fff;font-size:8px;font-weight:800;line-height:1}.notification-dropdown{position:absolute;right:-44px;top:calc(100% + 8px);z-index:85;width:min(390px,calc(100vw - 24px));overflow:hidden;border:1px solid var(--shell-border);border-radius:10px;background:#fff;box-shadow:0 14px 34px #1e264020}.notification-dropdown>header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #edf0f5}.notification-dropdown>header a{font-size:11px;font-weight:700}.notification-dropdown>p{margin:0;padding:24px;text-align:center;color:#98a2b3}.notification-item{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px 15px;border-bottom:1px solid #f0f1f5;color:#344054}.notification-item:last-child{border-bottom:0}.notification-item:hover{background:#fafaff;text-decoration:none}.notification-item b{display:block;font-size:12px}.notification-item small{margin-top:2px;font-size:10px}.notification-item>strong{min-width:24px;text-align:right;color:#667085;font-size:12px}.notification-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#f59e0b}.notification-item.danger .notification-dot{background:#e34d59}
.help-center-link{display:flex;width:36px;height:36px;flex:none;align-items:center;justify-content:center;margin-left:4px;border-radius:8px;color:#475467;text-decoration:none}.help-center-link:hover,.help-center-link:focus-visible{background:#f4f1ff;color:#6043d8;text-decoration:none}.help-center-link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.message-menu{margin-left:2px}.attention-menu.has-attention>summary svg{transform-origin:50% 12%;animation:bell-ring 5s ease-in-out infinite}.message-menu.has-message-error>summary svg{transform-origin:50% 50%;animation:message-shake 5s ease-in-out infinite}@keyframes bell-ring{0%,82%,100%{transform:rotate(0)}85%{transform:rotate(-14deg)}88%{transform:rotate(12deg)}91%{transform:rotate(-9deg)}94%{transform:rotate(6deg)}97%{transform:rotate(-3deg)}}@keyframes message-shake{0%,82%,100%{transform:translateX(0)}85%{transform:translateX(-2px) rotate(-4deg)}88%{transform:translateX(2px) rotate(4deg)}91%{transform:translateX(-2px) rotate(-3deg)}94%{transform:translateX(1px) rotate(2deg)}97%{transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.attention-menu.has-attention>summary svg,.message-menu.has-message-error>summary svg{animation:none}}
.notification-scroll{max-height:min(520px,calc(100vh - 100px));overflow-y:auto}.notification-empty{margin:0;padding:24px;text-align:center;color:#98a2b3}.notification-section-title{padding:9px 15px;border-top:1px solid #e7e9ef;border-bottom:1px solid #edf0f5;background:#f8f7fc;color:#667085;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.notification-job{display:grid;grid-template-columns:10px minmax(0,1fr);gap:10px;padding:11px 15px;border-bottom:1px solid #f0f1f5;color:#344054}.notification-job:hover{background:#fafaff;text-decoration:none}.notification-job b{display:block;font-size:12px}.notification-job small{display:block;margin-top:2px;font-size:10px}.notification-job small span{color:#b42318}.notification-job-icon{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#98a2b3}.notification-job.queued .notification-job-icon{background:#f59e0b}.notification-job.running .notification-job-icon{border:2px solid #d8d0ff;border-top-color:#6b42ed;background:transparent;animation:notification-spin .8s linear infinite}.notification-job.completed .notification-job-icon{background:#20a66a}.notification-job.failed .notification-job-icon{background:#e34d59}@keyframes notification-spin{to{transform:rotate(360deg)}}
.notification-job-form{margin:0}.notification-job-button{width:100%;border:0;border-radius:0;background:#fff;box-shadow:none;font-family:inherit;font-weight:400;text-align:left}.notification-job-button:hover{border:0;background:#fff8f8;box-shadow:none}.notification-job-button:active{transform:none}

/* Shared transient messages: overlay the workspace so page geometry never changes. */
.js .workspace .success:not(.app-toast),.js .workspace .notice:not(.app-toast),.js .workspace [data-app-toast]:not(.app-toast){position:fixed;visibility:hidden}
.toast-region{position:fixed;top:calc(var(--header-height) + 12px);right:18px;z-index:200;display:grid;width:min(420px,calc(100vw - 28px));gap:8px;pointer-events:none}.app-toast{position:relative;display:block;margin:0!important;padding:11px 42px 11px 14px!important;border:1px solid transparent;border-radius:9px;box-shadow:0 12px 30px #1e264026;font-size:12px;line-height:1.45;opacity:0;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease;pointer-events:auto}.app-toast.is-visible{opacity:1;transform:translateY(0)}.app-toast.is-leaving{opacity:0;transform:translateY(-8px)}.app-toast-success{border-color:#cdebdc;background:#effaf4!important;color:#18794e!important}.app-toast-error{border-color:#f1cccc;background:#fff2f2!important;color:#b42318!important}.app-toast-close{position:absolute;right:7px;top:50%;width:28px;height:28px;padding:0!important;transform:translateY(-50%);border:0!important;border-radius:6px;background:transparent!important;box-shadow:none!important;color:currentColor!important;font-size:20px;font-weight:400;line-height:1}.app-toast-close:hover{background:#ffffff80!important;box-shadow:none!important;transform:translateY(-50%)}
.notification-settings{max-width:980px;margin:0}.notification-setting{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;align-items:center;padding:16px 2px;border-bottom:1px solid #edf0f5}.notification-setting:first-child{padding-top:2px}.notification-setting>.check{margin:0;align-items:flex-start}.notification-setting>.check input{margin-top:2px}.notification-setting>.check span{display:grid;gap:3px}.notification-setting>.check b{color:#344054}.notification-setting>.check small{font-weight:400}.notification-setting>a{justify-self:end;font-size:12px;font-weight:650}.notification-threshold{margin:0!important}.notification-threshold input{margin-top:5px}.notification-settings .card-actions{margin:14px 0 0;padding-top:0}
.search-page-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;max-width:900px;margin-bottom:12px}.search-results{max-width:900px;padding:0;overflow:hidden}.search-results .section-head{padding:14px 16px;border-bottom:1px solid #edf0f5}.search-results .section-head h2{margin:0}.search-result{display:grid;grid-template-columns:135px minmax(0,1fr);gap:2px 12px;padding:11px 16px;border-bottom:1px solid #edf0f5;color:#344054}.search-result:hover{background:#fafaff;text-decoration:none}.search-result .badge{grid-row:1/3;align-self:center;justify-self:start}.search-result b{font-size:12px}.search-result small{font-size:10px}
@media(max-width:900px){.header-logo{flex-basis:132px;margin-left:-6px;padding-left:10px}.global-search{margin-left:8px}.notification-dropdown{right:-88px}.notification-setting{grid-template-columns:1fr 190px}}
@media(max-width:700px){.global-search{display:none}.notification-setting{grid-template-columns:1fr;gap:8px}.notification-setting>a{justify-self:start}.search-result{grid-template-columns:1fr}.search-result .badge{grid-row:auto}.search-page-form{grid-template-columns:1fr}.notification-dropdown{position:fixed;right:8px;top:calc(var(--header-height) - 2px)}}

/* Shared components — phase 4. */
.button,button{border:1px solid transparent;background:var(--bilqor-accent);color:#fff;border-radius:7px;box-shadow:0 2px 5px #6b42ed24;font-family:inherit;font-size:12px;font-weight:700;line-height:1.2;padding:9px 13px;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.button:hover,button:hover{background:var(--bilqor-accent-hover);box-shadow:0 4px 10px #6b42ed2b;text-decoration:none}.button:active,button:active{transform:translateY(1px)}button:disabled,.button[aria-disabled=true]{background:#c6bddf;color:#fff;box-shadow:none;cursor:not-allowed;transform:none}.secondary,.button.secondary{background:#fff;color:#344054;border-color:#dfe3eb;box-shadow:none}.secondary:hover,.button.secondary:hover{background:#f8f7fc;color:#344054;border-color:#cfd5e0;box-shadow:none}
.panel,.metric{border:1px solid var(--shell-border);border-radius:9px;background:#fff;box-shadow:0 2px 7px #1f29370a}.panel{padding:16px}.metric{padding:16px}.metric strong{color:var(--text-main)}.metric>span{color:var(--text-secondary)}
input,select,textarea{border:1px solid #dfe3eb;border-radius:7px;background:#fff;color:#344054;font-family:inherit;font-size:13px;line-height:1.25;padding:8px 10px;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder,textarea::placeholder{color:#98a2b3}input:hover,select:hover,textarea:hover{border-color:#cbd2df}input:focus,select:focus,textarea:focus{outline:0;border-color:#9a83fa;box-shadow:0 0 0 3px #ede9ff}input:disabled,select:disabled,textarea:disabled{background:#f5f6fa;color:#98a2b3}input[type=checkbox]{accent-color:var(--bilqor-accent)}

/* Keep the application chrome steady while Razor pages change. */
.nav-icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
[data-infinite-pagination][hidden]{display:none!important}.infinite-list-sentinel{height:1px;pointer-events:none}.infinite-list-status{padding:8px 12px;color:#667085;font-size:11px;text-align:center;background:#fff}.infinite-list-status.is-error{color:#b42318;cursor:pointer}.infinite-list-status.is-error:focus-visible{outline:2px solid #8b5cf6;outline-offset:-2px}[data-infinite-list][aria-busy=true]{cursor:progress}
a[data-nav-url]{cursor:pointer}
.sidebar{scrollbar-gutter:stable;overflow-anchor:none;view-transition-name:app-sidebar}
.topbar{view-transition-name:app-topbar}
.workspace{view-transition-name:app-workspace}
.nav-restoring .sidebar,.nav-restoring .workspace{transition:none!important}

@view-transition{navigation:auto}
@keyframes workspace-old{to{opacity:.7}}
@keyframes workspace-new{from{opacity:.7;transform:translateY(2px)}to{opacity:1;transform:none}}
::view-transition-old(app-topbar),::view-transition-new(app-topbar),
::view-transition-old(app-sidebar),::view-transition-new(app-sidebar){animation:none;mix-blend-mode:normal}
::view-transition-old(app-workspace){animation:workspace-old 80ms ease-out both}
::view-transition-new(app-workspace){animation:workspace-new 140ms ease-out both}

@media(prefers-reduced-motion:reduce){
 ::view-transition-old(app-workspace),::view-transition-new(app-workspace){animation:none}
}
label{color:#475467;font-size:12px;font-weight:650}.filters{gap:9px;padding:10px 12px;background:#fff;border:1px solid var(--shell-border);border-radius:9px;box-shadow:0 2px 7px #1f293708}.filters a{color:#6043d8;font-weight:600}
th{background:#f6f7fb;color:#667085;font-size:11px;font-weight:700}td{color:#344054;border-bottom-color:#edf0f5}tr:hover td{background:#fafaff}.badge{border-radius:999px;background:#f0f2f5;color:#667085;font-size:10px;font-weight:700;padding:3px 7px}.badge.green{background:#e8f7ef;color:#18794e}.badge.amber{background:#fff4e5;color:#a15c07}.note{border-left-color:#8f7aed;background:#f5f2ff;color:#554a85;border-radius:7px}.success{background:#e9f8ef;color:#18794e;border-radius:8px}.validation:not(:empty){background:#fff2f2;color:#b42318;border-radius:8px}.empty{color:#98a2b3}.button.danger-button,button.danger-button{border-color:#e34d59;background:#e34d59;color:#fff}.button.danger-button:hover,button.danger-button:hover{border-color:#c93d49;background:#c93d49;color:#fff}

/* Horizontal forms share one baseline: action centers match input centers. */
.control-row{align-items:flex-end}
.control-row>label{margin-top:0;margin-bottom:0}
.control-row>button,.control-row>.button,.control-row>.control-row-actions{align-self:flex-end;margin-top:0;margin-bottom:0}
