/* Marine ERP UI V2 — additive visual styling only, no data or workflow changes */
:root{--marine-ink:#12343b;--marine-muted:#607580;--marine-border:#e3eaf0;--marine-accent:#08736f;--marine-gold:#d8a646;--marine-canvas:#f4f7f9}
.marine-page-content{background:var(--marine-canvas);color:var(--marine-ink)}
.marine-page-content>main.container{max-width:1500px!important}
.marine-page-content h1,.marine-page-content h2{font-size:clamp(1.45rem,2.2vw,2rem);font-weight:800;letter-spacing:-.035em;color:#10373c;margin-bottom:1.35rem}
.marine-page-content h3,.marine-page-content h4,.marine-page-content h5{color:#173b41;font-weight:750;letter-spacing:-.015em}
.marine-page-content .card{background:#fff;border:1px solid var(--marine-border)!important;border-radius:18px!important;box-shadow:0 8px 26px rgba(10,40,48,.045)!important;overflow:hidden;margin-bottom:1rem}
.marine-page-content .card h5{font-size:1.08rem;margin-bottom:1.1rem}
.marine-page-content .form-control,.marine-page-content .form-select{min-height:44px;border:1px solid #dce5e9;border-radius:10px;background-color:#fff;color:#17373d;font-size:.95rem}
.marine-page-content .form-control:focus,.marine-page-content .form-select:focus{border-color:#168b83;box-shadow:0 0 0 .22rem rgba(8,115,111,.12)}
.marine-page-content .form-control::placeholder{color:#83959c}
.marine-page-content label{font-size:.88rem;font-weight:650;color:#39575e;margin-bottom:.4rem}
.marine-page-content .btn{border-radius:10px;font-weight:650;padding:.57rem 1rem;transition:transform .15s,box-shadow .15s}
.marine-page-content .btn:focus-visible{outline:3px solid #d8a646;outline-offset:2px}
.marine-page-content .btn-primary{background:#076d6b!important;border-color:#076d6b!important;color:white!important}
.marine-page-content .btn-primary:hover{background:#055756!important;border-color:#055756!important;box-shadow:0 5px 16px rgba(5,87,86,.17)}
.marine-page-content .btn-outline-primary{border-color:#08736f;color:#08736f}
.marine-page-content .btn-outline-primary:hover{background:#08736f;color:#fff}
.marine-page-content .table-responsive{border:1px solid #edf1f3;border-radius:12px;overflow-x:auto}
.marine-page-content .table{margin-bottom:0;vertical-align:middle;font-size:.91rem}
.marine-page-content .table th{background:#f2f6f7;color:#46636a;font-size:.76rem;letter-spacing:.045em;text-transform:uppercase;font-weight:800;white-space:nowrap;padding:1rem .85rem;border-bottom:1px solid #e3ebee}
.marine-page-content .table td{padding:.86rem .85rem;border-bottom-color:#edf1f2;color:#26464d}
.marine-page-content .table tbody tr:hover{background:#f8fbfb}
.marine-page-content .table tbody tr:last-child td{border-bottom:0}
.marine-page-content .badge{padding:.48em .7em;border-radius:8px;font-weight:700}
.marine-page-content .alert{border-radius:12px;border-width:1px;font-weight:500}
.marine-page-content .row.g-2{row-gap:.85rem!important}
.marine-page-content form .btn{min-height:40px}
.marine-page-content .card:has(>.table-responsive){padding-bottom:0!important}
@media(max-width:767px){.marine-page-content>main.container{padding-left:14px!important;padding-right:14px!important}.marine-page-content .card{border-radius:14px!important}.marine-page-content .table{min-width:560px}.marine-page-content .card.p-3{padding:1rem!important}.marine-page-content .btn{font-size:.92rem}}
@media(prefers-reduced-motion:reduce){.marine-page-content .btn{transition:none}}