.device-add-actions{z-index:5;flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:calc(100% - 34px);display:flex;position:absolute;top:17px;right:17px}.device-add-actions .add-device-button{position:static}.device-add-actions .secondary-button{padding:9px 11px;font-size:10px}.bulk-device-dialog{background:var(--card);height:min(960px,100dvh - 32px);max-height:calc(100dvh - 32px);color:var(--foreground);border-radius:12px;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden;gap:0!important;width:min(1480px,100vw - 32px)!important;max-width:none!important;padding:0!important;display:flex!important;position:fixed!important;inset:50% auto auto 50%!important;transform:none!important}.bulk-heading{flex-shrink:0;align-items:center;gap:12px;padding:22px 56px 10px 24px;display:flex}.bulk-heading>svg{color:var(--primary);flex-shrink:0}.bulk-heading .eyebrow{letter-spacing:1px;color:var(--muted-foreground);margin-bottom:7px;font-size:9px;display:block}.bulk-heading h2{font-size:21px;line-height:1.25}.bulk-description{flex-shrink:0;padding:0 24px 16px;font-size:12px;line-height:1.6}.bulk-form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.bulk-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:0 24px 24px;overflow:auto}.bulk-defaults,.bulk-generator{border:1px solid var(--border);border-radius:8px;min-width:0;margin:0 0 18px;padding:14px}.bulk-defaults legend,.bulk-generator legend{padding:0 7px;font-size:12px;font-weight:600}.bulk-default-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.bulk-device-dialog .field-label{margin-bottom:0}.bulk-default-note{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.bulk-default-note span{min-width:200px;color:var(--muted-foreground);flex:1;font-size:11px;line-height:1.6}.bulk-generator-fields{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.bulk-generator-fields .field-label{flex:1;min-width:90px}.bulk-generator p,.bulk-paste p,.bulk-table-hint{color:var(--muted-foreground);margin:10px 0 0;font-size:11px;line-height:1.6}.bulk-paste{border:1px solid var(--border);border-radius:8px;margin-bottom:18px;padding:12px 14px}.bulk-paste summary{cursor:pointer;font-size:12px;font-weight:600}.bulk-paste textarea{background:var(--background);width:100%;color:var(--foreground);border:1px solid var(--border);resize:vertical;border-radius:6px;margin:12px 0;padding:10px;font-size:12px;display:block}.bulk-table-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.bulk-table-heading h3{font-size:13px;font-weight:600}.bulk-table-hint{margin-bottom:12px}.bulk-table-scroll{border:1px solid var(--border);overscroll-behavior:contain;border-radius:8px;max-height:52dvh;overflow:auto}.bulk-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1480px;font-size:11px}.bulk-table th{text-align:left;background:var(--secondary);color:var(--muted-foreground);padding:12px 8px;font-weight:600}.bulk-table thead th{z-index:2;position:sticky;top:0}.bulk-table td{border-top:1px solid var(--border);vertical-align:top;background:var(--card);padding:8px 6px}.bulk-table tbody th{border-top:1px solid var(--border);vertical-align:top;padding-top:19px}.bulk-table input,.bulk-table select{border:1px solid var(--border);background:var(--background);width:100%;min-width:130px;min-height:39px;color:var(--foreground);font:inherit;border-radius:5px;padding:8px;display:block}.bulk-table td:nth-child(3){min-width:230px}.bulk-table td:nth-child(6),.bulk-table td:nth-child(7){min-width:200px}.bulk-table select{max-width:240px}.bulk-row-actions{gap:5px;display:flex}.bulk-row-actions button{background:var(--background);width:36px;height:39px;color:var(--muted-foreground);border:1px solid var(--border);border-radius:5px;place-items:center;display:grid}.bulk-row-actions button:hover{color:var(--primary);border-color:var(--primary)}.bulk-device-dialog button{cursor:pointer}.bulk-device-dialog button:disabled{opacity:.5;cursor:not-allowed}.bulk-device-dialog :focus-visible{outline:2px solid var(--primary);outline-offset:2px}.bulk-invalid-row input,.bulk-invalid-row select{border-color:var(--destructive)}.bulk-cell-error{max-width:180px;color:var(--destructive);margin-top:7px;font-size:10px;line-height:1.5}.bulk-empty{text-align:center;color:var(--muted-foreground);padding:28px;font-size:12px}.bulk-footer{padding:14px 24px max(14px, env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--card);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;display:flex}.bulk-footer>div:first-child{flex:1;min-width:0}.bulk-footer span{color:var(--muted-foreground);font-size:11px}.bulk-footer .form-error{max-height:90px;margin:0 0 6px;overflow:auto}.bulk-footer-actions{flex-shrink:0;gap:8px;display:flex}@media (width<=800px){.bulk-default-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bulk-heading h2{font-size:18px}.bulk-heading{padding:16px 44px 10px 14px}.bulk-description{padding:0 14px 12px}.bulk-scroll{padding:0 14px 16px}.bulk-footer{flex-wrap:wrap;gap:10px;padding:10px 14px}.bulk-footer-actions{margin-left:auto}}@media (width<=480px){.bulk-device-dialog{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);width:calc(100vw - 16px)!important}.bulk-default-grid{grid-template-columns:minmax(0,1fr)}.bulk-footer-actions{width:100%}.bulk-footer-actions>button{flex:1}}.sequence-device-dialog{background:var(--card);height:min(900px,100dvh - 32px);max-height:calc(100dvh - 32px);color:var(--foreground);flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden;gap:0!important;width:min(1180px,100vw - 32px)!important;max-width:none!important;padding:0!important;display:flex!important;position:fixed!important;inset:50% auto auto 50%!important;transform:none!important}.sequence-heading{flex-shrink:0;align-items:center;gap:12px;padding:22px 52px 10px 24px;display:flex}.sequence-heading>svg{color:var(--primary);flex-shrink:0}.sequence-heading>div>span{color:var(--muted-foreground);letter-spacing:1px;margin-bottom:6px;font-size:9px;display:block}.sequence-heading h2{font-size:22px}.sequence-description{flex-shrink:0;padding:0 24px 18px;font-size:12px;line-height:1.6}.sequence-form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.sequence-body{border:0;flex:1;grid-template-columns:minmax(0,1.25fr) minmax(320px,1fr);min-width:0;min-height:0;margin:0;padding:0;display:grid;overflow:auto}.sequence-tree-panel,.sequence-editor{overscroll-behavior:contain;min-width:0;padding:18px 24px;overflow:auto}.sequence-tree-panel{background:var(--background);border-top:1px solid var(--border);border-right:1px solid var(--border)}.sequence-editor{border-top:1px solid var(--border)}.sequence-device-dialog h3{margin-bottom:14px;font-size:13px;font-weight:650}.sequence-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.sequence-toolbar h3{margin:0}.sequence-tree-panel>p,.sequence-note,.sequence-feed p{color:var(--muted-foreground);margin:10px 0 14px;font-size:11px;line-height:1.7}.sequence-draft-badge{color:var(--muted-foreground);margin-right:auto;font-size:10px}.sequence-preview{border:1px solid var(--border);border-radius:8px;margin-bottom:16px;overflow:hidden}.sequence-preview-tools{border-bottom:1px solid var(--border);background:var(--card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.sequence-preview-tools>span{color:var(--muted-foreground);font-size:10px}.sequence-preview-tools>div{align-items:center;gap:4px;display:flex}.sequence-preview-tools button{border:1px solid var(--border);width:28px;height:28px;color:var(--foreground);background:var(--background);border-radius:5px;place-items:center;display:grid}.sequence-preview-tools button:hover{background:var(--accent)}.sequence-preview-tools output{font-variant-numeric:tabular-nums;text-align:center;min-width:36px;font-size:10px}.sequence-preview-viewport{overscroll-behavior:contain;background-color:var(--background);background-image:radial-gradient(var(--canvas-dot) 1px, transparent 1px);background-size:16px 16px;height:clamp(300px,47dvh,500px);overflow:auto}.sequence-preview-space{margin-inline:auto;position:relative}.sequence-preview-stage{transform-origin:0 0;position:absolute;inset:0 auto auto 0}.sequence-preview-wires{pointer-events:none;position:absolute;inset:0}.sequence-preview-node{text-align:left;color:var(--foreground);background:var(--card);border:1px solid var(--border);border-top:3px solid var(--preview-voltage);border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex;position:absolute}.sequence-preview-node:hover{border-color:var(--preview-voltage)}.sequence-preview-node.is-selected{outline:2px solid var(--primary);outline-offset:3px}.sequence-preview-node.is-invalid{border-left:3px solid var(--destructive)}.sequence-preview-node-heading{align-items:center;gap:9px;min-width:0;display:flex}.sequence-preview-node-heading>svg{color:var(--preview-voltage);flex-shrink:0}.sequence-preview-node-heading>span{flex-direction:column;gap:3px;min-width:0;display:flex}.sequence-preview-node-heading strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.sequence-preview-node-heading small{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.sequence-preview-node-name{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:11px;overflow:hidden}.sequence-preview-node-meta{color:var(--muted-foreground);justify-content:space-between;gap:6px;margin-top:auto;font-size:10px;display:flex}.sequence-preview-node-meta>span:first-child{color:var(--foreground);font-weight:650}.sequence-preview-node.is-invalid .sequence-preview-node-meta>span:last-child{color:var(--destructive)}.sequence-preview-caption,.sequence-preview-empty{color:var(--muted-foreground);margin:0;padding:10px 12px;font-size:11px;line-height:1.6}.sequence-preview-caption{background:var(--card);border-top:1px solid var(--border)}.sequence-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.sequence-wide{grid-column:1/-1}.sequence-device-dialog .field-label{margin-bottom:0}.sequence-feed{border-top:1px solid var(--border);padding:16px 0 0}.sequence-feed>.field-label{margin-bottom:12px}.sequence-row-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.sequence-row-actions>.primary-button{width:100%}.sequence-device-dialog .sequence-remove{color:var(--destructive)}.sequence-errors{color:var(--destructive);padding-left:18px;font-size:11px;line-height:1.7;list-style:outside}.sequence-footer{padding:14px 24px max(14px, env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--card);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;display:flex}.sequence-footer>div:first-child{flex:1;min-width:0}.sequence-footer strong{margin-bottom:5px;font-size:12px;display:block}.sequence-footer span{color:var(--muted-foreground);font-size:10px;line-height:1.6;display:block}.sequence-footer .form-error{max-height:70px;margin:0 0 8px;overflow:auto}.sequence-footer-actions{flex-shrink:0;gap:8px;display:flex}.sequence-device-dialog button{cursor:pointer}.sequence-device-dialog button:disabled,.sequence-body:disabled button{cursor:not-allowed;opacity:.5}.sequence-device-dialog :focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (width<=740px){.sequence-body{display:block}.sequence-tree-panel,.sequence-editor{padding:16px;overflow:visible}.sequence-tree-panel{border-right:0}.sequence-preview-viewport{height:320px}.sequence-heading{padding:16px 44px 8px 16px}.sequence-heading h2{font-size:19px}.sequence-description{padding:0 16px 14px}.sequence-footer{flex-wrap:wrap;gap:10px;padding:12px 16px}.sequence-footer-actions{width:100%}.sequence-footer-actions button{flex:1}}@media (width<=420px){.sequence-device-dialog{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);width:calc(100vw - 16px)!important}.sequence-fields{grid-template-columns:minmax(0,1fr)}}.naval-info-dialog.compartment-dialog{width:min(680px,100vw - 32px);max-width:none;color:var(--foreground);flex-direction:column;gap:12px;display:flex;overflow:hidden}.compartment-dialog-heading{align-items:center;gap:10px;padding-right:24px;display:flex}.compartment-dialog-heading>svg{color:var(--primary);flex-shrink:0}.compartment-dialog>p{margin:0;font-size:12px}.compartment-dialog-scroll{overscroll-behavior:contain;min-height:0;overflow-y:auto}.compartment-dialog fieldset{border:0;min-width:0;margin:0;padding:0}.compartment-dialog .field-label{margin-bottom:10px}.compartment-dialog-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.compartment-manager-list{margin:20px 0;padding:0;list-style:none}.compartment-manager-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.compartment-manager-list li>div:first-child{min-width:0}.compartment-manager-list strong{overflow-wrap:anywhere;font-size:12px;display:block}.compartment-manager-list span{color:var(--muted-foreground);margin-top:5px;font-size:11px;display:block}.compartment-manager-list .compartment-dialog-actions{flex-shrink:0}.compartment-remove-confirm{border:1px solid var(--destructive);background:var(--background);overflow-wrap:anywhere;border-radius:8px;margin-bottom:8px;padding:16px;font-size:12px}.compartment-remove-confirm p{color:var(--muted-foreground);margin:10px 0}.compartment-save-status{min-height:20px;color:var(--primary)}.compartment-dialog-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.compartment-dialog-footer span{color:var(--muted-foreground);font-size:10px}.compartment-manage-trigger{width:100%;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:6px;justify-content:center;align-items:center;gap:8px;margin:10px 0 0;padding:10px;font-size:11px;display:flex}.compartment-manage-trigger:disabled{opacity:.5;cursor:not-allowed}.compartment-manager-list button:focus-visible,.compartment-manage-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (width<=540px){.naval-info-dialog.compartment-dialog{padding:22px 16px}.compartment-manager-list li{flex-direction:column;align-items:flex-start}.compartment-dialog-heading h2{font-size:18px}}.multi-delete-dialog.naval-info-dialog{color:var(--foreground);background:var(--card);flex-direction:column;gap:14px;display:flex;overflow:hidden;width:min(760px,100vw - 24px)!important;max-width:none!important}.multi-delete-dialog>h2{padding-right:28px}.multi-delete-filters{grid-template-columns:1fr 1fr;gap:12px;display:grid}.multi-delete-filters .field-label{margin:0}.multi-delete-filters .field-label>span{align-items:center;gap:6px;display:flex}.multi-delete-tools,.multi-delete-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.multi-delete-tools>label{cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.multi-delete-dialog input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.multi-delete-list{border:1px solid var(--border);border-radius:8px;min-height:80px;max-height:38dvh;overflow-y:auto}.multi-delete-row{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:12px;padding:12px;display:flex}.multi-delete-row:last-child{border-bottom:0}.multi-delete-row:hover{background:var(--secondary)}.multi-delete-row.is-checked{background:color-mix(in oklch, var(--primary) 10%, var(--card))}.multi-delete-row>span{overflow-wrap:anywhere;gap:3px;min-width:0;display:grid}.multi-delete-row strong{font-size:13px}.multi-delete-row span span{font-size:12px}.multi-delete-row small,.multi-delete-count{color:var(--muted-foreground);font-size:11px}.multi-delete-count{margin:0}.multi-delete-footer{border-top:1px solid var(--border);flex-shrink:0;padding-top:14px}.multi-delete-danger{border:1px solid var(--destructive);background:var(--destructive);color:var(--destructive-foreground);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 13px;font-size:12px;display:inline-flex}.multi-delete-dialog button:disabled{opacity:.5;cursor:not-allowed}.multi-delete-warning{border:1px solid var(--destructive);background:color-mix(in oklch, var(--destructive) 6%, var(--card));border-radius:8px;padding:14px;font-size:12px}.multi-delete-warning strong{color:var(--destructive)}.multi-delete-warning p{margin:10px 0 0}.multi-delete-review{overflow-wrap:anywhere;max-height:30dvh;margin:0;padding:0 0 0 20px;font-size:12px;overflow-y:auto}.multi-delete-review li{padding:4px 0}@media (width<=600px){.multi-delete-filters{grid-template-columns:1fr;gap:8px}.multi-delete-dialog.naval-info-dialog{gap:10px;padding:18px!important}.multi-delete-list{max-height:30dvh}.multi-delete-footer>button{flex:1}}.panel-collapse-controls{border-bottom:1px solid var(--border);background:var(--card);color:var(--foreground);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px 18px;padding:10px 16px;display:flex}.panel-collapse-group{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.panel-collapse-group strong,.panel-collapse-scope{overflow-wrap:anywhere;font-size:11px}.panel-collapse-scope{color:var(--primary);font-weight:600}.panel-collapse-controls .secondary-button{min-height:34px;padding:7px 10px;font-size:10px}.panel-collapse-controls button:disabled{opacity:.45;cursor:not-allowed}.panel-collapse-controls button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.panel-collapse-controls p{color:var(--muted-foreground);flex-basis:100%;margin:0;font-size:10px}@media (width<=600px){.panel-collapse-controls{gap:10px;padding:10px}.panel-collapse-group,.panel-collapse-group>strong,.panel-collapse-scope{width:100%}.panel-collapse-controls .secondary-button{min-height:40px}}.naval-info-dialog.spreadsheet-dialog{width:min(780px,100vw - 32px);max-width:none;color:var(--foreground);gap:14px}.spreadsheet-heading{color:var(--primary);align-items:center;gap:10px;padding-right:22px;display:flex}.spreadsheet-heading h2{color:var(--foreground)}.spreadsheet-dialog>p{margin:0;font-size:12px}.spreadsheet-section{border:1px solid var(--border);background:var(--background);border-radius:8px;min-width:0;padding:16px}.spreadsheet-section h3{margin:0 0 12px;font-size:14px;font-weight:650}.spreadsheet-section p{color:var(--muted-foreground);margin:10px 0;font-size:12px}.spreadsheet-actions{flex-wrap:wrap;gap:9px;display:flex}.spreadsheet-options{border:0;gap:12px;margin:14px 0;padding:0;display:grid}.spreadsheet-options legend{margin-bottom:9px;font-size:12px;font-weight:600}.spreadsheet-options label,.spreadsheet-confirm{cursor:pointer;align-items:flex-start;gap:9px;font-size:12px;display:flex}.spreadsheet-dialog input[type=radio],.spreadsheet-dialog input[type=checkbox]{accent-color:var(--primary);flex-shrink:0;margin-top:3px}.spreadsheet-options small{color:var(--muted-foreground);margin-top:4px;line-height:1.6;display:block}.spreadsheet-warning{border:1px solid var(--border);border-left:3px solid var(--primary);background:var(--secondary);border-radius:6px;padding:12px;font-size:12px;line-height:1.6;color:var(--foreground)!important}.spreadsheet-filename{overflow-wrap:anywhere}.spreadsheet-errors{color:var(--destructive);font-size:12px}.spreadsheet-errors ul{max-height:220px;padding-left:20px;line-height:1.7;list-style:outside;overflow-y:auto}.spreadsheet-section .spreadsheet-valid{color:var(--primary);font-weight:600}.spreadsheet-confirm{margin-top:14px;line-height:1.6}.spreadsheet-status{color:var(--muted-foreground);min-height:18px}.spreadsheet-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding-top:14px;display:flex}.naval-app .page-actions{flex-wrap:wrap}@media (width<=600px){.naval-info-dialog.spreadsheet-dialog{padding:20px 16px}.spreadsheet-actions{flex-direction:column}.spreadsheet-section{padding:12px}.spreadsheet-footer{flex-wrap:wrap}}.workspace-mode-tabs{border:1px solid var(--border);background:var(--card);border-radius:9px;flex-shrink:0;gap:6px;width:fit-content;max-width:100%;margin-bottom:20px;padding:4px;display:flex}.workspace-mode-tabs button{min-height:38px;color:var(--muted-foreground);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-weight:550;display:inline-flex}.workspace-mode-tabs button:hover{background:var(--secondary);color:var(--foreground)}.workspace-mode-tabs button[aria-pressed=true]{color:var(--primary);background:color-mix(in oklch, var(--primary) 10%, var(--card));border-color:color-mix(in oklch, var(--primary) 25%, var(--border))}.consultation-workspace .workspace-content{flex-direction:column;gap:12px;height:calc(100dvh - 69px);min-height:620px;padding-top:16px;padding-bottom:16px;display:flex}.consultation-workspace .workspace-mode-tabs{margin-bottom:0}.consultation-workspace .diagram-shell{flex-direction:column;flex:1;min-height:0;display:flex}.consultation-workspace .diagram-shell>:not(.canvas-area){flex-shrink:0}.consultation-workspace .canvas-area{flex:1;height:auto;min-height:300px}.consultation-workspace .workspace-footer{display:none}.management-workspace .page-actions{flex-wrap:wrap}.naval-app.map-fullscreen .workspace-mode-tabs{display:none}.naval-app.map-fullscreen .canvas-area{flex:1;height:auto;min-height:0}@media (width<=900px){.consultation-workspace .workspace-content{height:calc(100dvh - 60px)}}@media (width<=600px){.workspace-mode-tabs{gap:4px;width:100%}.workspace-mode-tabs button{flex:1;min-height:42px;padding:8px 6px;font-size:11px}.consultation-workspace .workspace-content{gap:10px;height:calc(100dvh - 57px);min-height:660px;padding-top:10px;padding-bottom:10px}.consultation-workspace .diagram-topbar{flex-wrap:wrap;gap:6px;height:auto;min-height:49px;padding-top:6px;padding-bottom:6px}}.naval-app{--background:oklch(97.2% .008 235);--foreground:oklch(28.5% .033 240);--card:oklch(100% 0 0);--primary:oklch(47% .085 182);--primary-foreground:oklch(99% .003 235);--secondary:oklch(94.6% .013 235);--muted-foreground:oklch(48% .027 240);--border:oklch(87.2% .018 235);--naval-sidebar:oklch(23.5% .037 238);--naval-sidebar-text:oklch(80% .021 235);--canvas-dot:oklch(84% .019 235);--minimap-mask:oklch(97.2% .008 235/.82);--desk-on-navy:oklch(97% .008 235);--desk-sidebar-muted:oklch(75% .025 235);--desk-sidebar-accent:oklch(83% .105 177);font-variant-numeric:tabular-nums;background:var(--background);font-family:Bahnschrift,Aptos,Segoe UI,sans-serif;font-size:14px;line-height:1.5}.dark .naval-app{--background:oklch(19% .025 240);--foreground:oklch(93.5% .014 235);--card:oklch(23.5% .029 240);--primary:oklch(79% .11 177);--primary-foreground:oklch(19% .025 240);--secondary:oklch(28.5% .03 240);--muted-foreground:oklch(75% .026 235);--border:oklch(36% .029 240);--naval-sidebar:oklch(16.5% .027 238);--naval-sidebar-text:oklch(80% .021 235);--canvas-dot:oklch(35.5% .026 235);--minimap-mask:oklch(19% .025 240/.82);--desk-on-navy:oklch(97% .008 235);--desk-sidebar-muted:oklch(75% .025 235);--desk-sidebar-accent:oklch(83% .105 177)}.naval-app .naval-sidebar{overscroll-behavior:contain;width:256px;padding:26px 16px 0;overflow-y:auto}.naval-app .naval-sidebar .brand{color:var(--desk-on-navy);letter-spacing:.7px;gap:11px;font-size:14px}.naval-app .brand-mark{width:42px;height:44px;color:var(--desk-sidebar-accent);border-radius:8px;flex-shrink:0}.naval-app .brand small{color:var(--desk-sidebar-muted);letter-spacing:1.4px;font-size:10px}.naval-app .brand-dot{background:var(--desk-sidebar-accent)}.naval-app .vessel-selector{border-radius:6px;margin:28px 0;padding:13px 10px}.naval-app .vessel-selector strong{color:var(--desk-on-navy);font-size:12px;line-height:1.4}.naval-app .vessel-selector div>span{color:var(--desk-sidebar-muted);font-size:11px}.naval-app .sidebar-section-label{color:var(--desk-sidebar-muted);letter-spacing:.2px;padding-inline:12px;font-size:11px;font-weight:500}.naval-app .main-nav{gap:4px}.naval-app .main-nav button{border-radius:6px;min-height:46px;padding:11px 12px;font-size:13px}.naval-app .main-nav button.active{color:var(--desk-sidebar-accent);background:color-mix(in oklch, var(--desk-sidebar-accent) 11%, transparent);border-color:color-mix(in oklch, var(--desk-sidebar-accent) 23%, transparent)}.naval-app .nav-count{padding:2px 6px;font-size:11px}.naval-app .compartment-label{margin-top:29px}.naval-app .compartment-nav{max-height:min(28dvh,300px)}.naval-app .compartment-nav button{min-height:42px;padding:9px 12px;font-size:12px}.naval-app .compartment-nav button>span:last-child{color:var(--desk-sidebar-muted);font-size:11px}.naval-app .compartment-nav button.active{color:var(--desk-sidebar-accent)}.naval-app .sidebar-bottom{padding-top:24px}.naval-app .local-project{border:0;border-top:1px solid color-mix(in oklch, var(--desk-sidebar-muted) 20%, transparent);background:0 0;border-radius:0;padding:17px 8px 6px}.naval-app .local-project strong{color:var(--desk-on-navy);font-size:12px}.naval-app .local-project p{color:var(--desk-sidebar-muted);font-size:11px;line-height:1.6}.naval-app .offline-button{min-height:44px;color:var(--desk-on-navy)}.naval-app .sidebar-footer{letter-spacing:.2px;color:var(--desk-sidebar-muted);margin-top:16px;font-size:10px}.naval-app .workspace-main{margin-left:256px}.naval-app .workspace-header{height:64px;padding-inline:28px}.naval-app .breadcrumb{gap:10px;font-size:12px}.naval-app .breadcrumb strong{font-weight:600}.naval-app .connection-status{font-size:12px}.naval-app .user-avatar{width:34px;height:34px;font-size:11px}.naval-app .icon-button{width:38px;height:38px}.naval-app .workspace-content{max-width:1920px;padding:22px 28px 0}.naval-app.consultation-workspace .workspace-content{gap:16px;height:calc(100dvh - 64px);min-height:690px;padding:18px 28px}.naval-app .workspace-mode-tabs{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;gap:24px;margin-bottom:24px;padding:0}.naval-app .workspace-mode-tabs button{border:0;border-bottom:3px solid #0000;border-radius:0;min-height:44px;padding:8px 2px 12px;font-size:14px;font-weight:550}.naval-app .workspace-mode-tabs button[aria-pressed=true]{color:var(--primary);border-bottom-color:var(--primary);background:0 0}.naval-app .workspace-mode-tabs button:hover{color:var(--foreground);background:0 0}.naval-app.consultation-workspace .workspace-mode-tabs{margin-bottom:0}.naval-app .diagram-shell{box-shadow:none;border-radius:10px}.naval-app .diagram-topbar{flex-wrap:wrap;gap:12px;height:auto;min-height:66px;padding:12px 18px}.naval-app .diagram-title{gap:10px;min-width:0}.naval-app .diagram-title h1{letter-spacing:-.35px;overflow-wrap:anywhere;margin:0;font-size:clamp(17px,1.5vw,21px);font-weight:600;line-height:1.35}.naval-app .diagram-title strong{font-size:16px;font-weight:600}.naval-app .live-dot{box-shadow:none;width:6px;height:6px}.naval-app .diagram-actions{gap:6px;margin-left:auto}.naval-app .auto-layout-label{font-size:11px}.naval-app .secondary-button,.naval-app .edit-toggle{border-radius:6px;min-height:40px;padding:9px 12px;font-size:12px}.naval-app .fullscreen-button{min-height:36px;padding:7px 10px}.naval-app .canvas-filters{gap:10px;padding:14px 18px}.naval-app .search-field{background:var(--background);flex:240px;min-width:min(240px,100%);height:42px;padding-inline:11px}.naval-app .search-field input{font-size:13px}.naval-app .search-field input::placeholder{color:var(--muted-foreground);opacity:1}.naval-app .search-field kbd{font-family:inherit;font-size:10px}.naval-app .search-field:focus-within,.naval-app .compartment-select:focus-within{outline:2px solid var(--primary);outline-offset:2px}.naval-app .compartment-select{min-height:42px;padding-inline:10px}.naval-app .compartment-select select{max-width:220px;font-size:12px}.naval-app .compartment-select option{background:var(--card);color:var(--foreground)}.naval-app .voltage-filters{flex-wrap:wrap;gap:4px}.naval-app .voltage-filters button{min-height:36px;padding:7px 8px;font-size:11px}.naval-app .voltage-filters button.active{border-width:2px;padding:6px 7px;font-weight:650}.naval-app .voltage-filters button>span{width:7px;height:7px}.naval-app .panel-collapse-controls{background:var(--card);gap:8px 20px;padding:10px 18px}.naval-app .panel-collapse-group{gap:8px}.naval-app .panel-collapse-group strong,.naval-app .panel-collapse-scope{font-size:12px;font-weight:550}.naval-app .panel-collapse-controls .secondary-button{min-height:36px;padding:7px 10px;font-size:11px}.naval-app .panel-collapse-controls p{max-width:76ch;font-size:11px;line-height:1.5}.naval-app .canvas-caption{border-left:2px solid var(--primary);background:color-mix(in oklch, var(--background) 94%, transparent);border-radius:0 4px 4px 0;max-width:calc(100% - 40px);padding:10px 12px;top:18px;left:20px}.naval-app .canvas-caption>span{letter-spacing:.2px;font-size:10px}.naval-app .canvas-caption strong{margin-top:3px;font-size:13px}.naval-app .canvas-caption small{margin-top:3px;font-size:11px}.naval-app .canvas-tools{height:44px;padding:3px;bottom:16px;left:16px;box-shadow:0 2px 6px oklch(0% 0 0/.05)}.naval-app .canvas-tools button{width:36px;height:36px}.naval-app .canvas-tools span{min-width:42px;font-size:12px}.naval-app .canvas-hint{font-size:11px;bottom:29px}.naval-app .diagram-footer{flex-wrap:wrap;gap:12px;height:auto;min-height:40px;padding:9px 18px;font-size:11px}.naval-app .diagram-footer i{background:var(--muted-foreground)}.naval-app .page-heading{flex-wrap:wrap;align-items:flex-start;margin-bottom:24px}.naval-app .page-heading .eyebrow{letter-spacing:.2px;font-size:11px}.naval-app .page-heading .tiny-line{display:none}.naval-app .page-heading h1{letter-spacing:-.7px;flex-wrap:wrap;font-size:clamp(25px,2.5vw,32px);font-weight:600;line-height:1.25}.naval-app .project-badge{letter-spacing:0;padding:4px 7px;font-size:10px;font-weight:500}.naval-app .page-heading p{max-width:68ch;font-size:13px;line-height:1.6}.naval-app .page-actions{flex-wrap:wrap;gap:8px;min-width:0;max-width:100%;padding-top:0}.naval-app .stats-grid{border-block:1px solid var(--border);gap:0;margin-bottom:24px;padding:19px 0}.naval-app .stat-card{border:0;border-right:1px solid var(--border);box-shadow:none;background:0 0;border-radius:0;padding:0 20px}.naval-app .stat-card:first-child{padding-left:0}.naval-app .stat-card:last-child{border-right:0}.naval-app .stat-top{gap:8px;font-size:12px}.naval-app .stat-icon,.naval-app .stat-card:nth-child(2) .stat-icon{color:var(--muted-foreground);background:0 0;width:24px;height:24px}.naval-app .stat-value{letter-spacing:-1px;margin-top:12px;font-size:32px;font-weight:550}.naval-app .stat-value>span{margin-top:8px;font-size:11px;line-height:1.5}.naval-app .inventory-row{border-radius:6px;min-height:72px;padding:14px 16px}.naval-app .inventory-row strong{font-size:14px}.naval-app .inventory-row div>span{font-size:12px;line-height:1.5}.naval-app .inventory-kind,.naval-app .inventory-location,.naval-app .inventory-voltage{font-size:12px}.naval-app .workspace-footer{gap:16px;font-size:10px}.naval-app .empty-results{text-align:center;padding:20px}.naval-app .empty-results span{font-size:13px}.naval-app .workspace-toast{line-height:1.5;left:calc(50% + 128px)}@media (width>=1500px){.naval-app .workspace-header,.naval-app .workspace-content,.naval-app.consultation-workspace .workspace-content{padding-inline:36px}}@media (width<=1200px){.naval-app .workspace-header,.naval-app .workspace-content,.naval-app.consultation-workspace .workspace-content{padding-inline:20px}.naval-app .canvas-hint{display:none}.naval-app .voltage-filters{margin-left:0}}@media (width<=900px){.naval-app .naval-sidebar{width:256px}.naval-app .workspace-main{margin-left:0}.naval-app .workspace-header{height:60px}.naval-app.consultation-workspace .workspace-content{height:calc(100dvh - 60px)}.naval-app .workspace-toast{left:50%}}@media (width<=600px){.naval-app .workspace-header{height:60px;padding-inline:12px}.naval-app .header-actions{gap:6px}.naval-app .user-avatar{display:none}.naval-app .connection-status{font-size:11px}.naval-app .breadcrumb{gap:6px}.naval-app .workspace-content{padding:16px 12px 0}.naval-app.consultation-workspace .workspace-content{gap:12px;height:calc(100dvh - 60px);min-height:830px;padding:12px}.naval-app .workspace-mode-tabs{gap:12px;width:100%}.naval-app .workspace-mode-tabs button{flex:1;gap:6px;min-height:46px;padding:8px 0 11px;font-size:12px}.naval-app .diagram-topbar{gap:8px;min-height:60px;padding:12px}.naval-app .diagram-title{flex:100%}.naval-app .diagram-title h1{font-size:18px}.naval-app .diagram-title>svg{flex-shrink:0;width:18px}.naval-app .diagram-actions{justify-content:flex-end;width:100%;margin-left:0}.naval-app .diagram-actions .icon-button{width:38px}.naval-app .fullscreen-button{min-height:40px;padding:8px 10px;font-size:12px}.naval-app .canvas-filters{gap:10px;padding:12px}.naval-app .search-field{flex-basis:100%;min-width:0;height:44px}.naval-app .search-field input{font-size:16px}.naval-app .compartment-select{width:100%;min-width:0;min-height:44px}.naval-app .compartment-select select{width:100%;min-width:0;max-width:none;font-size:16px}.naval-app .voltage-filters{justify-content:flex-start;gap:5px;width:100%}.naval-app .voltage-filters button{flex:auto;justify-content:center;min-height:40px;padding:8px 5px;font-size:11px}.naval-app .voltage-filters button.active{padding:7px 4px}.naval-app .panel-collapse-controls{gap:10px;padding:12px}.naval-app .panel-collapse-controls .secondary-button{min-height:42px}.naval-app .canvas-caption{padding:7px 10px;top:12px;left:12px}.naval-app .canvas-caption>span{font-size:10px}.naval-app .canvas-caption strong{font-size:12px}.naval-app .canvas-caption small{font-size:10px}.naval-app .canvas-tools{bottom:12px;left:12px}.naval-app .diagram-footer{padding-inline:12px;font-size:10px}.naval-app .page-heading h1{font-size:27px}.naval-app .page-heading p{font-size:13px}.naval-app .page-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.naval-app .page-actions .secondary-button,.naval-app .page-actions .edit-toggle{min-height:44px;padding-inline:8px;font-size:12px}.naval-app .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0;padding-block:18px}.naval-app .stat-card{padding:0 12px}.naval-app .stat-card:nth-child(odd){padding-left:0}.naval-app .stat-card:nth-child(2n){border-right:0}.naval-app .stat-top{font-size:12px}.naval-app .stat-value{font-size:30px}.naval-app .inventory-row{gap:8px;padding:12px}.naval-app .inventory-row div>span{overflow-wrap:anywhere;font-size:12px}.naval-app .inventory-voltage{max-width:90px;font-size:11px}.naval-app .workspace-footer{font-size:10px}}.naval-app.map-fullscreen .workspace-main{margin:0}.naval-app.map-fullscreen .workspace-content{gap:0;height:100%;min-height:0;padding:0}@media (width<=600px){.naval-app.map-fullscreen .diagram-title{flex:180px}.naval-app.map-fullscreen .diagram-actions{width:auto;margin-left:auto}}
