:root { --mci-blaze-orange:#ff6600; --mci-dark-navy:#002060; --mci-white:#fff; --mci-orange-dark:#e55a00; --mci-mid-blue:#003399; --mci-gray-800:#333; --mci-gray-200:#eee; --mci-font-family:"Quicksand",Calibri,Arial,sans-serif; }
:root { --color-bg:#00133d; --color-panel:#001b52; --color-panel-alt:#002060; --color-text:#fff; --color-muted:#c7d3ec; --color-border:#214682; --color-shell:#000f30; --color-shell-muted:#c7d3ec; --color-primary:#ff6600; --color-primary-hover:#e55a00; --shadow-panel:0 .65rem 1.75rem rgba(0,0,0,.28); }
select.form-select option { background-color:var(--color-panel-alt); color:var(--color-text); }
html,body { min-height:100%; } body { margin:0; font-family:var(--mci-font-family); background:linear-gradient(180deg,rgba(0,32,96,.05),rgba(0,32,96,0)),var(--color-bg); color:var(--color-text); }
.public-main { min-height:100dvh; color:var(--mci-white); } .public-main::before { content:""; position:fixed; inset:0; z-index:-1; background:linear-gradient(135deg,rgba(0,32,96,.97),rgba(0,15,48,.98)),var(--mci-dark-navy); }
.brand-lockup { display:flex; align-items:baseline; flex-wrap:wrap; gap:.55rem; line-height:1; }.brand-wordmark{font-family:var(--mci-font-family);font-size:clamp(1.35rem,3vw,2.15rem);font-weight:700;letter-spacing:.04em;white-space:nowrap}.brand-mci{color:var(--mci-blaze-orange)}.app-title{font-size:clamp(1.05rem,2vw,1.55rem);font-weight:600;letter-spacing:0;white-space:nowrap;color:inherit}
.login-card { border:1px solid var(--color-border); border-radius:.5rem; background:#000f30; box-shadow:var(--shadow-panel); }.login-card .card-body{color:var(--mci-white);background:transparent;padding:1.8rem!important}.login-card h1{font-size:1.6rem;font-weight:700;margin:0}.login-card h1:focus{outline:0}.login-divider{height:2px;background:var(--mci-mid-blue);margin:1rem 0 1.4rem}.login-card label{font-weight:600}.login-card .form-control{height:2.85rem;min-height:2.85rem;box-sizing:border-box;line-height:1.4;padding-block:.45rem;color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.32);border-radius:.5rem}.login-card .form-control:focus{box-shadow:0 0 0 .2rem rgba(255,102,0,.32);border-color:var(--mci-blaze-orange)}.login-card .btn-primary{height:3.25rem;background:var(--mci-blaze-orange);border-color:var(--mci-blaze-orange);color:#fff;font-weight:700}.login-card .btn-primary:hover,.login-card .btn-primary:focus{background:var(--mci-orange-dark);border-color:var(--mci-orange-dark)}.login-error{background:rgba(255,102,0,.18);border:1px solid var(--mci-blaze-orange);border-radius:.4rem;padding:.7rem;margin-bottom:1rem}.public-footer{text-align:center;font-size:.84rem;font-weight:600;margin:2rem 0 1rem}
.auth-main{width:100%;max-width:none;padding-inline:clamp(1rem,2vw,3rem)}.app-shell{background:var(--color-panel);border:1px solid var(--color-border);border-radius:.5rem;box-shadow:var(--shadow-panel);overflow:visible}.app-shell-header,.operational-card .card-header{background:var(--color-shell);color:#fff;border-bottom:3px solid var(--color-primary)}.app-shell-body{background:var(--color-panel);color:var(--color-text);min-height:28rem}.account-menu{position:relative}.account-menu summary{cursor:pointer;font-weight:600;color:#fff;list-style:none}.account-menu summary::-webkit-details-marker{display:none}.account-menu-content{position:absolute;right:0;top:1.8rem;width:12rem;background:var(--color-shell);border:1px solid var(--color-border);border-radius:.4rem;padding:.5rem;z-index:5;box-shadow:var(--shadow-panel)}.account-menu-content form{margin:0}.account-menu-action{display:block;width:100%;border:0;border-radius:.25rem;text-align:left;padding:.45rem .6rem;background:transparent;color:#fff;font:inherit;text-decoration:none}.account-menu-action:hover,.account-menu-action:focus{background:rgba(255,102,0,.2);color:#fff;outline:0;text-decoration:none}.account-menu hr{border-color:var(--color-border);margin:.35rem 0}.workspace-intro{margin:0 0 1.75rem}.eyebrow{margin:0 0 .35rem;color:var(--color-primary);font-weight:700;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.workspace-intro h1{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;letter-spacing:.02em}.workspace-intro .lead{color:var(--color-muted);max-width:48rem}.operational-card{border-color:var(--color-border);background:var(--color-panel);color:var(--color-text)}.operational-card .card-header{font-weight:700}.status-badge{display:inline-block;border-radius:999px;background:#157347;color:#fff;padding:.3rem .65rem;font-size:.78rem;font-weight:700}@media(max-width:575.98px){.public-main{padding-top:2rem!important}.app-shell-header{padding:1rem!important}.app-shell-body{padding:1rem!important}.account-menu-content{right:auto;left:0}.login-card .card-body{padding:1.5rem!important}}
.app-nav{display:flex;gap:1rem;margin-left:auto}.app-nav a{color:var(--color-shell-muted);font-weight:600;text-decoration:none}.app-nav a:hover,.app-nav a:focus{color:#fff;text-decoration:underline}.brand-action{background:var(--mci-blaze-orange);border-color:var(--mci-blaze-orange);color:#fff;font-weight:700}.brand-action:hover,.brand-action:focus{background:var(--mci-orange-dark);border-color:var(--mci-orange-dark)}.table-darkish{--bs-table-bg:transparent;--bs-table-color:var(--color-text);--bs-table-border-color:var(--color-border);--bs-table-hover-bg:rgba(255,255,255,.05);--bs-table-hover-color:var(--color-text)}.workflow-badge{display:inline-block;border-radius:999px;padding:.25rem .55rem;font-size:.75rem;font-weight:700;white-space:nowrap;background:var(--mci-mid-blue);color:#fff}.workflow-badge.needsreview,.workflow-badge.submittedforreview{background:var(--mci-blaze-orange)}.workflow-badge.finalized,.workflow-badge.resolved{background:#157347}.workflow-badge.draft,.workflow-badge.open{background:var(--mci-mid-blue)}.numeric{text-align:right;min-width:6.5rem}.invoice-lines .form-control,.invoice-lines .form-select{min-width:8.5rem}.invoice-lines td{vertical-align:top}.invoice-message{border-radius:.4rem;padding:.75rem 1rem;margin:0 0 1rem}.invoice-message.success{background:rgba(21,115,71,.22);border:1px solid #157347}.invoice-message.error{background:rgba(255,102,0,.18);border:1px solid var(--mci-blaze-orange)}.document-list{list-style:none;margin:1rem 0 0;padding:0}.document-list li{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;padding:.6rem 0;border-bottom:1px solid var(--color-border)}.document-list a{color:var(--color-text);font-weight:700}.document-list span{font-size:.84rem;color:var(--color-muted)}.client-picker{max-width:38rem}.form-control,.form-select{background-color:var(--color-panel-alt,#fff);border-color:var(--color-border);color:var(--color-text)}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.form-control:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 .2rem rgba(255,102,0,.22)}.form-control:disabled{opacity:.65}.form-select:disabled{background-color:var(--color-panel-alt);color:var(--color-shell-muted);opacity:1}@media(max-width:767.98px){.app-nav{order:3;width:100%;margin-left:0}.invoice-lines{font-size:.88rem}}
.app-nav{display:flex;gap:1rem;margin-left:auto}.app-nav a{color:var(--color-shell-muted);font-weight:600;text-decoration:none}.app-nav a:hover,.app-nav a:focus{color:#fff;text-decoration:underline}.brand-action{background:var(--mci-blaze-orange);border-color:var(--mci-blaze-orange);color:#fff;font-weight:700}.brand-action:hover,.brand-action:focus{background:var(--mci-orange-dark);border-color:var(--mci-orange-dark)}.table-darkish{--bs-table-bg:transparent;--bs-table-color:var(--color-text);--bs-table-border-color:var(--color-border);--bs-table-hover-bg:rgba(255,255,255,.05);--bs-table-hover-color:var(--color-text)}.workflow-badge{display:inline-block;border-radius:999px;padding:.25rem .55rem;font-size:.75rem;font-weight:700;white-space:nowrap;background:var(--mci-mid-blue);color:#fff}.workflow-badge.needsreview{background:var(--mci-blaze-orange)}.workflow-badge.finalized,.workflow-badge.resolved{background:#157347}.workflow-badge.open{background:var(--mci-mid-blue)}.lob-catalog{margin:0 0 1rem;padding:.8rem 1rem;border:1px solid var(--color-border);border-radius:.4rem;background:var(--color-panel-alt)}.lob-catalog-heading{display:flex;align-items:center;gap:.55rem;margin-bottom:.6rem;font-size:.84rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.lob-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.lob-list li{padding:.35rem .6rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-panel);font-weight:600}.numeric{text-align:right;min-width:6.5rem}.invoice-lines .form-control,.invoice-lines .form-select{min-width:8.5rem}.invoice-lines td{vertical-align:top}.invoice-message{border-radius:.4rem;padding:.75rem 1rem;margin:0 0 1rem}.invoice-message.success{background:rgba(21,115,71,.22);border:1px solid #157347}.invoice-message.error{background:rgba(255,102,0,.18);border:1px solid var(--mci-blaze-orange)}.document-list{list-style:none;margin:1rem 0 0;padding:0}.document-list li{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;padding:.6rem 0;border-bottom:1px solid var(--color-border)}.document-list a{color:var(--color-text);font-weight:700}.document-list span{font-size:.84rem;color:var(--color-muted)}.client-picker{max-width:38rem}.form-control,.form-select{background-color:var(--color-panel-alt,#fff);border-color:var(--color-border);color:var(--color-text)}.form-control:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 .2rem rgba(255,102,0,.22)}.form-control:disabled,.form-select:disabled{opacity:.65}@media(max-width:767.98px){.app-nav{order:3;width:100%;margin-left:0}.invoice-lines{font-size:.88rem}}
.app-nav{display:flex;gap:.25rem;margin-left:auto}.app-nav a{border-bottom:3px solid transparent;color:var(--color-shell-muted);font-weight:700;padding:.65rem .65rem .5rem;text-decoration:none}.app-nav a:hover,.app-nav a:focus{color:#fff;text-decoration:none}.app-nav a.active{border-bottom-color:var(--color-primary);color:#fff}.account-menu summary{align-items:center;display:flex;gap:.45rem}.account-avatar{align-items:center;background:#cfe0ff;border-radius:50%;color:var(--mci-dark-navy);display:inline-flex;font-size:.72rem;font-weight:700;height:2rem;justify-content:center;width:2rem}.chevron-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.account-menu .chevron-icon{height:1rem;transition:transform .15s ease;width:1rem}.account-menu[open] .chevron-icon{transform:rotate(180deg)}.form-control::placeholder{color:var(--color-muted);opacity:1}.form-text,.text-muted{color:var(--color-muted)!important;opacity:1}.form-control,.form-select{--bs-form-control-color:var(--color-text);--bs-form-control-bg:var(--color-panel-alt);--bs-secondary-color:var(--color-muted)}input[type=file]{color:var(--color-text)}.invoice-message.partial{background:rgba(255,102,0,.18);border:1px solid var(--mci-blaze-orange)}
.month-year-picker{display:grid;grid-template-columns:minmax(0,1fr) minmax(6rem,.65fr);gap:.65rem}.month-year-picker .form-select{min-width:0}@media(max-width:399.98px){.month-year-picker{grid-template-columns:1fr}}
.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}
.form-select:disabled{background-color:var(--color-panel-alt);color:var(--color-shell-muted);opacity:1}
.form-select{--bs-form-select-color:var(--color-text);--bs-form-select-bg:var(--color-panel-alt);background-color:var(--color-panel-alt);color:var(--color-text);color-scheme:dark}
.workflow-badge.draft{background:var(--mci-mid-blue)}.workflow-badge.submittedforreview{background:var(--mci-blaze-orange)}