.port-ops-shell{display:grid;gap:16px}.port-ops-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:4px 2px}.port-ops-header small,.port-ops-board-head small,.port-closeout>small{color:#168a8b;font-size:.72rem;letter-spacing:.08em;font-weight:800}.port-ops-header h2{margin:4px 0;font-size:1.5rem}.port-ops-header p{margin:0;color:#6b8289;font-size:.82rem}.port-ops-header>div:last-child{display:flex;align-items:center;gap:9px}.port-ops-header>div:last-child span{padding:6px 9px;border-radius:12px;background:#e6effb;color:#286594;font-size:.65rem;font-weight:800}.port-ops-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.port-ops-kpis article{padding:13px;border:1px solid #dbe7e9;border-radius:10px;background:#fff}.port-ops-kpis small,.port-ops-kpis b,.port-ops-kpis span{display:block}.port-ops-kpis small{color:#71868c;font-size:.63rem;font-weight:800}.port-ops-kpis b{margin:5px 0 3px;color:#173e48;font-size:1.25rem}.port-ops-kpis span{color:#7b8e93;font-size:.63rem}.port-ops-kpis article.complete{border-color:#a9ddd3;background:#f1faf8}.port-ops-kpis article.complete b,.port-ops-kpis article.zero b{color:#087b68}.port-ops-kpis article.attention{border-color:#efd29b;background:#fff8eb}.port-ops-kpis article.attention b{color:#9a670e}.port-ops-kpis article.zero{background:#eaf7f4}.port-ops-layout{display:grid;grid-template-columns:minmax(0,1.6fr) 320px;gap:18px}.port-ops-board-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.port-ops-board-head h3{margin:5px 0;font-size:1.2rem}.port-ops-board-head p{margin:0;color:#71868c;font-size:.75rem}.port-ops-board-head label{min-width:180px;color:#617980;font-size:.7rem;font-weight:800}.port-ops-board-head select{width:100%;margin-top:5px;padding:8px;border:1px solid #cadadd;border-radius:8px;background:#fff;color:#173943;font:inherit}.port-ops-list{display:grid;gap:9px;margin-top:15px}.port-ops-list article{display:grid;grid-template-columns:42px minmax(0,1fr) 120px 126px;align-items:center;gap:12px;padding:13px;border:1px solid #dce7e9;border-radius:11px;background:#fff}.port-ops-list article[data-ops-status=attention]{border-color:#efd19a;background:#fffdf8}.port-ops-list article[data-ops-status=completed]{border-color:#b9ded7;background:#f7fbfa}.port-ops-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#e2f1f0;color:#087767;font-size:.65rem;font-weight:900}.port-ops-icon.fuel{background:#e6eef8;color:#316a98}.port-ops-icon.waste{background:#fff0d9;color:#966214}.port-ops-icon.technical{background:#ece9f8;color:#5b4b98}.port-ops-icon.transfer{background:#e6f7f1;color:#08795f}.port-ops-main>div:first-child{display:flex;align-items:center;gap:8px}.port-ops-main small{color:#73878d;font-size:.62rem;font-weight:800}.port-ops-main em{padding:4px 7px;border-radius:10px;font-size:.58rem;font-style:normal;font-weight:900}.status-active{background:#e6eff8;color:#30658d}.status-ready,.status-completed{background:#e4f6f1;color:#087b68}.status-attention{background:#fff0d4;color:#94610e}.status-open{background:#eeeaf9;color:#594a94}.port-ops-main h3{margin:5px 0 3px;font-size:.82rem}.port-ops-main p{margin:0;color:#71858b;font-size:.67rem}.port-ops-main>div:last-child{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.port-ops-main>div:last-child span{padding:4px 6px;border-radius:8px;background:#eef4f5;color:#637a81;font-size:.58rem;font-weight:700}.port-ops-main>div:last-child span.warn{background:#fff0d7;color:#8d5c0c}.port-ops-value{text-align:right}.port-ops-value small,.port-ops-value b,.port-ops-value span{display:block}.port-ops-value small{color:#72878c;font-size:.58rem;font-weight:800}.port-ops-value b{margin:4px 0;color:#173e48;font-size:.82rem}.port-ops-value span{color:#788d92;font-size:.58rem}.port-ops-list button{min-width:126px}.port-ops-empty{margin-top:14px;padding:24px;border:1px dashed #c8d8db;border-radius:10px;text-align:center}.port-ops-empty p{margin:5px 0 0;color:#71868c;font-size:.72rem}.port-closeout-ring{display:grid;place-items:center;width:116px;height:116px;margin:14px auto;border-radius:50%;background:conic-gradient(#0aa287 0 17%,#dfeaec 17%);box-shadow:inset 0 0 0 12px #fff;color:#163d47}.port-closeout-ring b{font-size:1.55rem}.port-closeout-ring span{margin-top:-27px;color:#087c68;font-size:.62rem;font-weight:800}.port-closeout dl{margin:7px 0 14px}.port-closeout dl div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #e2ebed;font-size:.7rem}.port-closeout dd{font-weight:800;text-align:right}.port-closeout dd.ok{color:#087b68}.port-handover-checklist{display:grid;gap:7px;padding:13px;border-radius:10px;background:#f3f7f8}.port-handover-checklist>b{margin-bottom:2px;font-size:.75rem}.port-handover-checklist label{display:flex;align-items:center;gap:8px;color:#566e75;font-size:.7rem}.port-handover-checklist input{width:16px;height:16px;accent-color:#0b927e}.port-handover-progress{margin:11px 0}.port-handover-progress>span{display:block;margin-bottom:6px;color:#637b82;font-size:.65rem;font-weight:800}.port-handover-progress>i{display:block;height:7px;overflow:hidden;border-radius:7px;background:#dfe9eb}.port-handover-progress em{display:block;height:100%;background:#0aa287}.port-closeout-ready{margin-top:12px;padding:13px;border:1px solid #a8ddd3;border-radius:10px;background:#edfaf7}.port-closeout-ready>span{display:flex;align-items:center;gap:7px;color:#087b68;font-size:.62rem;font-weight:800}.port-closeout-ready>span i{width:8px;height:8px;border-radius:50%;background:#08a082}.port-closeout-ready>b{display:block;margin:7px 0 4px;font-size:.88rem}.port-closeout-ready>p{margin:0;color:#637c83;font-size:.66rem;line-height:1.45}.port-closeout-ready .full{margin-top:9px}.port-ops-note{margin:12px 0 0;padding:9px;border-radius:8px;background:#fff5df;color:#72500f;font-size:.64rem;line-height:1.45}
@media(max-width:1180px){.port-ops-kpis{grid-template-columns:repeat(3,1fr)}.port-ops-layout{grid-template-columns:1fr}.port-ops-list article{grid-template-columns:42px minmax(0,1fr) 110px 126px}}
@media(max-width:760px){.port-ops-header,.port-ops-board-head{align-items:stretch;flex-direction:column}.port-ops-header>div:last-child{justify-content:space-between}.port-ops-kpis{grid-template-columns:repeat(2,1fr)}.port-ops-list article{grid-template-columns:42px 1fr}.port-ops-value{grid-column:2;text-align:left}.port-ops-list button{grid-column:2;width:100%}.port-ops-board-head label{min-width:0}.port-ops-main>div:first-child{align-items:flex-start;flex-direction:column}}