.app-tabs{display:flex;gap:24px;border-bottom:1px solid var(--color-border,#E5E6EB);margin-bottom:24px;overflow:auto}.app-tabs button{white-space:nowrap;border:0;border-bottom:2px solid transparent;background:none;padding:12px 0;color:#4E5969;font:inherit}.app-tabs button.current{color:#0F7868;border-color:#0F7868}.app-filter{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.app-filter input,.app-filter select,.app-form input,.app-form select{height:36px;border:1px solid #E5E6EB;border-radius:6px;padding:0 12px;font:inherit;max-width:100%}.app-filter input{width:260px}.app-form{display:grid;gap:16px}.app-form label{display:grid;gap:8px}.app-form .checks label{display:flex;align-items:center;gap:8px}.app-form input[type=checkbox]{height:16px;width:16px}.app-note{padding:12px 16px;background:#FFF7E8;color:#905000;margin-bottom:16px;border-left:3px solid #FF7D00;font-size:12px}.app-error{color:#E54848}.app-footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:16px}.app-footer button{min-width:32px;height:32px}.app-modal{width:520px;max-width:calc(100vw - 32px);border:0;border-radius:8px;padding:24px;max-height:90vh;overflow:auto;box-shadow:0 12px 40px #0002;color:#1D2129;font:14px Inter,'PingFang SC','Microsoft YaHei',sans-serif}.app-modal::backdrop{background:#0005}.app-modal h2{font-size:18px;margin:0 0 24px}.app-modal footer{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.app-pair{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.app-table{min-width:880px}.app-table input[type=number]{width:84px;height:36px;border:1px solid #E5E6EB;border-radius:6px;padding:8px}.app-table td{height:64px}.app-current{color:#0F7868;font-weight:600}

#app-switch{height:36px;min-width:180px;max-width:280px;border:1px solid #E5E6EB;border-radius:6px;background:white;padding:0 12px;font:inherit;color:#1D2129}#app-switch:focus-visible{outline:2px solid #36A893}#page-applications a{color:#0F7868}
.app-select{position:relative;min-width:0}
.app-select-native{position:absolute;width:1px;height:1px!important;opacity:0;pointer-events:none;padding:0!important}
.app-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:36px;padding:0 12px;border:1px solid var(--color-border,#E5E6EB);border-radius:6px;background:white;color:var(--color-text-primary,#1D2129);font:inherit;text-align:left}
.app-select-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-select svg{width:16px;height:16px;flex-shrink:0}
.app-select-trigger:focus-visible,.app-select-trigger[aria-expanded=true]{outline:none;border-color:var(--color-primary,#0F7868);box-shadow:0 0 0 3px #0F78681A}
.app-select-menu{position:relative;margin-top:6px;padding:8px;border:1px solid var(--color-border,#E5E6EB);border-radius:8px;background:white;box-shadow:0 8px 24px #0002}
.app-select-menu[hidden]{display:none}
.app-select-search{position:relative;margin-bottom:6px}
.app-select-search svg{position:absolute;top:10px;left:10px;color:var(--color-text-placeholder,#86909C)}
.app-select-search input{width:100%;padding-left:34px}
.app-select-options{max-height:240px;overflow:auto}
.app-select-options button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:40px;padding:8px 10px;border:0;border-radius:4px;background:white;color:var(--color-text-primary,#1D2129);font:inherit;text-align:left}
.app-select-options button span{overflow-wrap:anywhere}
.app-select-options button:hover,.app-select-options button:focus-visible{background:var(--color-background,#F7F8FA);outline:1px solid var(--color-primary,#0F7868);outline-offset:-1px}
.app-select-options button[aria-selected=true]{background:#E8F5F1;color:var(--color-primary,#0F7868)}
.app-select-empty{padding:16px;color:var(--color-text-placeholder,#86909C);text-align:center}
.app-loading{padding:24px;min-height:240px;color:var(--color-text-secondary,#4E5969)}
.app-skeleton{height:32px;margin-top:16px;background:var(--color-background,#F7F8FA);border-radius:4px}
.app-modal{padding:0;overflow:hidden}
.app-modal-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;border-bottom:1px solid var(--color-border,#E5E6EB)}
.app-modal-heading h2{margin:0}
.app-modal .app-form{gap:0;grid-template-rows:minmax(0,1fr) auto;max-height:calc(90vh - 85px)}
.app-modal-body{overflow:auto;min-height:0;padding:24px;display:grid;gap:16px}
.app-modal footer{margin:0;padding:16px 24px;border-top:1px solid var(--color-border,#E5E6EB);background:white}
.app-modal-body p,.app-modal-body h3{margin:0}
.app-modal .checks{max-height:400px;overflow:auto;border:1px solid var(--color-border,#E5E6EB);border-radius:6px}
.app-modal .checks label{padding:12px;border-bottom:1px solid var(--color-border,#E5E6EB);min-height:56px}
.app-modal .checks label:last-child{border-bottom:0}
.app-modal-body>label:has(>input[type=checkbox]){display:flex;align-items:flex-start;line-height:22px}
.app-modal-body>label>input[type=checkbox]{flex-shrink:0;margin-top:3px}
.app-modal .checks label:hover{background:var(--color-background,#F7F8FA)}
.app-modal input[type=search]{width:100%}
.app-picker-search{margin-bottom:12px}
.app-picker-search input:focus-visible,#page-applications input:focus-visible{outline:2px solid var(--color-secondary,#36A893);outline-offset:1px}
.app-modal .app-footer{padding:12px 0;flex-wrap:wrap}
.app-modal .app-footer [data-count]{margin-right:auto;color:var(--color-text-secondary,#4E5969)}
.app-modal .app-note{margin:0;color:var(--color-text-secondary,#4E5969)}
.app-legacy{padding-top:24px;border-top:1px solid var(--color-border,#E5E6EB);margin-top:16px}
.app-legacy .table-wrap{margin-top:16px}
.app-scope-list{padding:8px 0;max-height:160px;overflow:auto}
#page-applications summary{cursor:pointer;color:var(--color-primary,#0F7868)}
#page-applications tbody tr[hidden]{display:none}
.app-review{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;color:var(--color-text-secondary,#4E5969)}
.app-review strong{color:var(--color-text-primary,#1D2129);overflow-wrap:anywhere}
.app-diff pre{max-height:240px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;background:var(--color-background,#F7F8FA);padding:12px}
.app-modal [role=alert]:empty{display:none}
#page-applications .app-footer select{height:32px;border:1px solid var(--color-border,#E5E6EB);border-radius:6px;font:inherit;background:white;padding:0 8px}