.create-page .page-heading{margin-bottom:18px}
.create-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start}
.section-nav{background:var(--surface);padding:14px 0 12px}
.section-nav a{display:flex;align-items:center;height:38px;padding:0 32px;white-space:nowrap}
.section-nav a:hover{color:var(--link);background:#f5f8ff}
.create-card{background:var(--surface);min-width:0}
.create-body{padding:16px 16px 12px}
.authorization-section{height:147px;padding-top:12px;border-bottom:1px solid var(--border);scroll-margin-top:64px}
.authorization-section.basic-section{height:153px;padding-top:0}
.authorization-section h2{font-size:20px;line-height:30px;font-weight:600;margin:0}
.section-description{font-size:14px;line-height:22px;color:#26476b;margin:0;transform:translateY(2px)}
.application-field{margin-top:18px;width:670px;max-width:100%}
.application-field-label{font-size:14px;line-height:22px;margin-bottom:4px}
.application-field-label .required{color:#e3484b;margin-right:4px}
.application-picker{display:flex;align-items:center;justify-content:space-between;height:32px;border:1px solid #8c909f;border-radius:3px;padding:0 11px;background:var(--surface);color:#65748b}
.application-picker svg{width:12px;height:12px;color:#30333a}
.add-placeholder{width:100%;height:33px;margin-top:26px;background:var(--surface);border:1px dashed #d9d9d9;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;color:var(--text);font-size:14px;box-shadow:0 2px 0 #00000003}
.add-placeholder svg{width:14px;height:14px;color:#666}
.create-footer{height:57px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 16px}
@media(max-width:1600px){.authorization-section:not(.basic-section){height:auto;min-height:147px;padding-bottom:23px}.section-description{overflow-wrap:anywhere}}
@media(max-width:1250px){.create-layout{grid-template-columns:190px minmax(0,1fr)}.section-nav a{padding:0 24px}}
.application-select{position:relative}
.application-picker{list-style:none;cursor:pointer;gap:12px}
.application-picker::-webkit-details-marker{display:none}
.application-picker>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.application-picker:focus-visible,.application-select[open]>.application-picker{outline:none;border-color:#4265ff;box-shadow:0 0 0 2px #4265ff18}
.picker-search,.application-select[open] .picker-down{display:none}
.application-select[open] .picker-search{display:block}
.application-options{position:absolute;left:0;right:0;top:36px;z-index:10;max-height:264px;padding:4px;background:white;border-radius:4px;box-shadow:0 6px 18px #0002;overflow-y:scroll;scrollbar-gutter:stable;color:#303238;scrollbar-width:thin}
.application-option{display:block;width:100%;height:32px;border:0;border-radius:2px;background:white;text-align:left;padding:0 12px;font-size:15px;line-height:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#303238}
.application-option.highlighted,.application-option:hover,.application-option:focus-visible{background:#f0f0f0;outline:none}
.application-select.has-selection .application-picker{color:var(--text)}
.network-fields:empty{display:none}
.network-fields:not(:empty){display:flex;flex-direction:column;gap:8px;margin-top:18px}
.network-input-row{display:flex;align-items:center;gap:8px}
.network-input-row input{flex:1;min-width:0;height:32px;padding:0 11px;font-size:14px;line-height:30px;border:1px solid #8c909f;border-radius:3px;outline:none;background:white;color:var(--text)}
.network-delete{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid #f5222d;border-radius:3px;background:white;color:#d92323}
.network-delete svg{width:16px;height:16px}
#internal:has(.network-input-row){height:auto;min-height:179px;padding-bottom:23px}
.network-fields:not(:empty)+.add-placeholder{margin-top:8px}
.add-placeholder:focus{outline:none;border-color:#6c85ff;color:#597dff}
.add-placeholder:focus svg{color:inherit}
.authorization-heading{display:flex;align-items:center;gap:2px;height:30px}
.authorize-button{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:28px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--primary);cursor:pointer}
.authorize-button svg{width:18px;height:18px;stroke-width:1.6}
.authorize-button:hover,.authorize-button:focus-visible{background:#eaf1ff;outline:none}
.authorize-button:focus-visible{box-shadow:0 0 0 2px #2457c533}
.network-input-row{position:relative}
.network-input-row>.authorize-button{position:relative;width:32px;height:32px}
.authorization-count{position:absolute;right:-5px;top:-3px;min-width:14px;height:14px;border-radius:8px;background:var(--primary);color:#fff;font-size:10px;font-weight:400;line-height:14px;padding:0 3px;box-shadow:0 0 0 1px white}
.authorization-count[hidden]{display:none}
.authorization-dialog{width:960px;max-width:calc(100vw - 64px);max-height:calc(100vh - 64px);padding:0;border:0;border-radius:6px;background:#fff;color:var(--text);box-shadow:0 12px 48px #0003;overflow:auto}
.authorization-dialog::backdrop{background:#00000073}
.authorization-dialog-header{height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f0f0}
.authorization-dialog-header h2{margin:0;font-size:18px;font-weight:600;line-height:26px}
.authorization-dialog-header .icon-button{color:#8c8c8c}
.authorization-context{height:48px;margin:0 24px;display:flex;align-items:center;gap:12px;font-size:14px;white-space:nowrap;overflow:hidden}
.scope-label{color:#8c8c8c;flex-shrink:0}
#authorization-scope{overflow:hidden;text-overflow:ellipsis}
.authorization-picker{height:432px;display:grid;grid-template-columns:224px minmax(0,1fr);margin:0 24px 24px;border:1px solid #e5e5e5;border-radius:4px;overflow:hidden}
.department-panel{border-right:1px solid #e5e5e5;overflow:auto}
.picker-panel-heading{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #f0f0f0;gap:12px}
.picker-panel-heading h3{font-size:14px;font-weight:600;line-height:22px;margin:0}
.department-panel>.picker-panel-heading{height:48px}
.department-tree{padding:8px 8px 12px}
.department-node{height:32px;display:flex;align-items:center;gap:8px;padding:0 8px;border-radius:4px}
.department-node.active{background:#eaf1ff;color:var(--primary)}
.department-node.child{padding-left:28px}
.department-node button{flex:1;display:flex;align-items:center;gap:7px;height:30px;min-width:0;border:0;padding:0;background:transparent;text-align:left;font-size:14px;white-space:nowrap;color:inherit}
.department-node button svg{width:14px;height:14px;color:#8c8c8c}
.department-node .tree-caret{font-size:10px;color:#8c8c8c;width:12px;text-align:center}
.authorization-dialog input[type=checkbox]{appearance:none;display:inline-grid;place-content:center;width:16px;height:16px;margin:0;border:1px solid #c9cdd4;border-radius:3px;background:#fff;flex-shrink:0;cursor:pointer;vertical-align:middle}
.authorization-dialog input[type=checkbox]:checked,.authorization-dialog input[type=checkbox]:indeterminate{background:var(--primary);border-color:var(--primary)}
.authorization-dialog input[type=checkbox]:checked:after{content:"";display:block;width:7px;height:4px;border-left:1.6px solid white;border-bottom:1.6px solid white;transform:translateY(-1px) rotate(-45deg)}
.authorization-dialog input[type=checkbox]:indeterminate:after{content:"";display:block;width:8px;height:2px;background:white}
.authorization-dialog input[type=checkbox]:focus-visible{outline:2px solid #9eb6ff;outline-offset:2px}
.personnel-panel{min-width:0;overflow:hidden}
.personnel-total{font-size:12px;color:#8c8c8c;line-height:20px}
.personnel-search{width:200px;height:32px;border:1px solid #d9d9d9;border-radius:4px;display:flex;align-items:center;gap:8px;padding:0 10px}
.personnel-search svg{width:14px;height:14px;color:#b0b5bf}
.personnel-search input{width:100%;min-width:0;border:0;outline:none;height:28px;padding:0;background:white;font-size:14px;color:var(--text)}
.personnel-table-wrap{height:366px;overflow:auto}
.personnel-table{width:100%;min-width:0!important;border-collapse:collapse;table-layout:fixed;font-size:14px}
.personnel-table thead{position:sticky;top:0;z-index:1}
.personnel-table th{height:40px;padding:0 12px;font-size:12px;background:#fafafa;border-bottom:1px solid #f0f0f0;font-weight:500}
.personnel-table th:first-child,.personnel-table td:first-child{text-align:center;padding:0 10px}
.personnel-table th:after{display:none}
.personnel-table td{height:36px;padding:0 12px;border-bottom:1px solid #f0f0f0;font-size:14px}
.personnel-table tr.selected{background:#edf3ff}
.personnel-table .personnel-account{font-size:13px;color:#595959}
.personnel-table .personnel-department{font-size:13px;color:#595959}
.personnel-state{display:flex;align-items:center;gap:6px;font-size:12px;color:#595959}
.personnel-state:before{content:"";width:6px;height:6px;border-radius:50%;background:#52c41a;flex-shrink:0}
.personnel-empty{text-align:center!important;color:#8c8c8c;height:108px!important}
.authorization-dialog-footer{height:64px;border-top:1px solid #f0f0f0;padding:0 24px;display:flex;align-items:center;justify-content:space-between}
.authorization-summary{font-size:12px;color:#595959}
.authorization-summary b{font-weight:500;color:var(--primary);padding:0 2px}
.authorization-dialog-footer>div{display:flex;gap:8px}
@media(max-height:720px){.authorization-picker{height:320px}.personnel-table-wrap{height:254px}}
.personnel-expand{display:flex;align-items:center;gap:6px;height:30px;padding:0;border:0;background:transparent;color:var(--text);font-size:14px;white-space:nowrap}
.personnel-expand svg{width:10px;height:10px;color:#8c8c8c}
.personnel-expand.expanded svg{transform:rotate(90deg)}
.personnel-expand:hover,.personnel-expand:focus-visible{color:var(--primary)}
.terminal-count{padding:0;height:28px;border:0;background:transparent;color:var(--primary);font-size:13px;white-space:nowrap}
.personnel-table td.personnel-terminal-detail{height:auto;padding:12px 16px;text-align:left;white-space:normal;background:#f7f9fc}
.terminal-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;line-height:20px;color:#595959;margin-bottom:8px}
.terminal-example{font-size:12px;color:#8c8c8c}
.terminal-table{min-width:0!important;width:100%;border:1px solid #e9edf3;border-collapse:collapse;table-layout:fixed;background:white}
.terminal-table thead{position:static}
.terminal-table th,.terminal-table td{height:32px;padding:0 10px;font-size:12px;font-weight:400;white-space:nowrap;text-align:left!important;border-bottom:1px solid #edf0f5}
.terminal-table th{background:#f0f3f8;color:#595959}
.terminal-table th:first-child,.terminal-table td:first-child{padding:0 10px}
.terminal-state{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#595959}
.terminal-state:before{content:"";width:6px;height:6px;border-radius:50%;background:#52c41a}
.terminal-state.offline:before{background:#bfbfbf}
.terminal-table th.terminal-selection-cell,.terminal-table td.terminal-selection-cell{padding:0 8px;text-align:center!important}
.terminal-table tr.terminal-selected{background:#edf3ff}
.network-input-shell{display:flex;align-items:center;flex:1;min-width:0;height:32px;border:1px solid #8c909f;border-radius:3px;background:white;overflow:hidden}
.network-input-shell:focus-within{border-color:#4b6dff;box-shadow:0 0 0 2px #4265ff18}
.network-input-shell input{height:30px;min-width:0;border:0;outline:none;background:transparent}
.network-access-summary{flex-shrink:0;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:30px;border:0;background:transparent;font-size:12px;line-height:22px;color:#8c8c8c;padding:0 11px}
.network-access-summary.has-access{color:var(--primary);cursor:pointer}
.network-access-summary.has-access:hover{text-decoration:underline}
.network-access-summary:disabled{cursor:default}
.network-access-summary:focus-visible{outline:2px solid #8fabff;outline-offset:-3px;border-radius:3px}
.device-access-dialog{width:1040px}
.device-access-context{height:48px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 24px;font-size:14px}
.device-access-context>div{display:flex;align-items:center;gap:12px;min-width:0}
#device-access-scope{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.device-access-total{font-size:12px;color:#595959;white-space:nowrap}
.device-access-list{max-height:min(440px,calc(100vh - 260px));min-height:180px;margin:0 24px 24px;overflow:auto;border:1px solid #e5e5e5;border-radius:4px}
.device-access-table{min-width:900px;width:100%;border-collapse:collapse;table-layout:fixed}
.device-access-table thead{position:sticky;top:0;z-index:1}
.device-access-table th{height:40px;padding:0 12px;background:#fafafa;font-size:12px;font-weight:500;border-bottom:1px solid #f0f0f0}
.device-access-table th:after{display:none}
.device-access-table td{height:40px;padding:0 12px;font-size:13px;border-bottom:1px solid #f0f0f0}
.device-access-table .device-owner{vertical-align:middle;background:#fff;border-right:1px solid #f5f5f5}
.device-access-note{font-size:12px;color:#8c8c8c}
.edit-page #external:has(.network-input-row),.edit-page #accounts:has(.network-input-row){height:auto;min-height:147px;padding-bottom:23px}
.edit-notice{position:fixed;top:68px;left:50%;transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:6px;background:white;box-shadow:0 4px 20px #0002;font-size:14px;white-space:nowrap}
.edit-notice svg{width:16px;height:16px;color:var(--primary)}
.edit-notice[hidden],.edit-page .create-layout[hidden],.edit-not-found[hidden]{display:none}
.edit-not-found{padding:64px 24px;text-align:center;background:white;border-radius:6px}
.edit-not-found p{color:#8c8c8c;margin:12px 0 24px}