.environment-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .55rem;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.02em;border:1px solid transparent}.environment-badge.development{background:#eaf3ff;color:#1f5f9f;border-color:#c9def8}.environment-badge.staging{background:#fff4dc;color:#8c5b00;border-color:#f2d89f}.environment-badge.production{background:#ffe7eb;color:#a1253c;border-color:#f1bbc5}.target-type{display:inline-flex;align-items:center;gap:.42rem;font-weight:700}.target-type-icon{width:24px;height:24px;border-radius:7px;display:inline-grid;place-items:center;background:#eef3f8;color:#425466}.target-type-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

select{appearance:none;-webkit-appearance:none;padding-right:2.35rem!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%2346576d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .82rem center!important;background-size:11px 7px!important}.filter-field input,.filter-field select{min-height:38px;border:1px solid #d7dfeb;border-radius:10px;background-color:#fff;padding:.5rem .72rem;color:#24354e}.filter-bar{display:flex;align-items:end;gap:.65rem;flex-wrap:wrap;padding:.72rem .85rem;border-top:1px solid #edf1f6;border-bottom:1px solid #e4eaf2;background:#fbfcfe}.filter-field{display:flex;flex-direction:column;gap:.22rem;min-width:145px}.filter-field.search{min-width:240px;flex:1}.filter-field label{margin:0;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#6d7c90}.filter-summary{font-size:.76rem;color:#718096;margin-left:auto;padding-bottom:.55rem}

.compact-workspace,.infrastructure-workspace{padding-top:20px}.compact-topbar,.infrastructure-workspace>.topbar{margin-bottom:14px;align-items:center}.compact-topbar .eyebrow,.infrastructure-workspace>.topbar .eyebrow{margin-bottom:4px}.compact-topbar h1,.infrastructure-workspace>.topbar h1{font-size:26px;margin-bottom:3px}.compact-topbar .muted,.infrastructure-workspace>.topbar .muted{font-size:13px}.compact-workspace>.guide-banner,.infrastructure-workspace>.guide-banner{display:none}.compact-workspace>.management-card .card-header,.infrastructure-workspace>.management-card .card-header{display:none}.compact-workspace>.management-card,.compact-workspace>.embedded-card,.infrastructure-workspace>.management-card,.infrastructure-workspace>.embedded-card{border-radius:14px}.top-actions{gap:8px;flex-wrap:wrap}.top-actions>.primary,.top-actions>.secondary{min-height:40px;padding:9px 14px}.infrastructure-workspace .filter-bar{border-top:0}.infrastructure-workspace .management-card{margin-top:0!important}

.project-selector{display:flex;align-items:center;gap:9px;min-width:218px;max-width:280px;height:58px;padding:7px 10px;border:1px solid #d6dfeb;border-radius:13px;background:#fff;box-shadow:0 2px 8px rgba(35,55,85,.035)}.project-selector .project-avatar{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#eef3f8;color:#17325c;font-size:12px;font-weight:900}.project-selector .project-avatar img{width:100%;height:100%;object-fit:cover}.project-selector label{display:block;min-width:0;flex:1;margin:0}.project-selector label small{display:block;margin:0 0 1px;color:#718096;font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.project-selector select{height:25px;border:0!important;border-radius:0;padding:0 26px 0 0!important;box-shadow:none!important;background-color:transparent!important;background-position:right 2px center!important;color:#263a56;font-size:13px;font-weight:800;cursor:pointer}.project-selector select:focus{box-shadow:none!important}.top-actions .project-selector{margin-right:2px}

.modal-backdrop{padding:18px}.management-modal,.builder-modal{max-height:calc(100vh - 36px)!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable;border-radius:18px!important;clip-path:inset(0 round 18px);background:#fff}.management-modal::-webkit-scrollbar,.builder-modal::-webkit-scrollbar{width:10px}.management-modal::-webkit-scrollbar-track,.builder-modal::-webkit-scrollbar-track{margin:16px 0;background:transparent}.management-modal::-webkit-scrollbar-thumb,.builder-modal::-webkit-scrollbar-thumb{background:#b5bfcd;border:3px solid #fff;border-radius:999px}.management-modal .modal-header,.builder-modal .builder-modal-header{position:sticky;top:0;z-index:4;background:#fff;padding-top:1px}.management-modal .modal-actions,.builder-modal .modal-actions{position:sticky;bottom:0;z-index:4;margin-bottom:-1px;background:#fff;padding-top:14px;padding-bottom:1px}.access-modal{overflow-y:auto!important}

.management-card,.panel,.metric-card,.settings-hub-card,.project-card{border-color:#dce4ee!important;background:#fff!important;box-shadow:0 4px 16px rgba(32,53,84,.04)!important}.guide-banner.info{border-color:#cfe0f8;background:#f6f9ff}.badge.good{background:#eaf8f0!important;border-color:#b9e3cb!important;color:#08723d!important}.action-button{background:#fff}.action-button.run{background:#f4f8ff;border-color:#bfd3ff;color:#1955c5}.primary{background:#2459d6}.secondary{background:#fff}

.access-summary-grid{gap:12px!important;margin-bottom:14px!important}.access-summary-grid article{padding:14px 16px!important;min-height:0!important}.access-summary-grid article strong{margin:5px 0 2px!important}.access-users-panel{margin-top:0!important}

.settings-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:1rem}.settings-hub-card{display:flex;flex-direction:column;gap:.6rem;padding:1.1rem;border:1px solid #d9e0e7;border-radius:15px;text-decoration:none;color:inherit;transition:transform .14s ease,border-color .14s ease}.settings-hub-card:hover{transform:translateY(-1px);border-color:#9eb3c7}.settings-hub-icon{width:40px;height:40px;border-radius:11px;background:#eef3f8;display:grid;place-items:center}.settings-hub-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.settings-hub-card h2{font-size:1rem;margin:0}.settings-hub-card p{margin:0;color:#687482;font-size:.86rem;line-height:1.45}.scope-note{display:inline-flex;align-items:center;gap:.35rem;font-size:.74rem;color:#687482}.settings-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;color:#315fc5;text-decoration:none;font-size:12px;font-weight:800}.settings-back:hover{text-decoration:underline}.settings-global-back{position:fixed;left:267px;top:7px;z-index:60;display:inline-flex;align-items:center;padding:5px 8px;border-radius:7px;background:rgba(244,247,251,.96);color:#315fc5;text-decoration:none;font-size:11px;font-weight:800;box-shadow:0 1px 4px rgba(40,57,83,.06)}.settings-global-back:hover{background:#fff;text-decoration:none}

.profile-menu{position:relative}.profile-menu summary{list-style:none;display:flex;align-items:center;gap:8px;height:40px;padding:5px 9px 5px 6px;border:1px solid #d4dde9;border-radius:12px;background:#fff;cursor:pointer}.profile-menu summary::-webkit-details-marker{display:none}.profile-menu-avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#eaf1ff;color:#214f9b;font-size:11px;font-weight:900}.profile-menu-copy{display:grid;line-height:1.1}.profile-menu-copy strong{font-size:11px;color:#263a56}.profile-menu-copy small{margin-top:2px;color:#7b899b;font-size:9px}.profile-menu-panel{position:absolute;right:0;top:46px;z-index:30;width:210px;padding:6px;border:1px solid #d8e0eb;border-radius:12px;background:#fff;box-shadow:0 16px 38px rgba(31,49,76,.16)}.profile-menu-panel a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;color:#2d405d;text-decoration:none;font-size:12px;font-weight:700}.profile-menu-panel a:hover{background:#f4f7fb}.profile-menu-panel .danger-link{color:#a63b3b;border-top:1px solid #edf0f4;margin-top:4px;border-radius:0 0 8px 8px}

.profile-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px;align-items:start}.profile-grid .panel{padding:20px}.profile-grid .notification-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.profile-grid .notification-picker label{display:flex;align-items:center;gap:9px;margin:0;padding:12px;border:1px solid #e0e6ee;border-radius:10px;background:#fbfcfe}.profile-grid .notification-picker input{width:auto}.profile-grid .password-form{display:grid;gap:10px}.profile-grid .password-form button,.profile-grid .my-notification-form>button{width:max-content;margin-top:8px}

@media(max-width:900px){.top-actions{flex-wrap:wrap}.top-actions .project-selector{order:-1;width:100%;max-width:none}.filter-field,.filter-field.search{min-width:100%;width:100%}.filter-summary{margin-left:0}.project-selector{max-width:none}.compact-workspace,.infrastructure-workspace{padding-top:16px}.profile-grid{grid-template-columns:1fr}.settings-global-back{left:12px;top:8px}}