.ffEditor.ffComposer{color:#24334a;background:#fff;border:1px solid #d5dfeb;border-radius:12px;overflow:clip;box-shadow:0 3px 12px #152b4c08}.ffComposer .ffEditorTop{background:#fff;border-bottom:1px solid #e7edf5;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.ffEditorTop>div{align-items:center;gap:10px;display:flex}.ffEditorTop strong{font-size:14px}.ffEditorHint{color:#8591a3;font-size:11px}.ffEditorBadge{color:#3d64b4;background:#e9f0ff;border-radius:5px;padding:5px 7px;font-size:10px;font-weight:700}.ffComposer .ffTool{white-space:nowrap;color:#35445a;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-width:30px;min-height:30px;padding:5px 7px;font-size:12px;display:inline-flex}.ffComposer .ffTool:hover{background:#e8effb;border-color:#d3dff1}.ffComposer .ffTool.active{color:#2058bd;background:#e0ebff;border-color:#abc3ee}.ffComposer .ffTool:disabled{opacity:.32}.ffComposer .ffTool b,.ffComposer .ffTool i,.ffComposer .ffTool u,.ffComposer .ffTool s{font-family:Georgia,serif;font-size:16px}.ffComposer .ffTool mark{color:inherit;background:#fff3a3;padding:0 3px}.ffComposer .ffRibbonTabs{background:#f8fafc;border-bottom:1px solid #e5ebf3;align-items:center;gap:4px;padding:0 14px;display:flex}.ffComposer .ffRibbonTabs button{color:#69768c;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:10px 17px;font-size:12px}.ffComposer .ffRibbonTabs button[aria-selected=true]{color:#285eb7;border-bottom-color:#285eb7;font-weight:700}.ffRibbonTabs>span{color:#8a96a8;margin-left:auto;font-size:10px}.ffComposer .ffRibbon{background:#f8fafc;border-bottom:1px solid #dce5f1;flex-wrap:wrap;align-items:stretch;gap:0;min-height:102px;padding:10px 8px 6px;display:flex}.ffToolGroup{border-right:1px solid #e0e6ef;flex-direction:column;justify-content:space-between;gap:6px;min-width:0;padding:0 10px;display:flex}.ffToolGroup:last-of-type{border-right:0}.ffToolGroup>div{flex-wrap:wrap;align-items:center;gap:3px;max-width:250px;display:flex}.ffToolGroup>small{text-align:center;color:#8b96a6;padding-bottom:2px;font-size:10px}.ffRibbonBreak{flex-basis:100%;height:0}.ffComposer .ffToolGroup select{background:#fff;border:1px solid #dae2ed;border-radius:5px;height:30px;padding:5px 7px!important;font-size:12px!important}.ffComposer .ffToolGroup select[aria-label=글꼴]{width:140px}.ffComposer .ffToolGroup select[aria-label=문단\ 스타일]{width:88px}.ffComposer .ffColor{cursor:pointer;justify-content:center;align-items:center;width:28px;height:30px;display:flex;position:relative}.ffColor>span{border-bottom:3px solid;padding:0 3px;font-family:Georgia,serif;font-size:16px}.ffComposer .ffColor input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.ffComposer .ffSwatch{border:2px solid #fff;border-radius:50%;width:23px;height:23px;padding:0;box-shadow:0 0 0 1px #d6deeb}.ffComposer .ffContextBar{background:#edf4ff;border-bottom:1px solid #d5e4fa;flex-wrap:wrap;align-items:center;gap:5px;padding:8px 12px;font-size:11px;display:flex}.ffContextBar>b{color:#315d9f;align-items:center;gap:6px;margin-right:6px;font-size:11px;display:flex}.ffContextBar label{align-items:center;gap:5px;max-width:100%;display:flex}.ffContextBar input[type=color]{border:0;width:25px;height:26px;padding:0}.ffComposer .ffContextBar select,.ffComposer .ffContextBar input:not([type=color]){max-width:145px;height:29px;padding:5px;font-size:11px}.ffComposer .ffEditorPanel{background:#fff;border-bottom:1px solid #d8e2f0;padding:18px 40px 18px 18px;font-size:12px;position:relative;box-shadow:inset 3px 0 #4a77c6}.ffEditorPanel strong{font-size:13px}.ffEditorPanel p{color:#72829b;margin:8px 0;line-height:1.5}.ffComposer .ffPanelClose{color:#77869b;background:0 0;border:0;padding:0 6px;font-size:20px;position:absolute;top:9px;right:9px}.ffPanelRow{flex-wrap:wrap;align-items:center;gap:7px;margin:10px 0;display:flex}.ffPanelRow>input{flex:1;min-width:130px!important}.ffPanelRow label{white-space:nowrap;align-items:center;gap:3px;display:flex}.ffEditorPanel input{font-size:12px!important}.ffEditorPanel button{font-size:12px}.ffEditorPanel small{color:#73849c}.ffEditorPanel [role=alert]{color:#b53140}.ffTablePicker{align-items:start;gap:28px;display:flex}.ffTablePicker>div:last-child{gap:9px;display:grid}.ffTablePicker label{align-items:center;gap:10px;display:flex}.ffTablePicker input[type=number]{width:65px}.ffTableGrid{grid-template-columns:repeat(8,21px);gap:4px;display:grid}.ffComposer .ffTableGrid button{background:#f3f6fa;border:1px solid #d1dceb;border-radius:3px;width:21px;height:21px;min-height:0;padding:0}.ffComposer .ffTableGrid button.selected{background:#d9e7ff;border-color:#729bdf}.ffShortcutGrid{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.ffShortcutGrid>div{justify-content:space-between;gap:8px;font-size:11px;display:flex}.ffShortcutGrid kbd{color:#476188;background:#f1f5fa;border:1px solid #dfe6ef;border-radius:4px;padding:3px 6px}.ffComposer .ffPaperStage{background:#eef1f6;min-height:550px;max-height:850px;padding:0 22px 28px;overflow:auto}.ffRuler{color:#8f9bad;box-sizing:border-box;background:repeating-linear-gradient(90deg,#0000 0 calc(5% - 1px),#cbd4e2 calc(5% - 1px) 5%) 50% 3px/calc(100% - 64px) 5px no-repeat;justify-content:space-between;align-items:flex-end;max-width:794px;height:26px;margin:0 auto;padding:0 32px 4px;font-size:9px;display:flex}.ffComposer .ffPaper{background:#fff;border:1px solid #e0e5ed;max-width:794px;min-height:620px;margin:0 auto;position:relative;box-shadow:0 2px 12px #243b5c12}.ffComposer .ffPaper .tiptap{box-sizing:border-box;color:#18263c;outline:none;min-height:620px;padding:40px 36px;font-size:14px;line-height:1.5}.ffComposer .tiptap h1{margin:18px 0 14px;font-size:28px;line-height:1.35}.ffComposer .tiptap h2{margin:18px 0 12px;font-size:22px;line-height:1.4}.ffComposer .tiptap h3{margin:16px 0 10px;font-size:18px}.ffComposer .tiptap a{color:#285fbd;text-decoration:underline}.ffComposer .tiptap ul,.ffComposer .tiptap ol{padding-left:25px}.ffComposer .tiptap hr{border:0;border-top:1px solid #cad5e5;margin:22px 0}.ffComposer .tiptap blockquote{color:#546680;background:#f6f8fb;border-left:3px solid #7596c4;padding:12px 16px}.ffComposer .tiptap img{border-radius:3px;max-width:100%;height:auto;margin:14px 0;display:block}.ffComposer .tiptap img[data-align=center]{margin-left:auto;margin-right:auto}.ffComposer .tiptap img[data-align=right]{margin-left:auto;margin-right:0}.ffComposer .tiptap th,.ffComposer .tiptap td{vertical-align:middle;border-color:#becada;min-width:30px}.ffComposer .tiptap .selectedCell:after{content:"";pointer-events:none;background:#3977e025;position:absolute;inset:0}.ffPaperPlaceholder{color:#9ba7b9;pointer-events:none;font-size:14px;line-height:1.8;position:absolute;top:40px;left:36px;right:24px}.ffPaperPlaceholder small{color:#aeb8c7;font-size:12px}.ffComposer .ffEditorStatus{color:#8190a5;background:#fff;border-top:1px solid #dfe5ef;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:7px 12px;font-size:10px;display:flex}.ffEditorStatus>div{align-items:center;gap:6px;display:flex}.ffComposer .ffEditorStatus button{background:0 0;border:0;padding:4px 6px;font-size:11px}.ffEditorStatus i{border-left:1px solid #d1dbea;height:8px;margin:0 7px;display:inline-block}.ffUploadProgress{color:#2b63ba;background:#edf5ff;padding:10px 16px;font-size:12px}.ffEditorLoading{text-align:center;color:#8190a5;background:#f4f7fb;border-radius:10px;padding:50px}.ffEditor.ffComposer.ffEditorFocus{z-index:1500;flex-direction:column;display:flex;position:fixed;inset:16px;box-shadow:0 0 0 30px #15284060}.ffEditorFocus .ffPaperStage{flex:1;min-height:0;max-height:none;padding:0 36px 40px}.ffEditorFocus .ffEditorTop,.ffEditorFocus .ffRibbonTabs,.ffEditorFocus .ffRibbon,.ffEditorFocus .ffEditorPanel,.ffEditorFocus .ffContextBar,.ffEditorFocus .ffEditorStatus{flex-shrink:0}.ffEditorFocus .ffEditorTop{padding:12px 24px}.ffEditorFocus .ffPaper .tiptap{min-height:1000px;padding:64px 60px}.ffEditorFocus .ffPaperPlaceholder{top:64px;left:60px}@media (max-width:1500px){.ffComposer .ffEditorHint,.ffRibbonTabs>span{display:none}.ffComposer .ffRibbon{row-gap:10px}.ffToolGroup{padding:0 7px}.ffToolGroup>div{max-width:235px}}@media (max-width:760px){.ffComposer .ffEditorTop{flex-wrap:wrap;padding:10px}.ffEditorBadge{display:none}.ffComposer .ffPaperStage{min-height:400px;padding:0 8px 12px}.ffComposer .ffPaper .tiptap{min-height:500px;padding:22px 18px}.ffPaperPlaceholder{top:22px;left:18px}.ffTablePicker{flex-wrap:wrap;gap:14px}.ffShortcutGrid{grid-template-columns:1fr}.ffComposer .ffEditorPanel{padding-left:12px}.ffEditor.ffComposer.ffEditorFocus{border-radius:0;inset:0}.ffEditorFocus .ffPaperStage{padding:0 8px 12px}.ffToolGroup>div{max-width:220px}.ffComposer .ffRibbon{min-height:90px}.ffEditorFocus .ffPaperPlaceholder{top:22px;left:18px}}.ffWorkspace{container:freeform-workspace/inline-size}.ffWorkspace .ffComposer .tiptap table{table-layout:fixed;border-spacing:0;width:100%;min-width:0;font-size:14px;line-height:1.5}.ffWorkspace .ffComposer .tiptap td,.ffWorkspace .ffComposer .tiptap th{text-align:left;white-space:normal;overflow-wrap:anywhere;word-break:normal;color:#24344b;min-width:0;height:auto;padding:10px 12px;font-size:14px;line-height:1.5}.ffComposer .tiptap th,.ffWorkspace .ffComposer .tiptap th{background:#f0f4fa;font-weight:400}.ffWorkspace .ffComposer .tiptap td p,.ffWorkspace .ffComposer .tiptap th p{font-size:inherit;line-height:inherit;color:inherit;font-weight:inherit;letter-spacing:normal;margin:0 0 6px}.ffWorkspace .ffComposer .tiptap td p:last-child,.ffWorkspace .ffComposer .tiptap th p:last-child{margin-bottom:0}.ffWorkspace .ffComposer .tiptap h1{margin-top:0;font-size:26px}.ffWorkspace .ffComposer .tiptap h2{margin:24px 0 12px;font-size:18px}.ffWorkspace.ffListHidden .ffList{display:none}.ffWorkspace.ffListHidden .ffLayout{grid-template-rows:auto;grid-template-columns:minmax(0,1fr) 240px;display:grid}.ffWorkspace.ffListHidden .ffMain{grid-area:1/1}.ffWorkspace.ffListHidden .ffApproval{grid-area:1/2}.ffWorkspace .ffHero{flex-wrap:wrap;padding:12px 0 20px}.ffWorkspace .ffHero h2{font-size:24px}.ffWorkspace .ffComposer .ffPaper .tiptap{padding:32px 28px}@container freeform-workspace (max-width:950px){.ffWorkspace.ffListHidden .ffLayout{flex-direction:column;display:flex}.ffWorkspace.ffListHidden .ffMain,.ffWorkspace.ffListHidden .ffApproval{box-sizing:border-box;width:100%}}@container freeform-workspace (max-width:600px){.ffWorkspace .ffComposer .ffPaper .tiptap{padding:20px 14px}.ffWorkspace .ffComposer .ffPaperStage{padding:0 6px 12px}.ffWorkspace .ffComposer .tiptap td,.ffWorkspace .ffComposer .tiptap th{padding:8px 6px;font-size:13px}}@container freeform-workspace (min-width:701px) and (max-width:1299px){.ffWorkspace .ffLayout{grid-template-rows:min-content 1fr;grid-template-columns:210px minmax(0,1fr)}.ffWorkspace .ffMain{grid-area:1/2/span 2}.ffWorkspace .ffApproval{grid-area:2/1}}@container freeform-workspace (max-width:700px){.ffWorkspace .ffLayout{flex-direction:column;display:flex}.ffWorkspace .ffList,.ffWorkspace .ffMain,.ffWorkspace .ffApproval{box-sizing:border-box;width:100%}.ffWorkspace .ffList{max-height:260px;overflow:auto}.ffWorkspace .ffMain{padding:14px}}.ffComposer .ffPaper{box-sizing:border-box;width:794px;min-width:794px;max-width:794px}.ffComposer .tiptap p,.ffComposer .tiptap h1,.ffComposer .tiptap h2,.ffComposer .tiptap h3{white-space:pre-wrap}
.ffContextMenu{z-index:10000;color:#172033;overscroll-behavior:contain;background:#fff;border:1px solid #dce3ed;border-radius:10px;width:252px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:6px;font:13px/1.4 Malgun Gothic,sans-serif;position:fixed;overflow-y:auto;box-shadow:0 12px 40px #17203330}.ffContextTitle{color:#64748b;padding:7px 10px;font-size:11px;font-weight:700}.ffContextMenu button{width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:space-between;align-items:center;gap:14px;padding:7px 10px;display:flex}.ffContextMenu button:hover,.ffContextMenu button:focus-visible{outline-offset:-2px;background:#edf4ff;outline:2px solid #93bafa}.ffContextMenu button:disabled{color:#a1a9b5;cursor:default;background:0 0;outline:none}.ffContextMenu kbd{color:#7a879a;white-space:nowrap;font:11px/1.3 inherit}.ffContextMenu [role=separator]{background:#e8edf4;height:1px;margin:5px 4px}
.ffColorPicker{display:inline-flex}.ffColorPicker>button{color:#34465f;cursor:pointer;background:#fff;border:1px solid #d5dfeb;border-radius:5px;align-items:center;gap:5px;padding:5px 7px;font-size:12px;display:flex}.ffColorPicker i{border:1px solid #b6c0cd;border-radius:3px;width:15px;height:15px;display:inline-block}.ffColorPopup{z-index:10020;box-sizing:border-box;color:#34465f;background:#fff;border:1px solid #d5dfeb;border-radius:10px;width:244px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:12px;font:12px/1.5 sans-serif;position:fixed;overflow:auto;box-shadow:0 10px 32px #17203330}.ffColorPopup strong{margin:3px 0 6px;font-size:11px;display:block}.ffColorGrid{grid-template-columns:repeat(8,1fr);gap:5px;margin-bottom:10px;display:grid}.ffColorGrid button{cursor:pointer;border:1px solid #b6c0cd;border-radius:3px;min-width:0;height:23px}.ffColorGrid button:hover,.ffColorGrid button:focus-visible,.ffColorGrid button[aria-pressed=true]{outline-offset:2px;outline:2px solid #2563eb}.ffCustomColor{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding-top:8px;display:flex}.ffCustomColor input{background:0 0;border:0;width:44px;height:28px;padding:0}.ffClearColor{color:#34465f;cursor:pointer;background:#f8fafc;border:1px solid #d5dfeb;border-radius:4px;width:100%;margin-top:8px;padding:6px}
.ffTableFloating{z-index:1000;box-sizing:border-box;color:#34465f;background:#fff;border:1px solid #cdd9e8;border-radius:9px;flex-wrap:wrap;align-items:center;gap:4px;width:max-content;max-width:calc(100vw - 16px);padding:6px;font:12px/1.4 sans-serif;display:flex;position:fixed;box-shadow:0 5px 22px #17203325}.ffTableFloating>b{color:#2563eb;padding:0 6px}.ffTableFloating button{color:#34465f;cursor:pointer;background:#fff;border:1px solid #dce4ef;border-radius:5px;min-height:29px;padding:5px 8px;font-size:12px}.ffTableFloating button:hover{background:#edf4ff}.ffTableFloating button:disabled{opacity:.4;cursor:default}@media print{.ffTableFloating,.ffColorPopup{display:none!important}}
.ffTableControls{color:#34465f;background:#f8fafc;border-bottom:1px solid #dce4ef;padding:12px;font-size:12px}.ffTableControls>header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.ffTableControls>header b{font-size:13px}.ffTableControls>header span,.ffTableControls small,.ffTableControls>footer span{color:#718197;font-size:11px;line-height:1.6}.ffTableQuickActions,.ffTableControls fieldset>div{flex-wrap:wrap;align-items:end;gap:7px;display:flex}.ffWorkspace .ffComposer .ffTableControls button,.ffTableControls button{color:#344e72;cursor:pointer;background:#fff;border:1px solid #cdd9e8;border-radius:5px;min-height:30px;padding:6px 9px;font-size:11px}.ffTableControls button:disabled{opacity:.4;cursor:not-allowed}.ffTableSettingsGrid{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}.ffTableControls fieldset{background:#fff;border:1px solid #dde5ef;border-radius:7px;min-width:0;margin:0;padding:10px}.ffTableControls fieldset:last-child{grid-column:1/-1}.ffTableControls legend{padding:0 5px;font-weight:600}.ffTableControls label{flex-direction:column;gap:5px;font-size:11px;display:flex}.ffTableControls input[type=number]{width:100px!important}.ffTableControls input,.ffTableControls select{border:1px solid #d5dfeb;border-radius:4px;max-width:100%;height:30px!important;min-height:30px!important;padding:4px 7px!important;font-size:12px!important}.ffTableControls input[type=color]{width:40px;padding:2px!important}.ffTableControls small{margin-top:8px;display:block}.ffTableControls>footer{flex-wrap:wrap;align-items:center;gap:12px;display:flex;background:0 0!important;border:0!important;padding:0!important}@media (max-width:760px){.ffTableSettingsGrid{grid-template-columns:1fr}.ffTableControls>header{flex-direction:column;align-items:start;gap:4px}}.ffTableSettingsGrid[hidden]{display:none}.ffTableControls>header>button{flex-shrink:0;margin-left:auto}
.ffStarterLibrary{color:#24364b;background:#f7f9fc;border:1px solid #d5dfeb;border-radius:10px;margin:16px 0;padding:16px}.ffStarterLibrary header{justify-content:space-between;align-items:center;gap:16px;display:flex}.ffStarterLibrary header p,.ffStarterHint{color:#5c6d81;margin:6px 0;font-size:13px}.ffStarterLibrary button{cursor:pointer}.ffStarterLibrary button:disabled{cursor:default;opacity:.5}.ffStarterColumns{grid-template-columns:230px minmax(0,1fr);gap:16px;margin-top:14px;display:grid}.ffStarterColumns aside{flex-direction:column;gap:8px;display:flex}.ffStarterColumns aside input{box-sizing:border-box;border:1px solid #cad5e2;border-radius:6px;width:100%;padding:10px}.ffStarterColumns aside button{text-align:left;background:#fff;border:1px solid #d5dfeb;border-radius:7px;flex-direction:column;gap:4px;padding:10px;display:flex}.ffStarterColumns aside button[aria-pressed=true]{background:#eaf2fd;border-color:#326cb5}.ffStarterColumns aside small{color:#526d90;font-size:11px}.ffStarterColumns aside span{color:#5c6d81;font-size:12px;line-height:1.5}.ffStarterDetail{min-width:0}.ffStarterDetail>header{margin-bottom:10px;font-size:14px}.ffStarterPreview{overflow-wrap:anywhere;background:#fff;border:1px solid #d5dfeb;max-height:530px;padding:24px;font-size:13px;line-height:1.7;overflow:auto}.ffStarterPreview h1{margin:0 0 20px;font-size:24px}.ffStarterPreview h2{margin:18px 0 8px;font-size:15px}.ffStarterPreview p{margin:5px 0}.ffStarterPreview table{border-collapse:collapse;table-layout:fixed;width:100%;margin:12px 0}.ffStarterPreview th,.ffStarterPreview td{text-align:left;border:1px solid #b9c5d3;padding:7px}.ffStarterPreview th{background:#edf2f7}
.letterContactDialog{box-sizing:border-box;color:#233c62;background:#fff;border:1px solid #dce2eb;border-radius:14px;width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);padding:24px;font-size:13px;line-height:1.5;box-shadow:0 20px 80px #17203340}.letterContactDialog::backdrop{background:#17203370}.letterContactDialog header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.letterContactDialog h2{margin:0;font-size:18px}.letterContactDialog header p,.letterContactHint{color:#65758c;font-size:12px;line-height:1.6}.letterContactDialog label{flex-direction:column;gap:7px;font-size:12px;font-weight:600;display:flex}.letterContactDialog input{box-sizing:border-box;border:1px solid #cbd6e6;border-radius:6px;width:100%;min-height:36px;padding:9px 10px;font-family:inherit;font-size:13px;font-weight:400;line-height:1.5}.letterContactDialog button{cursor:pointer;color:#233c62;font:inherit;background:#fff;border:1px solid #d5dfec;border-radius:6px;padding:9px 13px;font-size:13px}.letterContactDialog button:disabled{opacity:.5;cursor:default}.letterContactDialog input:focus-visible,.letterContactDialog button:focus-visible{outline-offset:2px;outline:2px solid #244d97}.letterContactResults{background:#f8fafc;border:1px solid #e3e8f0;border-radius:8px;min-height:120px;max-height:300px;margin:18px 0;overflow:auto}.letterContactResults>p,.letterContactResults>div{margin:0;padding:20px;font-size:13px;line-height:1.7}.letterContactResults ul{margin:0;padding:0;list-style:none}.letterContactResults li+li{border-top:1px solid #e3e8f0}.letterContactResults li button{text-align:left;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:14px;display:flex}.letterContactResults li button:hover{background:#eef3fb}.letterContactResults span{overflow-wrap:anywhere}.letterContactResults small{color:#65758c;flex-shrink:0}.letterContactDialog footer,.letterContactDialog footer>div{justify-content:space-between;gap:8px;display:flex}.letterContactDialog .primary{color:#fff;background:#244d97;border-color:#244d97}.letterContactError{color:#b42318;font-size:13px}.ffContactPicker{gap:8px;display:flex}.ffContactPicker input{cursor:pointer;flex:1;min-width:0}.ffContactPicker button{flex-shrink:0}.ffLetterFields>div>label{color:#52647e;margin-bottom:7px;font-size:12px;display:block}@media (max-width:480px){.letterContactDialog{padding:18px}.letterContactDialog footer{flex-wrap:wrap}.letterContactDialog footer>div{margin-left:auto}}
.ffPrintDialog{color:#24344b;background:#edf1f6;border:1px solid #ccd7e6;border-radius:14px;width:min(1100px,100vw - 32px);max-width:none;height:calc(100dvh - 40px);max-height:none;padding:0;overflow:hidden;box-shadow:0 24px 80px #14264055}.ffPrintDialog[open]{flex-direction:column;display:flex}.ffPrintDialog::backdrop{background:#14203388}.ffPrintDialog>header{background:#fff;border-bottom:1px solid #dce4ee;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.ffPrintDialog h2{margin:0 0 6px;font-size:18px}.ffPrintDialog header p{color:#687a92;margin:0;font-size:12px}.ffPrintActions{flex-wrap:wrap;gap:8px;display:flex}.ffPrintDialog button{font:inherit;color:#334760;cursor:pointer;background:#fff;border:1px solid #ccd8e8;border-radius:7px;padding:10px 14px;font-size:13px}.ffPrintDialog button.primary{color:#fff;background:#275ccd;border-color:#275ccd}.ffPrintDialog button:disabled{opacity:.45;cursor:wait}.ffPrintDialog button:focus-visible{outline-offset:3px;outline:2px solid #275ccd}.ffPrintHint{color:#64758c;background:#f8fafc;border-bottom:1px solid #dde4ed;flex-shrink:0;margin:0;padding:10px 24px;font-size:12px;line-height:1.6}.ffPrintFrame{flex:1;min-height:0;position:relative}.ffPrintFrame iframe{border:0;width:100%;height:100%;display:block}.ffPrintState{text-align:center;color:#62758d;padding:32px;font-size:14px}.ffPrintFrame>.ffPrintState{z-index:1;background:#edf1f6;position:absolute;inset:0}@media (max-width:700px){.ffPrintDialog{border-radius:0;width:100vw;height:100dvh;max-height:100dvh;margin:0}.ffPrintDialog>header{flex-wrap:wrap;align-items:flex-start;padding:14px}.ffPrintHint{padding:10px 14px}.ffPrintDialog h2{font-size:16px}}.ffPrintActions label{flex-direction:column;gap:4px;font-size:11px;display:flex}.ffPrintActions select{color:#334760;font:inherit;background:#fff;border:1px solid #ccd8e8;border-radius:6px;padding:8px;font-size:12px}.ffPrintActions .ffPrintToggle{cursor:pointer;flex-direction:row;align-items:center;gap:7px;padding:6px 8px;font-size:12px}.ffPrintToggle input{accent-color:#275ccd;width:16px;height:16px;margin:0}.ffPrintActions{align-items:center}
.tqForm .trInfoGrid input,.tqForm .trInfoGrid textarea{box-sizing:border-box;color:#24364b;background:#fff;border:1px solid #d6dfeb;border-radius:7px;padding:11px 12px;font-size:13px;line-height:1.7}.tqForm .trInfoGrid input:focus,.tqForm .trInfoGrid textarea:focus{outline-offset:1px;border-color:#6999d5;outline:2px solid #b8d1f4}.tqForm .trInfoGrid textarea{min-height:112px}.tqForm .trInfoGrid .tqRequestText{min-height:230px}.tqForm .trInfoGrid small{color:#75859a;font-size:11px;font-weight:400;line-height:1.6}.tqForm .trSection h4>span{color:#75859a;margin-left:auto;font-size:11px;font-weight:400}.tqForm fieldset:disabled input,.tqForm fieldset:disabled textarea{color:#52667f;background:#f7f9fc}.tqForm .tqSectionControls{padding:14px 16px 0}.tqForm>fieldset{padding:0 16px 16px}.tqForm .quotationEditorSection{background:#fff;border:1px solid #dce5ef;border-radius:10px;margin-bottom:12px;overflow:hidden}.tqForm .quotationEditorSection>summary{cursor:pointer;color:#243b55;background:#f3f7fc;align-items:center;gap:10px;padding:13px 16px;font-size:13px;font-weight:700;list-style:none;display:flex}.tqForm .quotationEditorSection>summary::-webkit-details-marker{display:none}.tqForm .quotationEditorSection>summary:before{content:"▸"}.tqForm .quotationEditorSection[open]>summary:before{content:"▾"}.tqForm .quotationEditorSection>summary>span{color:#61758c;margin-left:auto;font-size:11px;font-weight:400}.tqForm .quotationEditorSectionBody{padding:18px}
.ffWorkspace{color:#1f2c43;--ff-border:#dbe3ef;--ff-blue:#275ccd}.ffHero{justify-content:space-between;align-items:center;gap:20px;padding:24px 0;display:flex}.ffHero small{color:#5274a7;letter-spacing:.08em;font-weight:700}.ffHero h2{margin:8px 0;font-size:27px}.ffHero p,.ffMuted{color:#6c7c92;font-size:12px;line-height:1.7}.ffActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ffWorkspace button,.ffWorkspace input,.ffWorkspace select,.ffWorkspace textarea{font:inherit}.ffWorkspace button{border:1px solid var(--ff-border);cursor:pointer;color:inherit;background:#fff;border-radius:7px;padding:8px 11px;font-size:12px}.ffWorkspace button:hover{background:#f0f5ff}.ffWorkspace button:disabled{opacity:.45;cursor:not-allowed}.ffWorkspace .ffPrimary{background:var(--ff-blue);color:#fff;border-color:var(--ff-blue)}.ffWorkspace .ffDanger{color:#b33143}.ffWorkspace input:not([type=checkbox]):not([type=color]):not([type=file]),.ffWorkspace select,.ffWorkspace textarea{box-sizing:border-box;border:1px solid var(--ff-border);min-width:0;max-width:100%;color:inherit;background:#fff;border-radius:7px;padding:9px}.ffLayout{grid-template-columns:230px minmax(380px,1fr) 260px;align-items:start;gap:16px;display:grid}.ffList,.ffMain,.ffApproval{border:1px solid var(--ff-border);background:#fff;border-radius:12px;min-width:0}.ffList,.ffApproval{padding:16px}.ffList>input,.ffApproval>input,.ffApproval>select{width:100%;margin-bottom:10px}.ffFilters{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.ffList .ffDocCard{text-align:left;flex-direction:column;align-items:flex-start;gap:9px;width:100%;margin-top:10px;padding:14px;display:flex}.ffDocCard strong{overflow-wrap:anywhere;font-size:14px}.ffDocCard small{color:#738198}.ffDocCard.selected{background:#eef4ff;border-color:#93b3f0}.ffStatus{color:#61738d;background:#eef1f6;border-radius:4px;padding:4px 8px;font-size:11px;display:inline-block}.ffStatus.PENDING{color:#9f6c09;background:#fff3d6}.ffStatus.APPROVED{color:#267453;background:#e2f5eb}.ffStatus.REJECTED{color:#b33143;background:#fde8e9}.ffMain{padding:22px}.ffDocumentHeader{color:#748299;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:12px;display:flex}.ffMeta{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;display:grid}.ffMeta label,.ffDecision label{flex-direction:column;gap:7px;font-size:12px;font-weight:600;display:flex}.ffMeta .ffTitle{grid-column:1/-1}.ffMeta .ffTitle input{font-weight:600;padding:12px!important;font-size:20px!important}.ffNotice{background:#edf4ff;border:1px solid #cbddfa;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;display:flex}.ffEditor{border:1px solid var(--ff-border);border-radius:8px;overflow:hidden}.ffToolbar{border-bottom:1px solid var(--ff-border);background:#f7f9fc;flex-wrap:wrap;gap:5px;padding:10px;display:flex}.ffToolbar button{padding:5px 7px;font-size:11px}.ffToolbar button.active{background:#dce8ff;border-color:#9fbdf9}.ffToolbar select{padding:5px!important;font-size:11px!important}.ffToolbar label{align-items:center;gap:4px;font-size:11px;display:flex}.ffToolbar input[type=color]{border:0;width:24px;height:25px;padding:0}.ffTableTools{flex-wrap:wrap;gap:4px;width:100%;display:flex}.ffEditor .tiptap{overflow-wrap:anywhere;outline:none;min-height:420px;padding:28px;font-size:14px;line-height:1.7}.ffEditor .tiptap p{min-height:1em;margin:0 0 10px}.ffEditor img{max-width:100%;height:auto}.ffEditor .ProseMirror-selectednode{outline:2px solid #6091ed}.ffEditor table{border-collapse:collapse;table-layout:fixed;width:100%;margin:12px 0}.ffEditor td,.ffEditor th{vertical-align:top;border:1px solid #b9c6d9;min-width:50px;padding:8px;position:relative}.ffEditor th{background:#edf2fa}.ffEditor .selectedCell{background:#dfebff}.ffEditor .column-resize-handle{pointer-events:none;background:#5086e6;width:4px;position:absolute;top:0;bottom:-2px;right:-2px}.ffEditor .resize-cursor{cursor:col-resize}.ffEditor .tableWrapper{overflow:auto}.ffEditor blockquote{border-left:3px solid #b5c6df;margin-left:0;padding-left:16px}.ffEditor pre{white-space:pre-wrap;background:#f0f3f8;padding:12px}.ffEditor footer{color:#738198;border-top:1px solid var(--ff-border);background:#fafbfe;padding:10px;font-size:11px}.ffSectionTitle,.ffFile,.ffSaveBar{justify-content:space-between;align-items:center;gap:10px;display:flex}.ffSectionTitle h3,.ffApproval h3{font-size:15px}.ffAttachments{margin-top:20px}.ffFile{border-top:1px solid var(--ff-border);padding:10px 0;font-size:12px}.ffFile a{overflow-wrap:anywhere;color:#275ccd;flex:1}.ffFile small{color:#748299}.ffSaveBar{border-top:1px solid var(--ff-border);flex-wrap:wrap;margin-top:20px;padding-top:18px}.ffSaveBar>span{color:#748299;font-size:11px}.ffLine{padding-left:25px}.ffLine li{border-bottom:1px solid var(--ff-border);padding:10px 0;font-size:12px}.ffLine li strong,.ffLine li small{margin-bottom:5px;display:block}.ffLine button{padding:3px 8px}.ffLine p{overflow-wrap:anywhere}.ffSubmit{width:100%;margin-top:16px}.ffDecision textarea{width:100%;min-height:85px;margin-bottom:10px}.ffHistory{margin-top:24px}.ffHistory article{border-left:2px solid #d9e4f6;padding:5px 0 12px 12px;font-size:12px}.ffHistory small{color:#7d8ba0;margin-top:6px;display:block}.ffEmpty{color:#7d8ba0;text-align:center;padding:35px 10px;font-size:12px;line-height:1.8}.ffFullscreen{z-index:1000;background:#f4f7fb;padding:0 24px 30px;position:fixed;inset:0;overflow:auto}.ffWorkspace :focus-visible{outline-offset:2px;outline:2px solid #4e82df}@media (min-width:1800px){.ffLayout{grid-template-columns:240px minmax(450px,1fr) 280px}}@media (max-width:1799px){.ffLayout{grid-template-columns:220px minmax(0,1fr)}.ffApproval{grid-column:2}.ffHero{align-items:flex-start}}@media (max-width:760px){.ffLayout{flex-direction:column;display:flex}.ffList,.ffMain,.ffApproval{box-sizing:border-box;width:100%}.ffList{max-height:300px;overflow:auto}.ffHero{flex-direction:column}.ffMain{padding:14px}.ffEditor .tiptap{padding:16px}.ffMeta{grid-template-columns:1fr}.ffMeta .ffTitle{grid-column:auto}.ffFullscreen{padding:0 12px 20px}}.ffSealDisplay{color:#475569;background:#f7fafc;border:1px solid #d8e2eb;border-radius:12px;margin:16px 0;padding:16px 20px}.ffSealDisplayHeading{justify-content:space-between;align-items:center;gap:16px;display:flex}.ffSealDisplay h3{color:#183449;margin:0;font-size:15px}.ffSealDisplay p{margin:6px 0 0;font-size:12px;line-height:1.6}.ffSealDisplay button[role=switch]{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:24px;flex-shrink:0;align-items:center;gap:8px;min-height:40px;padding:7px 12px;display:inline-flex}.ffSealDisplay button[role=switch] span{background:#94a3b8;border-radius:12px;width:30px;height:18px;position:relative}.ffSealDisplay button[role=switch] span:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .15s;position:absolute;top:3px;left:3px}.ffSealDisplay button[aria-checked=true]{color:#17675f;background:#edf9f6;border-color:#238279}.ffSealDisplay button[aria-checked=true] span{background:#238279}.ffSealDisplay button[aria-checked=true] span:after{transform:translate(12px)}.ffSealDisplay button:focus-visible{outline-offset:3px;outline:3px solid #60a5fa}.ffSealDisplay button:disabled{opacity:.5;cursor:not-allowed}.ffWorkspace.ffCorrespondence .ffLayout{grid-template-columns:minmax(0,1fr) 260px}.ffWorkspace.ffCorrespondence .ffList{grid-column:1/-1;max-height:380px;overflow:auto}.ffWorkspace.ffCorrespondence .ffMain{grid-column:1}.ffWorkspace.ffCorrespondence .ffApproval{grid-area:auto/2}.ffDocumentTable{overflow:auto}.ffDocumentTable table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:12px}.ffDocumentTable th{color:#435b7a;background:#f0f4fa;padding:12px;position:sticky;top:0}.ffDocumentTable td{border-bottom:1px solid #e3e8f0;padding:10px 12px}.ffDocumentTable tr.selected{background:#eef4ff}.ffDocumentTable td:nth-child(2){white-space:normal;width:50%;min-width:220px}.ffDocumentTable td:nth-child(2) button{text-align:left;color:#244d97;width:100%;font-weight:600}.ffSharing{border-top:1px solid #dce2eb;margin-top:24px;padding-top:12px}.ffSharing select{width:100%}.ffSharing ul{padding:0;list-style:none}.ffSharing li{justify-content:space-between;align-items:center;padding:5px 0;font-size:13px;display:flex}.ffSharing h4{margin-bottom:8px;font-size:13px}@media (max-width:1100px){.ffWorkspace.ffCorrespondence .ffLayout{flex-direction:column;display:flex}.ffWorkspace.ffCorrespondence .ffList,.ffWorkspace.ffCorrespondence .ffMain,.ffWorkspace.ffCorrespondence .ffApproval{box-sizing:border-box;width:100%}}.ffWorkspace.ffCorrespondence:not(.ffListHidden) .ffList{grid-row:1}.ffWorkspace.ffCorrespondence:not(.ffListHidden) .ffMain,.ffWorkspace.ffCorrespondence:not(.ffListHidden) .ffApproval{grid-row:2}.ffVisibility{border:0;min-width:0;margin:20px 0 14px;padding:0}.ffVisibility legend{margin-bottom:10px;font-size:13px;font-weight:700}.ffVisibility label{cursor:pointer;border:1px solid #dce2eb;border-radius:8px;align-items:flex-start;gap:9px;margin-bottom:8px;padding:11px;display:flex}.ffVisibility label.selected{background:#eef4ff;border-color:#527bcc}.ffVisibility input{accent-color:#244d97;flex-shrink:0;margin:3px 0 0}.ffVisibility span{min-width:0}.ffVisibility strong{font-size:13px;display:block}.ffVisibility small{color:#64748b;margin-top:4px;font-size:11px;line-height:1.6;display:block}.ffVisibility:disabled label{cursor:default}.ffSharingTargets{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.ffSharingRequired{color:#a25412;font-size:12px;line-height:1.6}.ffSharingSummary{color:#244d97;background:#edf4ff;border-radius:8px;padding:12px;font-size:12px;line-height:1.7}
.trForm{background:#fff;border:1px solid #dbe3ef;border-radius:10px;min-width:0;max-width:100%;margin-top:18px;overflow:hidden}.trForm>header{background:linear-gradient(135deg,#f7faff,#fff);border-bottom:1px solid #e2e8f1;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.trForm>header small{color:#3970c5;letter-spacing:.12em;font-size:10px;font-weight:800}.trForm>header h3{margin:4px 0 2px;font-size:18px}.trForm>header p{color:#718198;margin:0;font-size:11px}.trForm>header>span{color:#285eb7;background:#e9f1ff;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:700}.trForm fieldset{border:0;width:100%;min-width:0;max-width:100%;margin:0;padding:0}.trSection{border-bottom:1px solid #e5ebf3;min-width:0;padding:22px}.trSection:last-child{border-bottom:0}.trSection h4{color:#31445f;align-items:center;gap:9px;margin:0 0 17px;font-size:14px;display:flex}.trSection h4 b{color:#2c64c2;background:#edf3ff;border-radius:7px;place-items:center;width:26px;height:26px;font-size:10px;display:grid}.trSectionHead{justify-content:space-between;align-items:center;gap:12px;display:flex}.trSectionHead button{margin-bottom:17px}.trInfoGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.trInfoGrid label{color:#52667f;flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.trInfoGrid .wide{grid-column:1/-1}.trInfoGrid input,.trInfoGrid select,.trInfoGrid textarea{width:100%;font-weight:400}.trInfoGrid textarea{resize:vertical;min-height:72px}.trTableWrap{border:1px solid #dce4ef;border-radius:8px;width:100%;max-width:100%;overflow:auto}.trTableWrap table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:760px}.trTableWrap th{color:#5b6f88;text-align:left;background:#f4f7fb;border-bottom:1px solid #dce4ef;padding:10px;font-size:10px}.trTableWrap th:first-child{width:17%}.trTableWrap th:nth-child(2){width:25%}.trTableWrap th:nth-child(3){width:28%}.trTableWrap th:nth-child(4){width:24%}.trTableWrap th:last-child{text-align:center;width:64px}.trTableWrap td{vertical-align:top;border-right:1px solid #e5eaf1;padding:7px}.trTableWrap td:last-child{text-align:center;border-right:0}.trTableWrap textarea{resize:vertical;width:100%;min-height:92px;display:block;background:#fbfcfe!important;border:0!important;border-radius:4px!important;padding:8px!important}.trTableWrap textarea:focus{box-shadow:0 0 0 2px #79a3eb;background:#fff!important}.trTableWrap td button{color:#b33143;padding:6px 8px}@media (max-width:760px){.trForm>header,.trSection{padding:16px}.trInfoGrid{grid-template-columns:1fr}.trInfoGrid .wide{grid-column:auto}.trSectionHead{align-items:flex-start}.trForm>header>span{display:none}}
.orgViewSwitch{background:#e8edf5;border-radius:10px;gap:4px;width:max-content;margin-bottom:18px;padding:4px;display:flex}.orgViewSwitch button{cursor:pointer;color:#53657c;background:0 0;border:0;border-radius:7px;padding:9px 20px;font-weight:600}.orgViewSwitch button[aria-pressed=true]{color:#204b89;background:#fff;box-shadow:0 1px 4px #163b6314}.chartWorkspace{background:#fff;border:1px solid #dce5ee;border-radius:14px;overflow:hidden}.chartToolbar{border-bottom:1px solid #e3eaf2;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 20px;display:flex}.chartToolbar>div{margin-right:auto}.chartToolbar small{color:#73839a;margin-top:5px;font-size:12px;display:block}.chartWorkspace button,.chartWorkspace select,.chartWorkspace input,.chartWorkspace textarea{font:inherit}.chartToolbar>input{min-width:210px}.chartToolbar input,.chartWorkspace select,.chartInspector textarea{color:#273e5b;background:#fff;border:1px solid #d9e2ed;border-radius:7px;padding:9px 10px}.chartToolbar button,.chartInspector button,.chartDepartmentOrder button{cursor:pointer;color:#304a69;background:#fff;border:1px solid #d9e2ed;border-radius:7px;padding:9px 12px}.chartToolbar .chartPrimary{color:#fff;background:#245bc1;border-color:#245bc1;font-weight:600}.chartWorkspace button:disabled{opacity:.45;cursor:not-allowed}.chartZoom{align-items:center;gap:6px;font-size:12px;display:flex}.chartEditNotice,.chartMessage{color:#295b9d;background:#edf4ff;border-bottom:1px solid #dbe7f9;margin:0;padding:12px 20px;font-size:13px}.chartMessage{color:#415a78;background:#f5f8fc}.chartBody{grid-template-columns:minmax(0,1fr);display:grid}.chartBody.withInspector{grid-template-columns:minmax(0,1fr) 286px}.chartCanvas{background-color:#f8fafd;background-image:radial-gradient(#d9e1ed .8px,#0000 .8px);background-size:18px 18px;min-height:560px;max-height:calc(100vh - 300px);padding:36px 28px 50px;overflow:auto}.chartDrawing{width:max-content;min-width:100%;padding:0 10px}.chartLeadership{flex-direction:column;align-items:center;display:flex}.chartExecutiveSlot{background:#fff;border:1px solid #bdd0e9;border-radius:12px;width:244px;overflow:hidden;box-shadow:0 5px 18px #16375a0b}.chartExecutiveTitle{color:#fff;text-align:center;letter-spacing:.5px;background:#1d395e;padding:9px;font-size:12px;font-weight:700;display:block}.chartExecutiveSlot:nth-of-type(3) .chartExecutiveTitle{background:#42658c}.chartVerticalLine{background:#b0c2d8;width:2px;height:28px}.chartEmployee{text-align:left;cursor:pointer;color:#203a58;background:#fff;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:12px;display:flex}.chartEmployee:hover,.chartEmployee[aria-pressed=true]{background:#edf4ff;border-color:#6999d4}.chartEmployee b{font-size:14px;display:block}.chartEmployee small{color:#6d8097;overflow-wrap:anywhere;margin-top:5px;font-size:11px;display:block}.chartInitial{color:#547398;background:#edf2fa;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.chartExecutive{border-radius:0;padding:16px 20px}.chartExecutive .chartInitial{background:#e8eff9;width:42px;height:42px}.chartVacancy{text-align:center;color:#788aa0;padding:20px 10px;font-size:14px}.chartVacancy small{margin-top:6px;font-size:10px;display:block}.chartDepartments{justify-content:center;align-items:flex-start;display:flex}.chartDepartmentBranch{flex-shrink:0;width:248px;padding:28px 9px 0;position:relative}.chartDepartmentBranch:before{content:"";background:#b0c2d8;height:2px;position:absolute;top:0;left:0;right:0}.chartDepartmentBranch:first-child:before{left:50%}.chartDepartmentBranch:last-child:before{right:50%}.chartDepartmentBranch:after{content:"";background:#b0c2d8;width:2px;height:28px;position:absolute;top:0;left:50%}.chartDepartmentBox{background:#fff;border:1px solid #d4dfec;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px #16375a08}.chartDepartmentBox>header{background:#edf3fb;border-bottom:1px solid #dce6f2;justify-content:space-between;align-items:center;gap:8px;padding:14px;display:flex}.chartDepartmentBox header small{letter-spacing:1px;color:#7a90ac;font-size:9px}.chartDepartmentBox h3{color:#234b79;margin:5px 0 0;font-size:14px}.chartDepartmentBox h3 span{color:#7187a2;white-space:nowrap;margin-left:4px;font-size:10px;font-weight:400}.chartDepartmentBox header button{color:#597696;cursor:pointer;background:0 0;border:0;padding:4px;font-size:19px}.chartDepartmentPeople{padding:7px}.chartDepartmentPeople>.chartEmployee+.chartEmployee{border-top-color:#edf1f6}.chartGrip{color:#a0aec1;margin-left:auto;font-size:20px}.chartEmployee[draggable=true]{cursor:grab}.chartDepartmentOrder{background:#f7faff;align-items:center;gap:5px;padding:8px 10px;font-size:10px;display:flex}.chartDepartmentOrder span{margin-right:auto}.chartDepartmentOrder button{padding:3px 8px}.chartInspector{background:#fff;border-left:1px solid #dce5ee;max-height:calc(100vh - 300px);padding:18px;overflow:auto}.chartInspector fieldset{border:0;min-width:0;margin:0 0 24px;padding:0}.chartInspector legend{margin-bottom:12px;padding:0;font-size:13px;font-weight:700}.chartInspector label{color:#516984;flex-direction:column;gap:7px;margin:10px 0;font-size:12px;display:flex}.chartInspector select,.chartInspector textarea{box-sizing:border-box;width:100%}.chartInspector p,.chartInspectorHint{color:#7c8da3;font-size:11px;line-height:1.7}.chartInspectorName{justify-content:space-between;align-items:center;display:flex}.chartInspectorName button{border:0;padding:2px 8px;font-size:18px}.chartInspector dl{font-size:12px}.chartInspector dt{color:#8090a4;margin-top:12px;font-size:11px}.chartInspector dd{overflow-wrap:anywhere;margin:5px 0 0}.chartPeerOrder{align-items:center;gap:5px;font-size:10px;display:flex}.chartPeerOrder span{margin-right:auto}.chartPeerOrder button{padding:7px;font-size:11px}.chartNoPeople{color:#8a99ac;text-align:center;padding:20px 10px;font-size:12px}.chartWorkspace button:focus-visible,.chartCanvas:focus-visible{outline-offset:2px;outline:3px solid #80aaeb}@media (max-width:1000px){.chartBody.withInspector{grid-template-columns:minmax(0,1fr)}.chartInspector{border-top:1px solid #dce5ee;border-left:0;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;max-height:none;display:grid}.chartCanvas{max-height:560px}.chartToolbar>input{width:100%;min-width:0}.chartToolbar{padding:12px}}@media (max-width:720px){.organizationShell .sidebar{width:64px;padding:20px 8px}.organizationShell .content{width:calc(100% - 64px);margin-left:64px}.organizationShell .brand{padding:0 6px 20px}.organizationShell .brand>div,.organizationShell .sidebarToggle span,.organizationShell .server>div{display:none}.organizationShell .sidebarToggle{width:100%}.organizationShell .sidebar nav button{justify-content:center;padding:0}.organizationShell .sidebar nav button span,.organizationShell .sidebar nav button em,.organizationShell .sidebar nav>p{display:none}.organizationShell .globalSearch,.organizationShell .search input{min-width:0}.organizationShell .content>header{padding:0 8px}.organizationShell .content>header>a{display:none}.organizationShell .orgPage{padding:14px 10px}.organizationShell .chartCanvas{min-height:480px;padding:24px 12px 36px}.organizationShell .orgHeader{gap:8px;margin-bottom:18px}.organizationShell .orgHeader p{margin:6px 0}.organizationShell .orgViewSwitch button{padding:9px 12px}}.chartConcurrentBadge{color:#5276a7;vertical-align:middle;background:#edf3ff;border-radius:4px;margin-left:6px;padding:2px 5px;font-size:9px;font-style:normal;font-weight:500;display:inline-block}.chartConcurrentEditor{border-top:1px solid #e7edf4;margin:18px 0;padding-top:14px}.chartConcurrentEditor>header{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;display:flex}.chartConcurrentEditor>header small{color:#8a98aa;font-size:10px}.chartConcurrentRow{background:#f7f9fc;border:1px solid #e4eaf2;border-radius:8px;margin:8px 0;padding:9px}.chartConcurrentRow>div{align-items:center;gap:4px;display:flex}.chartConcurrentRow select{min-width:0}.chartConcurrentRow>div button{color:#8796a9;background:0 0;border:0;padding:5px 8px;font-size:17px}.chartConcurrentRow input{border:1px solid #d9e2ed;border-radius:6px;width:100%;margin-top:6px;padding:8px 9px;font-size:12px}.chartInspector .chartAddConcurrent{color:#5276a7;background:0 0;border-style:dashed;width:100%;font-size:11px}.chartConcurrentRead{flex-direction:column;gap:6px;margin:14px 0;font-size:12px;display:flex}.chartConcurrentRead small{color:#8090a4;font-size:11px}.chartHelp{color:#6a7d94;border-bottom:1px solid #e3eaf2;font-size:12px}.chartHelp summary{cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 20px;font-size:11px}.chartHelp[open]{background:#f8fafd}.chartHelp>div{max-width:850px;padding:0 20px 12px;line-height:1.8}.chartHelp ol{margin:0;padding-left:18px}.chartHelp li{margin:5px 0}.chartHelp p{color:#8492a5;margin:10px 0 0;font-size:11px}.chartPersonPicker{margin-top:0!important;margin-bottom:20px!important}.chartAdvanced{border-bottom:1px solid #e7edf4;margin-bottom:16px}.chartAdvanced summary{color:#56718f;cursor:pointer;padding:0 0 12px;font-size:12px;font-weight:600}.chartAdvanced[open]>fieldset{margin-bottom:12px}.chartTeamLead{color:#657b99;background:#f7faff;border-bottom:1px solid #e6edf6;align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:flex}.chartTeamLead select{flex:1;min-width:0;padding:5px 7px;font-size:11px}.chartTeamLead b{color:#2c507e;font-weight:600}.chartLeadEditor{background:#f5f9ff;border:1px solid #d6e3f3;border-radius:10px;margin:16px 0;padding:14px}.chartLeadEditor header{color:#274c77;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.chartLeadEditor header>span{color:#476c9a;background:#e4edfb;border-radius:12px;padding:3px 7px;font-size:10px}.chartLeadEditor p{color:#62758c;margin:9px 0;font-size:11px;line-height:1.7}.chartInspector .chartLeadOption{cursor:pointer;background:#fff;border:1px solid #e0e7f0;border-radius:7px;flex-direction:row;align-items:center;gap:10px;margin:8px 0;padding:10px;display:flex}.chartInspector .chartLeadOption input{accent-color:#326ac0;flex-shrink:0;width:16px;height:16px;margin:0}.chartLeadOption>span{flex-direction:column;gap:4px;display:flex}.chartLeadOption b{font-size:12px}.chartLeadOption small{color:#6b7e95;font-size:10px}.chartLeadEditor .chartLeadPermission{border-top:1px solid #dce6f2;margin-bottom:0;padding-top:9px}.chartLeadSummary{flex-direction:column;gap:5px;margin:14px 0;font-size:12px;display:flex}.chartLeadSummary small{color:#718197}.chartLeadSummary b{color:#315b8c}
.orgPage{color:#182b44;background:#f6f8fb;border-radius:16px;padding:24px}.orgHeader{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.orgHeader small{letter-spacing:1.5px;color:#537093;font-size:11px;font-weight:700}.orgHeader h2{margin:8px 0;font-size:26px}.orgHeader p,.orgHeader>span{color:#68788e;font-size:13px}.orgLayout{grid-template-columns:240px minmax(0,1fr);gap:20px;display:grid}.orgTree{background:#fff;border:1px solid #e1e7ef;border-radius:12px;align-self:start;max-height:650px;padding:12px;overflow:auto}.orgTree button{text-align:left;color:#40516a;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;gap:10px;width:100%;padding:12px;display:flex}.orgTree button[aria-pressed=true]{color:#215ac1;background:#eaf1fe;font-weight:700}.orgTree b{color:#76859a;font-size:12px}.orgToolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.orgToolbar h3{margin:0 auto 0 0;font-size:17px}.orgToolbar h3 small{color:#65758c;font-weight:400}.orgToolbar>input{background:#fff;border:1px solid #dce3ed;border-radius:8px;min-width:240px;padding:11px 12px}.orgToolbar label{white-space:nowrap;font-size:12px}.orgCards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.orgPerson{text-align:left;cursor:pointer;color:inherit;background:#fff;border:1px solid #e1e7ef;border-radius:12px;align-items:center;gap:12px;padding:18px;display:flex}.orgPerson:hover,.orgPerson[aria-pressed=true]{background:#f0f5ff;border-color:#4b7dce}.orgAvatar{color:#4268a1;background:#e9eff9;border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:20px;font-weight:700;display:grid}.orgPerson b,.orgPerson small{overflow-wrap:anywhere;display:block}.orgPerson small{color:#738196;margin-top:5px;font-size:12px}.orgArrow{color:#8899af;margin-left:auto}.orgDetail{background:#fff;border:1px solid #dce5f0;border-radius:12px;margin-top:20px;padding:20px}.orgDetail header{justify-content:space-between;align-items:center;display:flex}.orgDetail h3{margin:0}.orgDetail button{cursor:pointer;background:#fff;border:1px solid #dce3ed;border-radius:7px;padding:8px 12px}.orgDetail dl{grid-template-columns:1fr 1fr;gap:18px;display:grid}.orgDetail dt{color:#748298;font-size:12px}.orgDetail dd{overflow-wrap:anywhere;margin:6px 0 0}.orgDetail .orgEdit{color:#fff;background:#245bc1;border:0}.orgEmpty{text-align:center;color:#748298;padding:48px}.orgPage button:focus-visible{outline-offset:2px;outline:3px solid #87aff0}@media (max-width:850px){.orgLayout{grid-template-columns:1fr}.orgTree{max-height:220px}.orgHeader{flex-direction:column;align-items:start}.orgToolbar>input{width:100%;min-width:0}.orgPage{padding:16px}.orgDetail dl{grid-template-columns:1fr}}
.hiworksAdmin{max-width:1100px;padding:24px}.hiworksAdmin header{justify-content:space-between;align-items:center;gap:20px;display:flex}.hiworksAdmin header small{letter-spacing:.12em;color:#788ba6;font-size:10px}.hiworksAdmin h2{margin:7px 0;font-size:21px}.hiworksAdmin p{color:#61748b;font-size:12px;line-height:1.7}.hiworksAdmin header>span{color:#28806a;background:#e9f4ef;border-radius:20px;padding:8px 14px;font-size:12px}.hiworksAdminNotice{color:#657b95;background:#f1f6fc;border-radius:10px;margin:18px 0;padding:14px 16px;font-size:12px;line-height:1.8}.hiworksAdminTools{gap:10px;margin-bottom:18px;display:flex}.hiworksAdminTools input{max-width:400px;font:inherit;border:1px solid #d9e2ec;border-radius:8px;flex:1;padding:10px 12px}.hiworksAdminTools button{background:#fff;border:1px solid #d9e2ec;border-radius:8px;padding:8px 12px}.hiworksAdmin table{border-collapse:collapse;width:100%;font-size:12px}.hiworksAdmin th{text-align:left;color:#708198;background:#f6f8fb;padding:12px}.hiworksAdmin td{border-bottom:1px solid #edf0f5;padding:14px 12px}.hiworksAdmin td small{color:#8b99aa;margin-top:5px;display:block}.hiworksAdmin td span{color:#9aa5b3}.hiworksAdmin td .registered{color:#397a67}.hiworksAdmin .hiworksAdminError{color:#b64040}.hiworksToggle{color:#738297;cursor:pointer;background:#e9edf3;border:0;border-radius:20px;align-items:center;gap:9px;min-width:80px;padding:7px 12px;font-size:11px;display:inline-flex}.hiworksToggle i{background:#fff;border-radius:50%;width:15px;height:15px;box-shadow:0 1px 3px #0002}.hiworksToggle.on{color:#1b8060;background:#e0f2eb}.hiworksToggle.on i{background:#35a880}.hiworksAdmin button:disabled{opacity:.5;cursor:default}.hiworksAdmin button:focus-visible{outline-offset:3px;outline:3px solid #9ebee9}.hiworksMode{background:#f5f8ff;border:1px solid #cddcf5;border-radius:14px;flex-wrap:wrap;align-items:center;gap:16px;margin:18px 0 12px;padding:20px;display:flex}.hiworksMode>div:first-child{flex:1}.hiworksMode small{color:#536987;font-size:12px}.hiworksMode h3{margin:4px 0 6px;font-size:18px}.hiworksMode p{color:#52617a;margin:0;font-size:13px}.hiworksModeRecipients{color:#64748b;border-top:1px solid #dce5f3;flex-basis:100%;padding-top:12px;font-size:12px}.hiworksModeRecipients b{color:#2459a6;margin-left:12px}.hiworksRole{color:#3963a8;background:#edf3ff;border-radius:5px;margin-left:8px;padding:2px 6px;font-size:11px;display:inline-block}
.profileBirthday{border:1px solid #dce5dc;border-radius:12px;margin:0;padding:12px}.profileBirthday legend{font-size:13px;font-weight:600}.profileBirthday select{background:#fff;border:1px solid #d5ded7;border-radius:8px;padding:8px}.profileBirthday small{margin-top:8px;display:block}
.profileMenuRoot{position:relative}.profileTrigger{color:#17253b;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:6px 8px;display:flex}.profileTrigger:hover,.profileTrigger[aria-expanded=true]{background:#f2f5f9}.profileTrigger>span:nth-child(2){text-align:left;min-width:0}.profileTrigger b,.profileTrigger small{display:block}.profileTrigger b{font-size:12px}.profileTrigger small{color:#718096;white-space:nowrap;margin-top:3px;font-size:10px}.profileTrigger svg{fill:none;stroke:#7d8999;stroke-width:1.8px;width:16px;height:16px}.profileAvatar{color:#2457a6;background:linear-gradient(145deg,#dce9ff,#edf3ff);border-radius:12px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid;overflow:visible;box-shadow:inset 0 0 0 1px #cbdcf5}.profileAvatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.profileAvatar b{font-size:14px}.profileAvatarLarge{border-radius:18px;width:58px;height:58px}.profileAvatarLarge b{font-size:20px}.profilePresence{z-index:2;background:#2daf75;border:2px solid #fff;border-radius:50%;width:10px;height:10px;bottom:-1px;right:-1px;position:absolute!important}.profileAvatarLarge .profilePresence{width:12px;height:12px}.profilePopover{color:#1d2a3e;z-index:20;background:#fff;border:1px solid #dfe6ef;border-radius:18px;width:360px;animation:.16s ease-out profileIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 24px 70px #172b4d2b}.profilePopover>header{background:linear-gradient(145deg,#f5f8fd,#eef4fd);align-items:center;gap:12px;padding:20px;display:flex}.profilePopover>header>div{position:relative}.profilePopover>header>div>button{color:#fff;background:#1e64d4;border:2px solid #fff;border-radius:50%;width:25px;height:25px;font-size:11px;position:absolute;bottom:-4px;right:-5px}.profilePopover>header>span{flex:1;min-width:0}.profilePopover>header b,.profilePopover>header small{display:block}.profilePopover>header b{font-size:15px}.profilePopover>header small{color:#78879a;margin-top:4px;font-size:11px}.profilePopover>header .profileEyebrow{color:#5278aa;letter-spacing:.13em;margin:0 0 4px;font-size:7px;font-weight:900}.profilePopover>header em{color:#245baa;background:#e1ebfc;border-radius:7px;padding:5px 8px;font-size:10px;font-style:normal;font-weight:800}.profileFile{display:none}.profileDetails{grid-template-columns:1fr 1fr;gap:8px;padding:16px 18px 12px;display:grid}.profileDetails span{border:1px solid #edf1f6;border-radius:10px;min-width:0;padding:11px}.profileDetails small,.profileDetails b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profileDetails small{color:#8a96a6;font-size:9px}.profileDetails b{margin-top:5px;font-size:11px}.profileDetails span:nth-child(3){grid-column:1/-1}.profileActions{padding:2px 10px 12px}.profileActions button{text-align:left;color:#48576b;background:0 0;border:0;border-radius:9px;width:100%;height:38px;font-size:11px}.profileActions button:hover{color:#1f5faf;background:#f4f7fb}.profileActions span{color:#59738f;place-items:center;width:27px;display:inline-grid}.profileForm{padding:16px 18px}.profileForm label{color:#66758a;gap:6px;margin-bottom:11px;font-size:10px;font-weight:700;display:grid}.profileForm input{color:#1d2a3e;border:1px solid #dce4ed;border-radius:9px;outline:0;height:38px;padding:0 11px;font-size:12px}.profileForm input:focus{border-color:#4f83d8;box-shadow:0 0 0 3px #4f83d818}.profileForm>div{justify-content:flex-end;gap:7px;margin-top:15px;display:flex}.profileForm button{color:#526176;background:#fff;border:1px solid #dbe3ec;border-radius:8px;height:35px;padding:0 14px;font-size:11px}.profileForm .save{color:#fff;background:#1f63cc;border-color:#1f63cc}.profileMessage{color:#2864ba;background:#edf5ff;border-radius:8px;margin:0 18px 13px;padding:9px 11px;font-size:10px;line-height:1.45}.profilePopover footer{border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;min-height:48px;padding:9px 16px;display:flex}.profilePopover footer span{color:#7a8796;align-items:center;gap:6px;font-size:9px;display:flex}.profilePopover footer i{background:#28aa70;border-radius:50%;width:6px;height:6px}.profilePopover footer button{color:#c14d55;background:0 0;border:0;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:700}.profilePopover footer button:hover{color:#a93740;background:#fff0f1}@keyframes profileIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@media (max-width:720px){.profileTrigger>span:nth-child(2),.profileTrigger>svg{display:none}.profilePopover{width:min(360px,100vw - 24px);position:fixed;top:64px;right:12px}}.profileActions em{float:right;color:#2b68bf;background:#e8f2ff;border-radius:5px;margin:1px 8px 0 0;padding:3px 6px;font-size:8px;font-style:normal;font-weight:800}.profileForm .save:disabled{opacity:.5;cursor:not-allowed}.passwordChangeForm{max-height:min(610px,100vh - 160px);overflow:auto}.passwordFormTitle{border-bottom:1px solid #edf1f5;align-items:center;gap:10px;padding-bottom:14px;justify-content:flex-start!important;margin:0 0 17px!important;display:flex!important}.passwordFormTitle>button{border-radius:50%;flex:0 0 32px;width:32px;padding:0}.passwordFormTitle span b,.passwordFormTitle span small{display:block}.passwordFormTitle span b{font-size:14px}.passwordFormTitle span small{color:#78869a;margin-top:4px;font-size:9px;font-weight:500}.passwordStrength{align-items:center;gap:10px;margin:-3px 0 10px;display:flex}.passwordStrength>span{flex:1;grid-template-columns:repeat(5,1fr);gap:3px;display:grid}.passwordStrength i{background:#dfe5ec;border-radius:3px;height:4px}.passwordStrength b{color:#8a96a6;text-align:right;min-width:60px;font-size:8px}.passwordStrength[data-score="1"] i:nth-child(-n+1),.passwordStrength[data-score="2"] i:nth-child(-n+2){background:#de6269}.passwordStrength[data-score="3"] i:nth-child(-n+3){background:#e8aa35}.passwordStrength[data-score="4"] i:nth-child(-n+4){background:#4b86dd}.passwordStrength[data-score="5"] i{background:#2baa72}.passwordStrength[data-score="3"] b{color:#b97b12}.passwordStrength[data-score="4"] b{color:#306fc7}.passwordStrength[data-score="5"] b{color:#23845c}.passwordRules{flex-wrap:wrap;justify-content:flex-start!important;gap:5px!important;margin:-2px 0 12px!important;display:flex!important}.passwordRules span{color:#909baa;background:#f1f3f6;border-radius:5px;padding:4px 6px;font-size:8px}.passwordRules span.ok{color:#25835c;background:#e8f6ef}.passwordSecurityNote{color:#62758f;background:#f3f8ff;border:1px solid #dce7f5;border-radius:8px;margin:13px 0 4px;padding:10px 11px;font-size:9px;line-height:1.55}.passwordSecurityNote b{color:#315f9b;margin-bottom:2px;font-size:9px;display:block}.personalProfile>.settingsCard{max-width:800px;margin-bottom:20px;padding:24px}.personalSignature{border:1px solid #dbe3ee;border-radius:10px;gap:12px;min-width:0;padding:16px;display:grid}.personalSignature legend{font-weight:700}.personalSignature p,.personalSignature small{color:#53657c;margin:0;font-size:12px}.personalSignature img{object-fit:contain;background:#fff;border:1px solid #dbe3ee;width:280px;max-width:100%;height:120px;display:block}.personalSignature input{max-width:100%}.content>header.appHeader{z-index:30}.profilePopover{overscroll-behavior:contain;scrollbar-width:thin;max-height:calc(100dvh - 90px);overflow-y:auto}.profileConnection{background:linear-gradient(135deg,#f7faff,#f8fbfa);border:1px solid #dfe8f2;border-radius:12px;margin:0 16px 16px;padding:13px}.profileConnectionHeading,.profileConnectionHeading>span{align-items:center;gap:7px;display:flex}.profileConnectionHeading{color:#426487;justify-content:space-between}.profileConnectionHeading b{font-size:11px}.profileConnection button{color:#607791;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;width:28px;height:28px;padding:0;display:grid}.profileConnection button:hover:not(:disabled){color:#2563b5;background:#e8f0fb}.profileConnection button:disabled{opacity:.4;cursor:default}.profileConnection button:focus-visible{outline-offset:2px;outline:2px solid #397bd6}.profileConnectionIp{color:#527cad;background:#fff;border:1px solid #e4ebf4;border-radius:9px;align-items:center;gap:10px;margin:8px 0 12px;padding:11px;display:flex}.profileConnectionIp>div{flex:1;min-width:0}.profileConnectionIp small{color:#7c8ba0;margin-bottom:4px;font-size:10px;display:block}.profileConnectionIp strong{color:#263e5b;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;font-size:14px;display:block}.profileConnection dl{gap:9px;margin:0;display:grid}.profileConnection dl>div{justify-content:space-between;gap:12px;display:flex}.profileConnection dt{color:#7c8899;align-items:center;gap:5px;font-size:10px;display:flex}.profileConnection dd{color:#43566e;text-align:right;margin:0;font-size:10px}.profileConnection p{color:#8491a2;margin:10px 0 0;font-size:9px;line-height:1.6}
.systemGuidePage{color:#203047;background:#f4f7fb;height:calc(100vh - 70px);padding:30px 34px 60px;overflow:auto}.systemGuidePage>*{max-width:1450px;margin-left:auto;margin-right:auto}.systemGuideHero{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;display:flex}.systemGuideEyebrow,.systemGuideHeading small,.systemGuideRoadmap small{color:#2670dc;letter-spacing:.14em;margin:0 0 7px;font-size:10px;font-weight:900}.systemGuideHero h1{letter-spacing:-.04em;margin:0 0 8px;font-size:28px}.systemGuideHero>div>span{color:#6f7d90;font-size:13px}.systemGuideMeta{background:#fff;border:1px solid #dce5ef;border-radius:10px;min-width:180px;padding:12px 14px}.systemGuideMeta span,.systemGuideMeta small{display:block}.systemGuideMeta span{color:#2b6e52;font-size:11px;font-weight:800}.systemGuideMeta i{background:#2db878;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.systemGuideMeta small{color:#8a96a6;margin-top:5px;font-size:9px}.systemGuideIntro{background:linear-gradient(120deg,#eef6ff,#f8fbff);border:1px solid #bad3f6;border-radius:12px;align-items:center;gap:14px;margin-bottom:16px;padding:16px 19px;display:flex}.systemGuideIntroIcon{color:#fff;background:#2d71da;border-radius:50%;flex:0 0 34px;place-items:center;height:34px;font-family:Georgia,serif;font-weight:900;display:grid}.systemGuideIntro b{font-size:12px}.systemGuideIntro p{color:#52647c;margin:5px 0 0;font-size:12px;line-height:1.65}.systemGuideIntro strong{color:#245faf}.systemGuideSection{background:#fff;border:1px solid #dfe6ef;border-radius:12px;margin-bottom:16px;overflow:hidden;box-shadow:0 5px 18px #17345408}.systemGuideHeading{border-bottom:1px solid #e8edf3;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:17px 21px;display:flex}.systemGuideHeading small{display:block}.systemGuideHeading h2{letter-spacing:-.02em;font-size:17px}.systemGuideHeading>p{color:#7b8798;margin:0;font-size:11px}.systemGuideHeading.compact{min-height:76px}.architectureFlow{grid-template-columns:minmax(150px,1fr) minmax(85px,.55fr) minmax(170px,1.1fr) minmax(85px,.55fr) minmax(180px,1.1fr) minmax(85px,.55fr) minmax(180px,1.1fr);align-items:stretch;padding:25px 21px 17px;display:grid}.architectureNode{background:#fbfcfe;border:1px solid #dce4ed;border-radius:11px;min-width:0;padding:18px}.architectureNode .nodeIcon{color:#42536a;background:#e8eef6;border-radius:10px;place-items:center;width:42px;height:42px;margin-bottom:17px;font-size:10px;font-weight:900;display:grid}.architectureNode>small{color:#8794a5;letter-spacing:.12em;font-size:8px;font-weight:900}.architectureNode h3{margin:5px 0 8px;font-size:15px}.architectureNode p{color:#718094;margin:0;font-size:10px;line-height:1.65}.architectureNode.awsNode{background:#f5f9ff;border-color:#c7d9f5}.awsNode .nodeIcon{color:#c26e05;background:#ffeed5}.architectureNode.gatewayNode{background:#f7faff;border-color:#c7dcf7}.gatewayNode .nodeIcon{color:#2764be;background:#dfeafe}.architectureNode.nasNode{background:#f5fbf8;border-color:#c9e3d7}.nasNode .nodeIcon{color:#25825b;background:#dff3e9}.architectureArrow{text-align:center;color:#6e7e91;flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex}.architectureArrow b{font-size:9px}.architectureArrow i{color:#2d70d8;margin:4px 0;font-size:25px;font-style:normal}.architectureArrow small{font-size:8px;line-height:1.3}.architectureNotes{gap:9px;padding:0 21px 21px;display:flex}.architectureNotes span{color:#68778a;background:#f4f7fa;border-radius:8px;flex:1;padding:10px 12px;font-size:10px}.architectureNotes b{color:#30435d;margin-right:6px}.requestTimeline{grid-template-columns:repeat(5,1fr);gap:0;padding:22px;display:grid}.requestTimeline article{gap:11px;padding:8px 17px 8px 9px;display:flex;position:relative}.requestTimeline article:not(:last-child):after{content:"";background:#e1e7ee;width:1px;position:absolute;top:13px;bottom:13px;right:0}.requestTimeline article>b{color:#2768cc;background:#e9f2ff;border-radius:8px;flex:0 0 29px;place-items:center;height:29px;font-size:9px;display:grid}.requestTimeline h3{margin:1px 0 7px;font-size:12px}.requestTimeline p{color:#748195;margin:0;font-size:10px;line-height:1.55}.systemGuideColumns{grid-template-columns:1.15fr .85fr;gap:16px;max-width:1450px;display:grid}.systemGuideColumns .systemGuideSection{margin:0}.responsibilityGrid{grid-template-columns:1fr 1fr;gap:12px;padding:18px;display:grid}.responsibilityGrid article{background:#fafbfd;border:1px solid #e0e6ed;border-radius:10px;padding:17px}.responsibilityGrid article>span{color:#2868c9;background:#e8f1ff;border-radius:6px;padding:4px 8px;font-size:9px;font-weight:900;display:inline-flex}.responsibilityGrid article:last-child>span{color:#27825c;background:#e2f5eb}.responsibilityGrid h3{margin:10px 0 11px;font-size:13px}.responsibilityGrid ul{color:#68768a;margin:0;padding-left:17px;font-size:10px;line-height:1.9}.securityList{counter-reset:none;margin:0;padding:10px 18px 18px;list-style:none}.securityList li{border-bottom:1px solid #edf1f5;grid-template-columns:105px 1fr;gap:11px;padding:11px 5px;display:grid}.securityList li:last-child{border:0}.securityList b{color:#30455f;font-size:10px}.securityList span{color:#758296;font-size:10px;line-height:1.5}.checkSequence{align-items:center;gap:10px;padding:22px;display:flex}.checkSequence article{background:#fafbfd;border:1px solid #e0e6ed;border-radius:10px;flex:1;min-width:0;padding:14px}.checkSequence article b{color:#fff;background:#2d70d8;border-radius:50%;place-items:center;width:21px;height:21px;margin-bottom:10px;font-size:8px;display:inline-grid}.checkSequence article span,.checkSequence article small{display:block}.checkSequence article span{font-size:11px;font-weight:800}.checkSequence article small{color:#8995a5;margin-top:5px;font-size:8px}.checkSequence>i{color:#9ba9ba;font-style:normal}.systemGuideRoadmap{color:#fff;background:#142c4b;border-radius:12px;justify-content:space-between;align-items:center;gap:25px;padding:22px 24px;display:flex}.systemGuideRoadmap h2{font-size:16px}.systemGuideRoadmap p{color:#9eb0c7;margin:7px 0 0;font-size:10px}.roadmapItems{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.roadmapItems span{color:#aebdd0;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:7px;padding:7px 10px;font-size:9px}.roadmapItems span.done{color:#fff;background:#2b65bb;border-color:#4d8bea}.shellCollapsed .systemGuidePage{padding-left:34px}@media (max-width:1200px){.architectureFlow{grid-template-columns:1fr 55px 1fr;gap:10px}.architectureFlow .architectureNode:nth-of-type(3){grid-column:1}.architectureFlow .architectureArrow:nth-of-type(3){grid-column:2}.architectureFlow .architectureNode:nth-of-type(4){grid-column:3}.architectureFlow .architectureArrow:nth-of-type(2){display:none}.requestTimeline{grid-template-columns:1fr 1fr}.requestTimeline article:not(:last-child):after{display:none}.systemGuideColumns{grid-template-columns:1fr}.checkSequence{flex-wrap:wrap}.checkSequence article{flex-basis:28%}.checkSequence>i{display:none}}@media (max-width:720px){.systemGuidePage{padding:20px 14px 40px}.systemGuideHero{flex-direction:column;align-items:flex-start}.systemGuideMeta{width:100%}.systemGuideHeading{flex-direction:column;align-items:flex-start}.architectureFlow{grid-template-columns:1fr}.architectureFlow .architectureNode,.architectureFlow .architectureArrow{grid-column:1!important}.architectureArrow{min-height:55px}.architectureArrow i{transform:rotate(90deg)}.architectureNotes,.responsibilityGrid,.requestTimeline{grid-template-columns:1fr;display:grid}.checkSequence article{flex-basis:100%}.systemGuideRoadmap{flex-direction:column;align-items:flex-start}.roadmapItems{justify-content:flex-start}.securityList li{grid-template-columns:1fr}}
.logsPage{grid-template-rows:auto auto minmax(0,1fr);gap:12px;height:calc(100vh - 70px);min-height:0;padding:20px 24px;display:grid}.logsPage>header{justify-content:space-between;align-items:end;display:flex}.logsPage header p{color:#2d6fcf;letter-spacing:.13em;margin:0 0 4px;font-size:10px;font-weight:800}.logsPage h1{margin:0 0 4px;font-size:23px}.logsPage header span{color:#748195;font-size:12px}.logsPage header button{color:#425267;background:#fff;border:1px solid #d5dde6;border-radius:7px;height:34px;padding:0 13px;font-size:12px}.logsFilters{background:#fff;border:1px solid #e0e5eb;border-radius:8px;gap:8px;padding:9px;display:flex}.logsFilters input,.logsFilters select{background:#fff;border:1px solid #d7dfe8;border-radius:6px;height:34px;padding:0 10px;font-size:12px}.logsFilters input{flex:1;min-width:300px}.logsFilters b{color:#687688;align-items:center;padding:0 8px;font-size:11px;display:flex}.logsTableWrap{background:#fff;border:1px solid #dfe5ec;border-radius:8px;min-height:0;overflow:auto}.logsTableWrap table{border-collapse:collapse;width:100%;font-size:12px}.logsTableWrap th{color:#5d6b7d;text-align:left;background:#f4f6f9;height:38px;padding:0 11px;position:sticky;top:0}.logsTableWrap td{text-overflow:ellipsis;white-space:nowrap;border-top:1px solid #edf0f4;max-width:360px;height:42px;padding:7px 11px;overflow:hidden}.logsTableWrap td b,.logsTableWrap td small{display:block}.logsTableWrap td small{color:#8994a2;font-size:9px}.logsTableWrap td i{color:#315e91;background:#eef3f9;border-radius:10px;padding:3px 7px;font-size:9px;font-style:normal;font-weight:700}.logsEmpty{text-align:center;color:#83909f;padding:60px}.logsMessage{color:#b43b44;background:#fff0f1;margin:0;padding:10px;font-size:12px}
.cablePage .sourceWindowHero{align-items:center;gap:28px}.sourceWindowHero>div{min-width:0}.sourceWindowHero p{color:#64748b;letter-spacing:0;max-width:760px;margin:8px 0 0;font-size:12px;font-weight:400;line-height:1.6}.sourceWindowHero p[role=status]{color:#334155}.sourceWindowHero .sourceWindowSave{color:#fff;min-width:300px;min-height:48px;font:inherit;white-space:nowrap;cursor:pointer;background:linear-gradient(#2d589c,#21457f);border:1px solid #244b8b;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:700;transition:background .15s,box-shadow .15s,transform .15s;display:inline-flex;box-shadow:0 3px 8px #16386b24,inset 0 1px #ffffff20}.sourceWindowHero .sourceWindowSaveLabel{color:inherit;margin:0}.sourceWindowSave svg{flex-shrink:0}.sourceWindowSaveArrow{opacity:.7;margin-left:6px}.sourceWindowHero .sourceWindowSave:hover:not(:disabled){background:linear-gradient(#3565ad,#28518f);box-shadow:0 5px 12px #16386b30}.sourceWindowHero .sourceWindowSave:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 4px #16386b24}.sourceWindowHero .sourceWindowSave:focus-visible{outline-offset:3px;outline:3px solid #93b9ea}.sourceWindowHero .sourceWindowSave:disabled{box-shadow:none;cursor:wait;background:#536d93;border-color:#536d93}.sourceWindowHero .sourceWindowSpinner{border:2px solid #ffffff50;border-top-color:#fff;border-radius:50%;width:17px;height:17px;margin:0;animation:.8s linear infinite sourceWindowSpin;display:block}@keyframes sourceWindowSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.sourceWindowHero .sourceWindowSave{transition:none}.sourceWindowHero .sourceWindowSpinner{animation:none}}
.cablePage{color:#172033;background:#f5f7fb;min-height:calc(100vh - 76px);padding:30px}.cableHero{justify-content:space-between;align-items:flex-end;margin-bottom:22px;display:flex}.cableHero p{color:#2646a0;letter-spacing:1.5px;margin:0 0 7px;font-size:12px;font-weight:800}.cableHero h1{letter-spacing:-1px;margin:0;font-size:30px}.cableHero span{color:#697386;margin-top:8px;display:block}.heroActions{gap:8px;display:flex}.heroActions button,.railButtons button,.cardTitle aside button{cursor:pointer;background:#fff;border:1px solid #dce2ec;border-radius:10px;padding:10px 14px;font-weight:700}.heroActions .primary{color:#fff;background:#163783;border-color:#163783}.metricStrip{background:#e2e7ef;border:1px solid #e2e7ef;border-radius:16px;grid-template-columns:repeat(4,minmax(140px,1fr)) auto;gap:1px;margin-bottom:18px;display:grid;overflow:hidden}.metricBox,.saveState{background:#fff;padding:15px 18px}.metricBox span{color:#7a8494;margin-bottom:5px;font-size:12px;display:block}.metricBox b{font-size:17px}.saveState{color:#637083;align-items:center;gap:8px;font-size:12px;display:flex}.saveState i{background:#21a565;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #def7e9}.cableWorkspace{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:18px;display:grid}.designRail{background:#fff;border:1px solid #e3e8f0;border-radius:16px;flex-direction:column;height:calc(100vh - 130px);padding:15px;display:flex;position:sticky;top:92px}.railHead{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.railHead span{color:#718096;font-size:12px}.designRail>input{border:1px solid #dce2ec;border-radius:10px;outline:none;padding:11px 12px}.designList{flex-direction:column;flex:1;gap:7px;margin:12px -5px;padding:0 5px;display:flex;overflow:auto}.designList button{text-align:left;cursor:pointer;background:#f7f8fb;border:1px solid #0000;border-radius:12px;padding:12px}.designList button.active{background:#eef3ff;border-color:#b8c8f1;box-shadow:inset 3px 0 #244ba5}.designList button span{justify-content:space-between;gap:7px;display:flex}.designList b{color:#173779;font-size:12px}.designList em{color:#68758a;text-transform:uppercase;font-size:10px;font-style:normal}.designList strong{margin:7px 0 4px;font-size:14px;display:block}.designList small{color:#788396;font-size:11px}.railButtons{grid-template-columns:1fr 1fr;gap:7px;display:grid}.railButtons .danger,.rowDelete{color:#d43a3a}.designMain{min-width:0}.designTabs{gap:5px;margin-bottom:12px;display:flex}.designTabs button{color:#667185;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 16px;font-weight:700}.designTabs button.on{color:#fff;background:#172f70}.designTabs span{color:#244ba5;background:#fff;border-radius:20px;margin-left:4px;padding:1px 6px}.designCard{background:#fff;border:1px solid #e3e8f0;border-radius:16px;margin-bottom:14px;overflow:hidden}.cardTitle{border-bottom:1px solid #edf0f5;align-items:center;gap:12px;padding:17px 19px;display:flex}.cardTitle>i{color:#244ba5;background:#eef3ff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:11px;font-style:normal;font-weight:800;display:grid}.cardTitle h2{margin:0;font-size:16px}.cardTitle p{color:#758094;margin:4px 0 0;font-size:12px}.cardTitle aside{margin-left:auto}.basicGrid{grid-template-columns:1.1fr .7fr 1.4fr 1.1fr;gap:12px;padding:17px;display:grid}.basicGrid label span{color:#667185;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.basicGrid label.wide{grid-column:1/-1}.basicGrid input,.basicGrid select{box-sizing:border-box;background:#fff;border:1px solid #dce2ec;border-radius:9px;width:100%;padding:10px}.designSplit{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:14px;display:grid}.engineeringTable{overflow-x:auto}.engineeringTable table,.materialSummary table{border-collapse:collapse;white-space:nowrap;width:100%}.engineeringTable th,.engineeringTable td,.materialSummary th,.materialSummary td{text-align:left;border-bottom:1px solid #edf0f5;padding:9px 7px;font-size:11px}.engineeringTable th,.materialSummary th{color:#657185;text-transform:uppercase;background:#f8fafc;font-size:10px}.engineeringTable input,.engineeringTable select{box-sizing:border-box;background:#fff;border:1px solid #dce2ec;border-radius:7px;width:92px;min-width:68px;padding:7px;font-size:11px}.engineeringTable td:nth-child(2) input{width:110px}.engineeringTable select.linked{background:#edfbf3;border-color:#62b889}.engineeringTable input.color{width:30px;min-width:30px;height:30px;padding:2px}.rowDelete{cursor:pointer;background:#fff;border:0;font-size:18px}.tableEmpty{text-align:center;color:#8791a1;padding:25px}.previewCard{position:sticky;top:92px}.previewCard svg{background:radial-gradient(circle,#fff 0,#f8fafc 70%);border-radius:50%;width:280px;max-width:90%;margin:15px auto;display:block}.previewLegend{flex-wrap:wrap;gap:7px;padding:0 18px 18px;display:flex}.previewLegend span{color:#657185;font-size:10px}.previewLegend i{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.materialSummary{min-height:450px}.materialSummary table{white-space:normal}.materialSummary td{padding:12px;font-size:12px}.materialSummary .ok,.materialSummary .pending{border-radius:20px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-block}.materialSummary .ok{color:#17834b;background:#e5f8ed}.materialSummary .pending{color:#a96100;background:#fff2dd}.cableToast{color:#fff;z-index:50;background:#18233c;border-radius:11px;padding:12px 14px;position:fixed;bottom:25px;right:25px;box-shadow:0 12px 35px #18233c55}.cableToast button{color:#fff;cursor:pointer;background:0 0;border:0;margin-left:15px}.cableLoading{padding:40px}.cablePage button:focus-visible,.cablePage input:focus,.cablePage select:focus{outline-offset:1px;outline:2px solid #8ba6eb}@media (max-width:1200px){.designSplit{grid-template-columns:1fr}.previewCard{position:static}.metricStrip{grid-template-columns:repeat(2,1fr)}.saveState{grid-column:1/-1}}@media (max-width:800px){.cablePage{padding:16px}.cableHero{flex-direction:column;align-items:flex-start;gap:15px}.cableWorkspace{grid-template-columns:1fr}.designRail{height:310px;position:static}.basicGrid,.metricStrip{grid-template-columns:1fr 1fr}}.cableEditScope{border:0;min-width:0;margin:0;padding:0}.cableEditScope:disabled{color:inherit}.cableLockNotice{background:#f8fafc;border:1px solid #d7e0eb;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;margin:0 0 12px;padding:11px 14px;display:flex}.cableLockNotice div{min-width:0}.cableLockNotice b,.cableLockNotice span{display:block}.cableLockNotice b{color:#334155;font-size:12px}.cableLockNotice span{color:#64748b;margin-top:3px;font-size:10px}.cableLockNotice.locked{background:#fff7f7;border-color:#f1c9c9}.cableLockNotice.locked b{color:#b4232d}.cableLockNotice.mine{background:#f0fbf5;border-color:#9fd3b7}.cableLockNotice.mine b{color:#187448}.cableLockNotice button{color:#fff;background:#2768c8;border:1px solid #2768c8;border-radius:8px;flex:none;padding:8px 13px;font-size:11px;font-weight:800}.cableLockNotice button.unlock{color:#475569;background:#fff;border-color:#cbd5e1}.cableLockNotice button:disabled{opacity:.45}.designPriceWarning{color:#915500;background:#fff8e8;border:1px solid #efc06d;border-radius:8px;margin:12px 18px;padding:10px 12px;font-size:12px;font-weight:700}.cableLockDialogBack{z-index:2200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a94;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.cableLockDialog{background:#fff;border:1px solid #d7e0ec;border-radius:16px;width:min(520px,100%);overflow:hidden;box-shadow:0 24px 80px #0f172a4d}.cableLockDialog>header{color:#fff;background:linear-gradient(135deg,#173f73,#245e9f);justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.cableLockDialog>header small{letter-spacing:.14em;opacity:.72;font-size:8px;font-weight:900}.cableLockDialog>header h2{margin:5px 0 0;font-size:19px}.cableLockDialog>header button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:24px}.cableLockDialog>div{padding:22px}.cableLockDialog>div b{color:#243b5a;font-size:14px;display:block}.cableLockDialog>div p{color:#637287;margin:10px 0;font-size:11px;line-height:1.7}.cableLockDialog>div span{color:#8b5d0b;background:#fff3d6;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:800;display:inline-flex}.cableLockDialog>footer{background:#f8fafc;border-top:1px solid #e5eaf1;justify-content:flex-end;gap:8px;padding:14px 22px;display:flex}.cableLockDialog>footer button{color:#455468;height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d4dde8;border-radius:8px;padding:0 14px;font-size:11px;font-weight:800}.cableLockDialog>footer button.primary{color:#fff;background:#2563eb;border-color:#2563eb}.cableLockDialog button:disabled{cursor:wait;opacity:.55}.cableHero .heroActions .productCodeManageButton{border-radius:12px;min-width:196px;min-height:56px;padding:16px 28px;font-size:17px;font-weight:800;box-shadow:0 5px 14px #1637832b}.cableHero .heroActions .productCodeManageButton:hover{background:#244fa7;box-shadow:0 6px 18px #16378340}.productLatestCable{background:#fff;border:1px solid #dce4ef;border-radius:14px;margin-top:20px;overflow:hidden}.productLatestCable>header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.productLatestCable h2{margin:0;font-size:18px}.productLatestCable>header p{color:#64748b;margin:6px 0 0;font-size:12px}.productLatestCable>header>b{color:#2456a0;background:#eaf2ff;border-radius:6px;padding:7px 12px;font-size:13px}.productLatestCable>p{color:#64748b;padding:24px}.latestCableDetail .libraryDetail{width:100%;max-width:none;max-height:none;box-shadow:none;border:0;border-radius:0;margin:0;overflow:visible}.latestCableDetail .libraryDetail>.finishedDetailLayout{align-items:start;grid-template-columns:minmax(0,1fr)!important}.latestCableDetail .detailAssemblyPreview{position:static}.latestCableDetail button{color:#28578e;cursor:pointer;background:#f7faff;border:1px solid #cad6e6;border-radius:7px;padding:8px 12px}.latestCableDetail .cablePitchSummary{padding:0 24px}.latestCableDetail .finishedDetailLayout>.detailAssemblyPreview{grid-column:1/-1}.latestCableDetail .assemblyPreview header{justify-content:space-between;align-items:center;gap:12px;display:flex}.latestCableDetail .assemblyPreview header button{white-space:nowrap;flex-shrink:0;width:auto;min-width:90px}.latestCableDetail .finishedDetailLayout>.detailInfo{grid-column:1/-1}.latestCableDetail .finishedDetailGrid .detailAssemblyPreview .assemblyPreview:not(.expanded){box-sizing:border-box;background:linear-gradient(120deg,#f0f7ff,#f8fbfd 60%);border:1px solid #cddfec;border-radius:12px;grid-template-columns:280px minmax(0,1fr);gap:14px 24px;padding:18px 20px}.latestCableDetail .detailAssemblyPreview .assemblyPreview>.assemblyPreviewHeader{border-bottom:1px solid #d8e5f0;padding-bottom:12px}.latestCableDetail .detailAssemblyPreview .assemblyPreviewHeader h3{color:#244e78}.latestCableDetail .finishedDetailGrid .detailAssemblyPreview .assemblyPreview>svg{background:#fff;border-radius:10px;grid-area:2/1;align-self:center;width:280px;height:280px;margin:0}.latestCableDetail .finishedDetailGrid .assemblyPreview:not(.expanded)>dl{grid-area:2/2;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin:0}.latestCableDetail .finishedDetailGrid .assemblyPreview:not(.expanded)>dl>.assemblyLayerStack{border-top:1px solid #cddfec;margin-top:8px;padding-top:12px}.latestCableDetail .finishedDetailGrid .assemblyLayerStack ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.latestCableDetail .assemblyLayerIdentity b,.latestCableDetail .assemblyLayerIdentity small{white-space:normal;overflow-wrap:anywhere}.latestCableDetail .detailDiagramActions{margin-top:10px}.latestCableDetail .finishedDetailGrid .detailInfo>h4{color:#254b72;background:#f0f6fc;border:1px solid #d8e5f0;border-left:4px solid #487cab;border-radius:8px;margin:8px 0 0;padding:11px 14px}.latestCableDetail .finishedDetailGrid .detailInfo>h4:not(:first-child){color:#28675e;background:#f0f8f6;border-color:#d4e7e3 #d4e7e3 #d4e7e3 #388c80}.latestCableDetail .finishedDetailGrid .detailInfo .detailInfoSummary{gap:0 24px;padding:4px 0}
.cableProductContext{background:linear-gradient(135deg,#f8faff,#eef4ff);border:1px solid #d9e2f1;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;margin:0 0 12px;padding:16px 18px;display:flex}.cableProductContext>div{gap:3px;display:grid}.cableProductContext small{letter-spacing:.12em;color:#3159a7;font-size:9px;font-weight:900}.cableProductContext b{color:#14254a;font-size:16px}.cableProductContext span{color:#69758a;font-size:11px}.cableProductContext label{gap:5px;min-width:min(480px,48%);display:grid}.cableProductContext label span{color:#34425b;font-weight:800}.cableProductContext select{color:#17233d;background:#fff;border:1px solid #cbd6e7;border-radius:9px;min-height:42px;padding:0 12px;font-weight:700}.cableWorkflow{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.cableWorkflow button{text-align:left;color:#536075;cursor:pointer;background:#fff;border:1px solid #dfe5ee;border-radius:12px;align-items:center;gap:11px;padding:11px 14px;display:flex}.cableWorkflow button.on{color:#fff;background:#17377e;border-color:#17377e}.cableWorkflow i{color:#244ba5;background:#eef3ff;border-radius:9px;place-items:center;width:31px;height:31px;font-size:10px;font-style:normal;font-weight:900;display:grid}.cableWorkflow button.on i{color:#fff;background:#fff2}.cableWorkflow span{font-weight:800}.cableWorkflow small{opacity:.75;margin-top:3px;font-weight:400;display:block}.engineeringTable .routeHint{color:#66758a;margin-top:4px;font-size:9px;display:block}@media (max-width:700px){.cableProductContext{flex-direction:column;align-items:stretch}.cableProductContext label{min-width:0}.cableWorkflow{grid-template-columns:1fr}.cableWorkflow small{display:none}}
.cableWorkflow button{min-width:0;padding:10px 11px}.cableWorkflow button span{min-width:0}.cableWorkflow button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:900px){.cableWorkflow{padding-bottom:4px;display:flex;overflow-x:auto}.cableWorkflow button{flex:0 0 180px}}@media (max-width:700px){.cableWorkflow{display:flex}.cableWorkflow button{flex-basis:155px}.cableWorkflow small{display:block}}.cableWorkflow{grid-template-columns:repeat(6,minmax(0,1fr));display:grid;overflow:visible}.cableWorkflow button{gap:7px;padding:10px 8px}.cableWorkflow button span{white-space:nowrap;font-size:12px}.cableWorkflow button small{display:none}
.cableWorkflow{grid-template-columns:repeat(5,minmax(0,1fr))}.codeSource{grid-template-columns:145px minmax(190px,1fr);gap:6px;display:grid}.basicGrid .codeSource select,.basicGrid .codeSource input{min-width:0}@media (max-width:1100px){.cableWorkflow{padding-bottom:4px;display:flex;overflow-x:auto}.cableWorkflow button{flex:0 0 180px}}@media (max-width:700px){.cableWorkflow{display:flex}.cableWorkflow button{flex-basis:155px}.codeSource{grid-template-columns:1fr}}
.productPickerTrigger{text-align:left;cursor:pointer;background:#fff;border:1px solid #cbd6e7;border-radius:10px;gap:3px;min-width:min(520px,52%);padding:11px 54px 11px 14px;display:grid;position:relative}.productPickerTrigger:hover{border-color:#7898d8;box-shadow:0 4px 14px #3159a715}.productPickerTrigger>span{font-weight:800;color:#718099!important;font-size:9px!important}.productPickerTrigger>b{font-size:14px}.productPickerTrigger>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;letter-spacing:0!important;color:#6b778a!important}.productPickerTrigger>i{color:#244ba5;background:#eef3ff;border-radius:6px;padding:5px 7px;font-size:10px;font-style:normal;font-weight:800;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.productPickerBack{z-index:200;background:#10182799;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.productPickerDialog{background:#fff;border-radius:17px;flex-direction:column;width:min(980px,96vw);height:min(760px,90vh);display:flex;overflow:hidden;box-shadow:0 25px 80px #10182755}.productPickerDialog>header{border-bottom:1px solid #e5eaf1;justify-content:space-between;padding:20px 22px 16px;display:flex}.productPickerDialog>header small{color:#3159a7;letter-spacing:.14em;font-size:9px;font-weight:900}.productPickerDialog h2{margin:4px 0 3px;font-size:22px}.productPickerDialog p{color:#738096;margin:0;font-size:11px}.productPickerDialog>header>button{color:#657185;cursor:pointer;background:0 0;border:0;align-self:flex-start;font-size:27px}.productPickerTools{grid-template-columns:minmax(0,1fr) 220px;gap:10px;padding:15px 22px 10px;display:grid}.productPickerTools label{gap:5px;display:grid}.productPickerTools label>span{color:#647187;font-size:10px;font-weight:800}.productPickerTools input,.productPickerTools select{box-sizing:border-box;background:#fff;border:1px solid #d4dce8;border-radius:9px;width:100%;height:42px;padding:0 12px}.productPickerTools input:focus,.productPickerTools select:focus{outline:2px solid #9ab0e6}.productPickerSummary{color:#6f7b8f;justify-content:space-between;align-items:center;padding:0 22px 10px;font-size:11px;display:flex}.productPickerSummary>div{align-items:center;gap:10px;display:flex}.productPickerSummary button{color:#2855a5;cursor:pointer;background:0 0;border:0;font-size:10px}.productPickerSummary button.productSelectionClear{color:#b4232d;background:#fff7f7;border:1px solid #efc6ca;border-radius:7px;padding:6px 9px;font-weight:800}.productPickerList{grid-template-columns:1fr 1fr;align-content:start;gap:8px;padding:0 22px 18px;display:grid;overflow:auto}.productPickerList>button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e0e5ed;border-radius:10px;grid-template-columns:1fr auto;gap:4px 12px;padding:12px;display:grid}.productPickerList>button:hover,.productPickerList>button.on{background:#f3f7ff;border-color:#8eaae1}.productPickerCode{align-items:center;gap:7px;display:flex}.productPickerCode b{color:#173e86;font-size:13px}.productPickerCode em{color:#667793;background:#edf2fb;border-radius:8px;padding:2px 5px;font-size:9px;font-style:normal}.productPickerList>button>strong{text-overflow:ellipsis;white-space:nowrap;grid-column:1;font-size:11px;overflow:hidden}.productPickerList>button>span:not(.productPickerCode){color:#536176;grid-area:1/2/3;align-self:center;font-size:10px}.productPickerList>button>small{color:#7a8698;grid-column:1/-1;font-size:9px}.productPickerEmpty{text-align:center;grid-column:1/-1;padding:90px 20px}.productPickerDialog>footer{border-top:1px solid #e5eaf1;justify-content:center;align-items:center;gap:12px;padding:12px;display:flex}.productPickerDialog>footer button{cursor:pointer;background:#fff;border:1px solid #d7dee9;border-radius:7px;padding:6px 12px}.productPickerDialog>footer button:disabled{opacity:.4}.productPickerDialog>footer span{font-size:11px}@media (max-width:700px){.productPickerTrigger{width:100%;min-width:0}.productPickerTools,.productPickerList{grid-template-columns:1fr}.productPickerDialog{height:94vh}.productPickerList>button>span:not(.productPickerCode){grid-area:auto/1}}
.cablePage :is(.engineeringTable,.materialSummary,.bomTable,.bomSnapshotHistory,.manufacturingTable,.materialPickerTable,.codePickerTable) table{border-collapse:collapse;border-spacing:0;font-variant-numeric:tabular-nums;width:100%}.cablePage :is(.engineeringTable,.materialSummary,.bomTable,.bomSnapshotHistory,.manufacturingTable,.materialPickerTable,.codePickerTable) :is(th,td){box-sizing:border-box;text-align:left;vertical-align:middle;border-bottom:1px solid #e7edf3;padding:10px 12px;line-height:1.4}.cablePage :is(.engineeringTable,.materialSummary,.bomTable,.bomSnapshotHistory,.manufacturingTable,.materialPickerTable,.codePickerTable) thead th{color:#526174;white-space:normal;background:#f3f6f9;font-size:10px;font-weight:750}.cablePage :is(.engineeringTable,.materialSummary,.bomTable,.bomSnapshotHistory,.manufacturingTable,.materialPickerTable,.codePickerTable) tbody tr{transition:background-color .12s}.cablePage :is(.engineeringTable,.materialSummary,.bomTable,.bomSnapshotHistory,.manufacturingTable,.materialPickerTable,.codePickerTable) tbody tr:hover{background-color:#f4f8fc}.cablePage :is(.engineeringTable,.materialSummary,.bomTable,.bomSnapshotHistory,.manufacturingTable,.materialPickerTable,.codePickerTable) :is(.number,.num){text-align:right;white-space:nowrap}.cablePage :is(.engineeringTable,.materialSummary,.bomTable,.bomSnapshotHistory,.manufacturingTable,.materialPickerTable,.codePickerTable) td :is(b,small){overflow-wrap:anywhere;max-width:100%}.cablePage .bomTable :is(th,td):nth-child(5),.cablePage .bomTable :is(th,td):nth-child(6),.cablePage .bomTable :is(th,td):nth-child(7),.cablePage .bomTable :is(th,td):nth-child(9),.cablePage .bomTable :is(th,td):nth-child(10),.cablePage .materialPickerTable :is(th,td):nth-child(8),.cablePage .materialPickerTable :is(th,td):nth-child(9),.cablePage .materialPickerTable :is(th,td):nth-child(11),.cablePage .processSpecificationCard :is(th,td):nth-child(6),.cablePage .processSpecificationCard :is(th,td):nth-child(7),.cablePage .processSpecificationCard :is(th,td):nth-child(8),.cablePage .processSpecificationCard :is(th,td):nth-child(10),.cablePage .processSpecificationCard :is(th,td):nth-child(11),.cablePage .processSpecificationCard :is(th,td):nth-child(12),.cablePage .qualityCompact :is(th,td):nth-child(3),.cablePage .qualityCompact :is(th,td):nth-child(4),.cablePage .qualityCompact :is(th,td):nth-child(5){text-align:right;white-space:nowrap}.cablePage .processSpecificationCard :is(th,td):first-child,.cablePage .processSpecificationCard :is(th,td):nth-child(2),.cablePage .qualityCompact :is(th,td):last-child{text-align:center}.cablePage :is(.materialPickerTable,.codePickerTable) tbody tr{cursor:pointer}.cablePage :is(.materialPickerTable,.codePickerTable) tbody tr:focus-visible{outline-offset:-2px;outline:2px solid #6689cf}@media (max-width:700px){.cablePage :is(.engineeringTable,.materialSummary,.bomTable,.bomSnapshotHistory,.manufacturingTable,.materialPickerTable,.codePickerTable) :is(th,td){padding:9px 10px}}
.processMaterialsPanel{color:#263d58;background:#fff;border:1px solid #dce5ef;border-radius:12px;min-width:0;margin:16px 0;overflow:hidden}.processMaterialsPanel .processMaterialsHeading{background:#f7f9fc;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.processMaterialsPanel .processMaterialsTitle{align-items:center;gap:11px;min-width:0;display:flex}.processMaterialsTitle>i{color:#3b6599;background:#edf3fc;border:1px solid #dbe6f4;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.processMaterialsPanel h4{flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:700;display:flex}.processMaterialsPanel h4>span{color:#557194;background:#e8eff9;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:500}.processMaterialsTitle p{color:#748397;margin:5px 0 0;font-size:11px;line-height:1.6}.processMaterialsPanel button{font:inherit;cursor:pointer;flex:none;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.processMaterialsPanel .processMaterialsSearch{color:#fff;background:#315f9a;border:1px solid #2b5792;border-radius:7px;min-height:35px;padding:8px 13px;box-shadow:0 1px 2px #18385712}.processMaterialsPanel .processMaterialsSearch:hover:not(:disabled){background:#234b80;border-color:#234b80}.processMaterialsPanel button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.processMaterialsOptions{background:#fff;border-top:1px solid #e5ebf3;border-bottom:1px solid #e5ebf3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 18px;display:flex}.processMaterialsPanel .processMaterialsOptions label{color:#51667f;cursor:pointer;align-items:center;gap:7px;margin:0;font-size:11px;display:flex}.processMaterialsPanel .processMaterialsOptions input{accent-color:#315f9a;width:14px;height:14px;margin:0}.processMaterialsOptions>span{color:#7f8b9c;font-size:10px;line-height:1.6}.processMaterialsList{padding:4px 18px 0}.processMaterialsList article{border-bottom:1px solid #edf1f6;grid-template-columns:28px minmax(0,1fr) 168px 65px;align-items:center;gap:13px;padding:14px 0;display:grid}.processMaterialsIndex{color:#91a0b2;font-variant-numeric:tabular-nums;align-self:start;padding-top:5px;font-size:11px}.processMaterialsIdentity{min-width:0}.processMaterialsIdentity small{color:#5379a6;overflow-wrap:anywhere;margin-bottom:4px;font-size:10px;font-weight:600;display:block}.processMaterialsIdentity b{overflow-wrap:anywhere;font-size:12px;line-height:1.5;display:block}.processMaterialsIdentity p{color:#7b8798;overflow-wrap:anywhere;margin:4px 0 0;font-size:11px;line-height:1.5}.processMaterialsPanel .processMaterialsQuantity{color:#6e8097;gap:6px;font-size:10px;display:grid}.processMaterialsQuantity>div{background:#fff;border:1px solid #d7e1ee;border-radius:7px;align-items:center;min-width:0;display:flex;overflow:hidden}.processMaterialsPanel .processMaterialsQuantity input{box-sizing:border-box;color:#263d58;text-align:right;font-variant-numeric:tabular-nums;background:0 0;border:0;width:100%;min-width:0;padding:9px 10px;font-size:12px}.processMaterialsQuantity>div>span{color:#6b7f98;background:#f7f9fc;border-left:1px solid #e5ebf3;flex:none;padding:8px 10px;font-size:11px}.processMaterialsQuantity>div:focus-within{outline-offset:1px;outline:2px solid #91b3e3}.processMaterialsPanel .processMaterialsQuantity input:focus{outline:none}.processMaterialsPanel .processMaterialsRemove{color:#79869a;background:#fff;border:1px solid #e0e5ed;border-radius:7px;min-height:32px;padding:7px 9px}.processMaterialsPanel .processMaterialsRemove:hover:not(:disabled){color:#b34c4c;background:#fff5f5;border-color:#eac7c7}.processMaterialsList footer{color:#8a96a6;padding:11px 0 13px;font-size:10px;line-height:1.6}.processMaterialsEmpty{color:#8b9bb0;text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px 18px;display:flex}.processMaterialsEmpty b{color:#667b95;font-size:12px;font-weight:600}.processMaterialsEmpty span{color:#8b98aa;font-size:11px;line-height:1.7}.processMaterialsEmpty.compact{padding:18px}.processMaterialsPanel button:focus-visible,.processMaterialsPanel input[type=checkbox]:focus-visible{outline-offset:3px;outline:2px solid #91b3e3}
.processConditionsTable{color:#284361;background:#fff;border:1px solid #d3dfef;border-radius:12px;margin:14px 0;overflow:hidden}.processConditionsTable>summary{cursor:pointer;background:linear-gradient(105deg,#edf4ff,#f4f8fc);justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;list-style:none;display:flex}.processConditionsTable>summary::-webkit-details-marker{display:none}.processConditionsTable summary>span{align-items:center;gap:14px;display:flex}.processConditionsTable summary b{font-size:14px}.processConditionsTable summary small{color:#7890aa;font-size:11px}.processConditionsTable summary em{color:#4875a8;font-size:11px;font-style:normal}.processConditionsTable[open]>summary{border-bottom:1px solid #dce5ef}.processConditionsBody{padding:12px 16px 16px}.processConditionsBody>p{color:#718399;margin:0 0 12px;font-size:11px;line-height:1.6}.processConditionsScroll{max-height:560px;overflow:auto}.processConditionsTable table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12px}.processConditionsTable th,.processConditionsTable td{text-align:left;vertical-align:middle;border-bottom:1px solid #e8edf4;padding:9px 10px}.processConditionsTable thead th{z-index:1;color:#617891;background:#f2f6fb;font-size:11px;position:sticky;top:0}.processConditionsTable thead th:first-child{width:50px}.processConditionsTable th small{color:#93a1b3;font-size:10px;font-weight:400;display:block}.processConditionsTable tbody th{overflow-wrap:anywhere;font-weight:600}.processConditionsTable td:first-child{color:#8b9bb0;font-size:11px}.processConditionsTable label{display:block}.processConditionsTable label small{color:#7a8ca2;margin-bottom:3px;font-size:10px;display:block}.processConditionsTable input{box-sizing:border-box;color:#254b78;text-align:right;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #d2deed;border-radius:6px;width:100%;min-width:0;height:33px;padding:6px 8px;font-size:12px}.processConditionsTable input:focus{outline-offset:1px;outline:2px solid #9abbe8}.processConditionsTable input:disabled{color:#7b8b9e;background:#f6f8fb}.processConditionNA{text-align:center;color:#acb7c5;display:block}.processConditionsTable tbody tr:hover{background:#fafcff}@media print{.processConditionsTable{display:none}}.processConditionsTable input[readonly]{color:#617891;cursor:default;background:#f2f6fb;border-color:#0000}.processConditionsTable table{min-width:850px}.processConditionsTable thead th:nth-child(2){width:22%}.processLossRateField input[readonly]{color:#617891;background:#f2f6fb}
.processDesign{grid-template-columns:230px minmax(0,1fr);gap:14px;display:grid}.processSheets,.processEditor>section,.processMetrics{background:#fff;border:1px solid #e2e7ef;border-radius:14px}.processSheets{height:calc(100vh - 205px);padding:11px;position:sticky;top:92px;overflow:auto}.processSheets header,.processSequence header{justify-content:space-between;align-items:center;padding:5px;display:flex}.processSheets header button,.processSequence header button{color:#fff;background:#17377e;border:0;border-radius:7px;padding:5px 8px}.processSheets>button{text-align:left;background:#f7f8fb;border:1px solid #0000;border-radius:9px;width:100%;margin-top:7px;padding:10px;display:block}.processSheets>button.on{background:#eef3ff;border-color:#b8c8f1}.processSheets span,.processSheets small{display:block}.processSheets span{margin:5px 0;font-weight:700}.processSheets small{color:#768296}.processMetrics{grid-template-columns:repeat(4,1fr);margin-bottom:12px;display:grid;overflow:hidden}.processMetrics div{border-right:1px solid #e7ebf1;padding:13px 16px}.processMetrics span{color:#748095;font-size:10px;display:block}.processMetrics b{margin-top:5px;display:block}.processBasic{margin-bottom:12px;padding:16px}.processBasic h3{margin:0 0 12px}.processGrid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.processGrid label span,.processRoute label span,.processFields label span,.processNotes span{color:#687488;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.processGrid input,.processGrid textarea,.processRoute select,.processFields input,.processNotes textarea{box-sizing:border-box;background:#fff;border:1px solid #dce2ea;border-radius:7px;width:100%;padding:8px}.processGrid .wide{grid-column:1/-1}.processWorkspace{grid-template-columns:200px minmax(0,1fr);min-height:480px;display:grid;overflow:hidden}.processSequence{border-right:1px solid #e4e8ee;padding:10px}.processSequence>button{text-align:left;background:#f7f8fb;border:0;border-radius:8px;align-items:center;gap:8px;width:100%;margin-top:6px;padding:8px;display:flex}.processSequence>button.on{color:#1d438e;background:#eaf1ff}.processSequence i{background:#fff;border-radius:7px;place-items:center;width:25px;height:25px;font-style:normal;display:grid}.processSequence span{display:block}.processSequence small{color:#728096;margin-top:2px;display:block}.processDetail{padding:16px}.processDetail>header{justify-content:space-between;display:flex}.processDetail h3{margin:4px 0 0}.processDetail .danger{background:#fff;border:1px solid #f0c4c4;border-radius:8px;padding:7px 10px}.processRoute{background:#f7f9fc;border-radius:10px;grid-template-columns:1fr 1fr 1fr;gap:9px;margin:13px 0;padding:12px;display:grid}.processFields{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.processFields label.check{flex-direction:column;display:flex}.processFields label.check input{width:18px;height:18px}.processNotes{margin-top:14px;display:block}.noProcess{color:#7b8799;place-items:center;display:grid}.processDesign input:focus,.processDesign select:focus,.processDesign textarea:focus{outline:2px solid #9ab0e6}@media (max-width:1100px){.processDesign{grid-template-columns:1fr}.processSheets{height:220px;position:static}.processGrid,.processFields{grid-template-columns:1fr 1fr}}@media (max-width:700px){.processWorkspace{grid-template-columns:1fr}.processSequence{border-bottom:1px solid #e4e8ee;border-right:0}.processRoute,.processGrid,.processFields,.processMetrics{grid-template-columns:1fr 1fr}}.processMaterialEditor{background:#fbfefc;border:1px solid #d7e3da;border-radius:12px;margin-top:14px;padding:14px}.processMaterialEditor>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.processMaterialEditor>header b,.processMaterialEditor>header span{display:block}.processMaterialEditor>header span{color:#718078;margin-top:3px;font-size:10px}.processMaterialExempt{align-items:center;gap:6px;font-size:11px!important;display:flex!important}.processMaterialExempt input{width:auto!important}.processMaterialAdd{gap:7px;margin-top:12px;display:flex}.processMaterialAdd select{flex:1}.processMaterialRows{gap:7px;margin-top:10px;display:grid}.processMaterialRows article{background:#fff;border:1px solid #e1e9e3;border-radius:8px;grid-template-columns:minmax(220px,1fr) 160px 55px 55px;align-items:end;gap:8px;padding:9px;display:grid}.processMaterialRows article span b,.processMaterialRows article span small{display:block}.processMaterialRows article span small{color:#7b8798;font-size:9px}.processMaterialRows article em{padding-bottom:9px;font-size:11px;font-style:normal}.processMaterialEditor>p{color:#9a5a08;margin:12px 0 0;font-size:11px}@media (max-width:800px){.processMaterialRows article{grid-template-columns:1fr}.processMaterialEditor>header,.processMaterialAdd{flex-direction:column;align-items:stretch}}
.processWorkspace{grid-template-columns:240px minmax(0,1fr)}.processSequence header>div small{color:#768296;margin-top:2px;font-size:10px;font-weight:400;display:block}.processInspectionAdd{gap:4px;margin:7px 0 10px;display:grid}.processInspectionAdd button{color:#24457f;text-align:left;background:#f7f9ff;border:1px dashed #b8c8e7;border-radius:7px;padding:6px;font-size:11px}.processSequenceRow{background:#f7f8fb;border:1px solid #0000;border-radius:8px;align-items:stretch;margin-top:6px;display:flex;overflow:hidden}.processSequenceRow.on{color:#1d438e;background:#eaf1ff;border-color:#c4d3f2}.processSequenceSelect{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;min-width:0;padding:8px;display:flex}.processSequenceSelect span{min-width:0}.processSequenceSelect b,.processSequenceSelect small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.processSequenceMove{border-left:1px solid #dfe5ef;grid-template-rows:1fr 1fr;margin:0!important;display:grid!important}.processSequenceMove button{color:#35517d;background:#fff;border:0;width:28px}.processSequenceMove button:hover:not(:disabled){background:#dce8ff}.processSequenceMove button:disabled{color:#bbc3cf}@media (max-width:700px){.processWorkspace{grid-template-columns:1fr}}.processSequenceRow>button[aria-label$=공정\ 메뉴]{color:#35517d;background:0 0;border:0;border-left:1px solid #dfe5ef;flex:0 0 26px;width:26px;padding:0}.processSequenceRow>button[aria-label$=공정\ 메뉴]:hover:not(:disabled){background:#dce8ff}.processSequence>header{gap:8px;padding:2px 0 8px}.processSequenceCount{color:#42618e;background:#edf2fa;border-radius:10px;margin-left:5px;padding:2px 7px;font-size:11px;font-style:normal;display:inline-block}.processSequence>button.processAddMain{color:#fff;white-space:nowrap;background:#17377e;justify-content:center;min-height:36px;margin:0;font-weight:700}.processSequence>button.processAddMain:hover:not(:disabled){background:#244c9d}.processSequence button:disabled{cursor:default;opacity:.5}.processSequence .processInspectionAdd{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:7px 0 12px}.processSequence .processInspectionAdd button{text-align:center;white-space:nowrap;padding:7px 3px;font-size:11px}.processSequence .processSubCount{color:#315fa1;font-weight:600}.processSequenceSelect i{flex-shrink:0}.processMasterRefresh{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:10px;display:flex}.processMasterRefresh span{color:#728096;font-size:12px}.processMasterRefresh button{color:#24457f;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #b8c8e7;border-radius:7px;padding:8px 12px}.processMasterRefresh button:disabled{opacity:.55;cursor:wait}.processCostTableWrap tfoot .processCostSubtotal{color:#53657d;background:#f7f9fc;font-weight:400}.processCostTableWrap tfoot .processCostSubtotal small{color:#7b8799;margin-top:3px;font-size:10px;font-weight:400;display:block}.processSequenceRow[draggable=true] .processSequenceSelect{cursor:grab}.processSequenceRow.isDragging{opacity:.45}.processSequenceRow.dropBefore{box-shadow:inset 0 3px #2563eb}.processSequenceRow.dropAfter{box-shadow:inset 0 -3px #2563eb}