.suite-surface{display:grid;gap:1.25rem;min-width:0}.suite-top,.suite-toolbar,.suite-profile-picker,.suite-callout{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.suite-top{padding-bottom:1rem;border-bottom:1px solid #283545}.suite-state{font-size:.875rem;color:#9eb6ce;background:#182738;padding:.5rem .75rem;border-radius:.5rem}.suite-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:1rem}.suite-card,.suite-stat{display:flex;flex-direction:column;gap:.75rem;background:linear-gradient(145deg,#152236,#101927);border:1px solid #2c3c51;border-radius:.85rem;padding:1.5rem;color:#e6eef6;text-decoration:none;min-width:0}.suite-card:hover{border-color:#4dd3d8}.suite-card strong,.suite-stat strong{font-size:1.8rem;letter-spacing:-.03em;overflow-wrap:anywhere}.suite-card p,.suite-card small,.suite-stat span,.suite-stat small{color:#a7bbce}.suite-card h2{font-size:1.1rem}.suite-tabs{display:flex;flex-wrap:wrap;gap:.5rem;padding:.6rem;background:#0d1826;border:1px solid #293b50;border-radius:.85rem}.suite-tabs button{border:1px solid transparent;background:transparent;color:#b4c5d6;border-radius:.5rem;padding:.7rem .9rem;font:inherit;font-size:.875rem;cursor:pointer}.suite-tabs button[aria-selected=true]{border-color:#33bfc9;background:#14323e;color:#dcffff}.suite-tabs small{margin-left:.4rem;color:#a7b6c8}.suite-toolbar{margin:1rem 0}.suite-toolbar h2{font-size:1.2rem}.suite-toolbar label,.suite-profile-picker label{display:grid;gap:.5rem}.suite-surface input,.suite-surface select,.suite-editor input,.suite-editor select,.suite-editor textarea{max-width:100%;font-size:1rem}.suite-surface th,.suite-surface td{font-size:.875rem}.suite-editor{width:min(900px,calc(100vw - 2rem));max-height:90dvh;padding:1.5rem;background:#111d2c;color:#edf5fd;border:1px solid #3a5269;border-radius:1rem}.suite-editor::backdrop{background:#040c16cc}.suite-editor .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.suite-editor label{display:grid;gap:.5rem;min-width:0;font-size:.95rem}.suite-editor fieldset{border:1px solid #35475c;padding:1rem;border-radius:.5rem;min-width:0}.suite-editor legend{padding:0 .5rem}.suite-editor .suite-checkbox{display:flex;align-items:center;gap:.5rem;line-height:1.7}.suite-checkbox input{width:1.1rem;height:1.1rem}.suite-line{display:flex;gap:.5rem;align-items:center;padding:.5rem 0}.suite-line input,.suite-line select{width:100%;min-width:0}.suite-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.suite-details div{border-bottom:1px solid #2b3b4e;padding:.75rem 0;min-width:0}.suite-details dt{color:#aabdd0;font-size:.875rem}.suite-details dd{margin:.5rem 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.suite-editor .file-button{position:relative;overflow:hidden;display:inline-flex}.file-button input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.suite-surface button:disabled,.suite-editor button:disabled{opacity:.45;cursor:not-allowed}.suite-surface :focus-visible,.suite-editor :focus-visible{outline:2px solid #4de2e4;outline-offset:3px}.suite-callout{padding:1rem;border-left:3px solid #3cc7d2;background:#132537}.suite-callout p{margin:0;max-width:48rem}.suite-profile-picker select{min-width:220px}.suite-editor .error{white-space:pre-wrap}.suite-editor .table-scroll{max-height:22rem;overflow:auto}.suite-editor td{font-size:.875rem}.suite-editor h3{margin-top:1.5rem}.suite-surface p{line-height:1.6}.suite-surface .context-note{font-size:.875rem}.sidebar{overflow-y:auto}.suite-nav-label{margin-top:1.5rem}
@media(max-width:650px){.suite-editor .form-grid,.suite-details{grid-template-columns:1fr}.suite-line{flex-wrap:wrap;border-bottom:1px solid #304157}.suite-line input,.suite-line select{flex:1 1 40%}.suite-editor{padding:1rem}.suite-toolbar .table-controls{flex-wrap:wrap}.suite-toolbar input{width:100%}.suite-top{align-items:flex-start}.suite-state{max-width:100%}}

.suite-surface>label{display:grid;gap:.5rem;max-width:38rem}.suite-surface>button{justify-self:start}.suite-editor #security-form{display:grid;gap:1rem}.suite-editor code{overflow-wrap:anywhere;user-select:all}.suite-editor #security-form button{min-height:44px}