:root{--bg:#eef5f8;--panel:#fff;--panel2:#f7fafc;--line:#d6e3e8;--text:#163442;--muted:#688390;--aqua:#008c95;--blue:#0877b9;--amber:#e8a91b;--red:#d84d45;--ok:#168a68}
body{background:var(--bg);color:var(--text)}
.topbar{height:78px;background:#fff;border-bottom:1px solid #dbe7eb;box-shadow:0 4px 18px #154b6310;position:relative;z-index:3}
.topbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#efb719 0 25%,#e75b38 25% 50%,#1688bd 50% 75%,#6b3e7c 75%)}
.brand{gap:14px}.brandmark{width:46px;height:38px;border-radius:4px;background:#fff;box-shadow:none;display:flex;flex-direction:column;gap:3px;padding:4px 3px;transform:skewY(-8deg)}
.brandmark i{display:block;height:6px;border-radius:6px 2px}.brandmark i:nth-child(1){background:#efb719}.brandmark i:nth-child(2){background:#e75b38}.brandmark i:nth-child(3){background:#1688bd}.brandmark i:nth-child(4){background:#6b3e7c}
.brand strong{color:#183a4c;font-size:17px;letter-spacing:.03em}.brand small{color:#6e8792}.primary{background:linear-gradient(135deg,#008f98,#087bb2);color:#fff;box-shadow:0 7px 16px #087e9b25}.ghost{background:#fff;border-color:#b9cfd8;color:#355969}
.shell{height:calc(100vh - 78px)}.sidebar{background:#fff;border-right-color:#dbe7eb;box-shadow:5px 0 20px #224f6310}.search{background:#f5f9fb;border-color:#cfdee4}.search input{color:#183a4c}.search input::placeholder{color:#8ba0a8}
.ports button{border-color:#d5e1e6;background:#f7fafb;color:#667f8a}.ports button.active{background:#e6f5f5;color:#007e86;border-color:#65bdc0;box-shadow:inset 0 -2px #008c95}
.progress-card{background:linear-gradient(145deg,#f4fbfb,#edf7f8);border-color:#cbe4e6}.progress-card strong{color:#007f88}.bar{background:#d9e9ed}.bar i{background:linear-gradient(90deg,#008c95,#1688bd)}
.section-head{color:#78909b}.facility{color:#1c3e4d}.facility:hover,.facility.active{background:#edf7f9;border-color:#abd5dd}.facility small,.facility em{color:#77909b}
.map-toolbar{background:#fff;border-bottom-color:#dce8ec;padding:0 20px}.crumb{display:flex;align-items:center;gap:10px}.crumb .eyebrow{padding:4px 8px;background:#edf7f7;color:#007d85;border-radius:4px;font-size:10px;letter-spacing:.08em}.crumb span{color:#0877a7}.crumb b{margin:0;color:#9db0b7}.segmented{background:#f0f5f7;border-color:#d1e0e5}.segmented button{color:#637d89}.segmented button.active{background:#fff;color:#087d9e;box-shadow:0 2px 8px #1a53691a}
.map-wrap{background:#b8dfe9}.shore{fill:#d9e8df;stroke:#91aaa2}.breakwater{stroke:#718994;opacity:.95}.breakwater.selected{stroke:#e85d39;filter:url(#glow)}.marker circle:first-child{stroke:#fff;stroke-width:4;filter:drop-shadow(0 3px 4px #31526255)}.marker-label{fill:#183b4c!important;text-shadow:0 1px #fff}.legend{background:#fffffff2;border-color:#c9dce3;color:#294c5b;box-shadow:0 4px 15px #31576a20}.map-meta{background:#ffffffde;color:#3f6879;border-top:1px solid #c5dce4}.map-controls button{background:#fff;color:#1d586f;border-color:#b8d2dc}.map-controls button:hover{background:#eaf5f8}
.bottom-panel{background:#fff;border-top-color:#d7e5ea}.panel-head small{color:#008c95}.panel-head h2{color:#173b4b}.badge{background:#e7f4f5;color:#087d84}.stat{border-color:#d6e4e9;background:linear-gradient(145deg,#fff,#f5f9fa);box-shadow:0 4px 12px #234c5d0b}.stat small,.stat strong span{color:#738b96}.stat strong{color:#173c4c}.text-btn{color:#007f8a}.record{border-top-color:#e0eaee}.record small{color:#728b96}.pill{background:#eaf4f7;color:#2c667d}
dialog{background:#fff;color:#183a49;border-color:#cadde4;box-shadow:0 30px 100px #153b4c45}dialog::backdrop{background:#17354273}.dialog-head{border-bottom-color:#dce7eb}.dialog-head small{color:#008c95}label{color:#526f7d}input,select,textarea{border-color:#c8dae1;background:#f8fbfc;color:#173b49}.dynamic-fields{border-color:#d2e2e7;background:#f5f9fa}.checks label{border-color:#cbdde3;background:#fff}.upload{border-color:#63aeb9;color:#007f8a}.dialog-actions{border-top-color:#d9e5e9}.toast{background:#fff;border-color:#78b5be;color:#17404e;box-shadow:0 10px 35px #234a5b2b}
@media(max-width:900px){.workspace{height:calc(100vh - 78px)}.topbar{height:78px}.brandmark{width:40px}}
.top-actions{gap:8px}.top-actions .ghost{padding:10px 12px;font-size:12px}.report-sheet{position:fixed;left:-10000px;top:0;width:794px;background:#fff;color:#173b49;padding:42px;font-family:"Microsoft JhengHei",sans-serif}.report-sheet h1{font-size:24px;color:#075e7a;border-bottom:4px solid #e8a91b;padding-bottom:12px}.report-sheet h2{font-size:17px;margin:24px 0 10px}.report-sheet table{width:100%;border-collapse:collapse;font-size:12px}.report-sheet th,.report-sheet td{border:1px solid #bfd0d8;padding:7px;text-align:left;vertical-align:top}.report-sheet th{background:#eaf5f7;color:#164657}.report-sheet .report-photo{width:31%;height:160px;object-fit:cover;margin:6px 1%;border:1px solid #cadde4}.report-sheet .page-break{page-break-before:always;border:0;margin:32px 0}
.leaflet-container{font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;background:#16394b}.leaflet-control-zoom a{color:#1d586f!important}.facility-tip{background:#fff!important;color:#193d4c!important;border:0!important;border-radius:6px!important;box-shadow:0 4px 14px #16384638!important;font-weight:700;font-size:11px;padding:6px 9px!important}.facility-tip:before{border-top-color:#fff!important}.satellite-label{position:absolute;left:56px;top:16px;z-index:500;background:#ffffffeb;color:#164657;border:1px solid #d1e3e9;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:800;box-shadow:0 4px 15px #173c4b2a}.satellite-label:before{content:"●";color:#1688bd;margin-right:6px}.map-meta{z-index:500}.legend{z-index:500}.leaflet-image-layer{image-rendering:auto}
.segmented #editLineBtn.editing{background:#fff3d2;color:#9b6500;box-shadow:inset 0 0 0 1px #e8a91b}.leaflet-div-icon.leaflet-vertex-icon{border:2px solid #fff!important;border-radius:50%;background:#ff7a30!important;box-shadow:0 1px 5px #0008;width:13px!important;height:13px!important;margin-left:-7px!important;margin-top:-7px!important}
.edit-measure{position:absolute;left:56px;top:54px;z-index:500;background:#fff8dfeb;color:#805600;border:1px solid #e8b63f;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:800;box-shadow:0 4px 15px #173c4b2a}.edit-measure[hidden]{display:none}