html,body{margin:0;min-width:320px}body{font-family:"Segoe UI",system-ui,sans-serif}h1{font-size:clamp(1.65rem,3vw,2.25rem);font-weight:700;line-height:1.2;margin:8px 0 12px;letter-spacing:-.035em}h2{font-size:1.15rem;font-weight:650;margin:0 0 16px}h3{font-size:1rem;font-weight:600;margin-bottom:8px}p{margin:0 0 16px}.muted{color:var(--mud-palette-text-secondary)}.eyebrow{color:var(--mud-palette-primary);font-size:.7rem;letter-spacing:.14em;font-weight:700}.portal-header{border-bottom:1px solid var(--mud-palette-lines-default)}.header-company{font-size:.85rem;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:12px}.portal-nav{border-right:1px solid var(--mud-palette-lines-default)}.nav-caption{font-size:.65rem;letter-spacing:.12em;color:var(--mud-palette-text-secondary);padding:32px 20px 16px}.nav-footer{padding:24px;display:flex;flex-direction:column;gap:4px;margin-top:auto;color:var(--mud-palette-text-secondary);font-size:.8rem}.portal-nav .mud-drawer-content{height:100%;display:flex;flex-direction:column}.portal-nav .mud-nav-link.active{color:var(--mud-palette-primary);background:var(--mud-palette-primary-hover)}.portal-content{padding:36px 32px 60px!important;max-width:1440px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:8px 0 24px}.page-heading>div{min-width:0}.section-card{padding:24px;margin-bottom:24px;border:1px solid var(--mud-palette-lines-default);border-radius:14px!important}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}.stat-card{padding:24px;border:1px solid var(--mud-palette-lines-default);border-radius:14px!important;display:flex;flex-direction:column;gap:8px}.stat-card strong{font-size:2.5rem;font-weight:700;line-height:1.1}.stat-card>span{font-size:.9rem}.roles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.role-card{border:1px solid var(--mud-palette-lines-default);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:10px;color:var(--mud-palette-text-primary);text-decoration:none}.role-card:hover{border-color:var(--mud-palette-primary);background:var(--mud-palette-primary-hover)}.role-card>span{color:var(--mud-palette-text-secondary);font-size:.85rem}.role-card b{font-size:1.5rem}.filters{display:grid;grid-template-columns:minmax(200px,2fr) minmax(130px,1fr) minmax(150px,1fr) auto;gap:16px;align-items:center;margin-bottom:20px}.list-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:20px}.identifier{font-family:Consolas,monospace;overflow-wrap:anywhere;word-break:break-word;max-width:100%}.device-table .mud-table-cell{vertical-align:middle}.device-table .mud-table-container{overflow-x:auto}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.facts{display:grid;grid-template-columns:minmax(100px,1fr) 2fr;gap:14px 20px;margin:12px 0 24px;font-size:.9rem}.facts dt{color:var(--mud-palette-text-secondary)}.facts dd{margin:0;min-width:0;overflow-wrap:anywhere}.permission-block{margin-top:24px;padding-top:24px;border-top:1px solid var(--mud-palette-lines-default)}.binding-form{display:grid;grid-template-columns:minmax(150px,1fr) minmax(200px,2fr) auto;gap:16px;align-items:center;margin-top:24px}.form-card{max-width:680px}.form-card form{display:flex;flex-direction:column;gap:24px}.form-actions{display:flex;gap:12px;flex-wrap:wrap}.danger-zone{border-color:var(--mud-palette-error)!important}.empty-state{padding:36px 20px;text-align:center;color:var(--mud-palette-text-secondary)}.empty-state h2{margin:12px}.welcome-panel{max-width:900px;padding:clamp(28px,6vw,72px);border:1px solid var(--mud-palette-lines-default);border-radius:18px!important;margin:28px auto}.welcome-panel h1{font-size:clamp(2rem,4vw,3.5rem);margin:20px 0}.lead{color:var(--mud-palette-text-secondary);font-size:1.1rem;margin-bottom:32px}.welcome-panel .mud-alert{margin:20px 0}.loading-state{display:flex;align-items:center;gap:16px;padding:40px}.validation-message,.validation-errors{color:var(--mud-palette-error);font-size:.85rem;margin-top:8px}.boot{display:flex;min-height:100vh;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:#f4f8fd;color:#061a33}#blazor-error-ui{display:none;position:fixed;bottom:0;width:100%;padding:16px;background:#fff1df;color:#333;z-index:2000}#blazor-error-ui a{margin-left:16px}.mud-button-root{min-height:44px}.mud-icon-button{min-width:44px;min-height:44px}.mud-dialog-title{overflow-wrap:anywhere}
@media(max-width:959px){.portal-content{padding:24px!important}.filters{grid-template-columns:1fr 1fr}.binding-form{grid-template-columns:1fr 1fr}.binding-form .mud-button-root{grid-column:1/-1}.header-company{display:none}.detail-grid{gap:16px}.stats-grid{gap:12px}.stat-card{padding:18px}}
@media(max-width:599px){.portal-content{padding:20px 14px 40px!important}.portal-header .mud-toolbar{padding:0 6px!important}.page-heading{align-items:stretch;flex-direction:column;gap:8px;margin-bottom:20px}.page-heading>.mud-button-root{width:100%}.section-card{padding:16px;margin-bottom:16px;border-radius:12px!important}.filters{grid-template-columns:1fr;gap:12px}.stats-grid{grid-template-columns:1fr;gap:12px}.stat-card{display:grid;grid-template-columns:1fr auto;gap:8px 16px}.stat-card strong{grid-row:1/3;grid-column:2;align-self:center;font-size:2rem}.roles-grid,.detail-grid,.binding-form{grid-template-columns:1fr;gap:12px}.binding-form .mud-button-root{grid-column:auto}.facts{grid-template-columns:1fr 1.4fr;gap:12px;font-size:.85rem}.device-table .mud-table-cell{min-height:48px;overflow-wrap:anywhere}.device-table .mud-table-cell:before{max-width:45%;white-space:normal}.device-table .mud-table-cell>*{max-width:60%}.device-table .mud-table-row{border:1px solid var(--mud-palette-lines-default);border-radius:10px;margin-bottom:12px}.device-table .mud-table-cell .mud-button-root{max-width:100%}.list-footer{flex-wrap:wrap}.section-heading{align-items:flex-start;flex-direction:column;gap:4px}.form-actions{flex-direction:column}.form-actions>*{width:100%}.welcome-panel{margin:12px 0;padding:24px}.welcome-panel .mud-button-root{width:100%}.mud-dialog{margin:16px!important;width:calc(100% - 32px)!important;max-height:calc(100dvh - 32px)!important}}

.mobile-drawer-toolbar{display:none}@media(max-width:959px){.mobile-drawer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px}.nav-caption{padding-top:16px}}

/* Transparent logo canvases retain their original proportions and outer margins. */
:root{--aviofleet-navy:#061a33;--aviofleet-blue:#005bee;--aviofleet-cyan:#00cdef}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0;color:inherit;text-decoration:none;white-space:nowrap}
.brand-product{font-size:.8rem;font-weight:600;letter-spacing:.08em;border-left:1px solid var(--mud-palette-lines-default);padding-left:12px}
.brand-wordmark,.brand-symbol,.brand-stacked{position:relative;display:block;overflow:hidden;flex-shrink:0}
.brand-wordmark{width:184px;height:42px}
.brand-wordmark img{position:absolute;width:118%;height:auto;max-width:none;left:-10%;top:50%;transform:translateY(-50%)}
.brand-symbol{width:40px;height:34px}
.brand-symbol img{position:absolute;width:158%;height:auto;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}
.brand>.brand-symbol{display:none}
.brand-stacked{width:280px;max-width:100%;aspect-ratio:1.65;margin-bottom:28px}
.brand-stacked img{position:absolute;width:142%;height:auto;max-width:none;left:50%;top:54%;transform:translate(-50%,-50%)}
.brand:focus-visible{outline:2px solid var(--mud-palette-primary);outline-offset:3px;border-radius:6px}
.portal-header:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,var(--aviofleet-cyan),var(--aviofleet-blue))}
.stat-card{border-top:3px solid var(--mud-palette-primary)}
.boot .brand-symbol{width:120px;height:90px}
@media(max-width:599px){.brand{gap:0}.brand-wordmark{width:126px;height:36px}.brand-product{display:none}.brand-stacked{width:240px;margin-bottom:20px}}
@media(max-width:359px){.brand-wordmark{display:none}.brand>.brand-symbol{display:block}}
.brand-image-dark{display:none}.portal-dark .brand-image-light{display:none}.portal-dark .brand-image-dark{display:block}