79 lines
6.5 KiB
CSS
79 lines
6.5 KiB
CSS
/* Stream S6: Settings › Organizations. Uses the Settings tokens and controls
|
||
from shell.css (.settings-content panels, 44px controls, focus rings). */
|
||
.org-admin .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
|
||
.org-admin h4{font-size:14px;font-weight:700;margin:0 0 8px;color:var(--strong)}
|
||
.org-help{display:block;font-size:13px;color:var(--muted);margin:4px 0 0}
|
||
.org-field-err{display:block;font-size:13px;color:var(--danger);margin:4px 0 0}
|
||
.org-field-err code,.org-errors code,.org-verb code{overflow-wrap:anywhere}
|
||
.org-start-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
|
||
.org-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;align-items:center}
|
||
.org-inline label{grid-column:1/-1;font-size:14px;font-weight:600;color:var(--strong)}
|
||
.org-inline input,.org-inline select{width:100%}
|
||
.org-inline .org-help{grid-column:1/-1;grid-row:3}
|
||
.settings-content .org-admin button.org-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}
|
||
.settings-content .org-admin button:disabled{opacity:.55;cursor:not-allowed}
|
||
.org-banner{margin:0 0 16px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--text);font-size:14px}
|
||
.org-banner.err{border-color:color-mix(in srgb,var(--danger) 50%,var(--line));background:color-mix(in srgb,var(--danger) 8%,var(--surface))}
|
||
.org-banner.warn{border-color:color-mix(in srgb,var(--warning) 50%,var(--line));background:color-mix(in srgb,var(--warning) 9%,var(--surface))}
|
||
.org-banner.ok{border-color:color-mix(in srgb,var(--success) 45%,var(--line));background:color-mix(in srgb,var(--success) 8%,var(--surface))}
|
||
.org-editor-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;margin:8px 0 12px}
|
||
.settings-content .org-editor-head h3{font-size:16px;margin:0;color:var(--strong)}
|
||
.org-verb{font-size:13px;color:var(--muted);margin:0}
|
||
.org-errors{margin:0 0 16px;padding:12px 16px;border:2px solid var(--danger);border-radius:var(--r);background:color-mix(in srgb,var(--danger) 6%,var(--surface))}
|
||
.org-errors:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
|
||
.org-errors h4{color:var(--danger)}
|
||
.org-errors ul{margin:0;padding-left:18px}
|
||
.org-errors li{margin:4px 0}
|
||
.org-errors a{color:var(--text)}
|
||
.org-errors a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
|
||
.org-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
|
||
.settings-content .org-columns .panel{margin:0}
|
||
.org-form fieldset{margin:16px 0 0}
|
||
.org-field{display:flex;flex-direction:column;gap:4px;margin:0 0 12px;min-width:0}
|
||
.org-field label{font-size:14px;font-weight:500;color:var(--text)}
|
||
.org-field input,.org-field select{width:100%}
|
||
.org-field input[readonly]{background:var(--raised);color:var(--muted)}
|
||
.org-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:0 12px;align-items:start;padding:12px 0 0;border-top:1px solid var(--line)}
|
||
.org-row[data-project]{grid-template-columns:minmax(0,1fr) auto}
|
||
.settings-content .org-row .org-remove{margin-top:26px;background:var(--surface);color:var(--text);border-color:var(--border)}
|
||
.org-list>button{margin-top:4px}
|
||
.org-json{position:sticky;top:12px}
|
||
.org-json label{display:block;margin:0 0 8px}
|
||
.org-json-title{display:block;font-size:14px;font-weight:700;color:var(--strong)}
|
||
.settings-content .org-json textarea{display:block;width:100%;min-height:420px;resize:vertical;font-family:var(--mono);font-size:12.5px;line-height:1.5;tab-size:2;white-space:pre}
|
||
.org-save-row{margin:16px 0}
|
||
.org-pre{margin:8px 0 0;padding:12px;max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--canvas);white-space:pre-wrap;overflow-wrap:anywhere}
|
||
.settings-content .org-receipt h3{margin:0 0 4px}
|
||
.org-receipt p{margin:0;font-size:13px;color:var(--muted)}
|
||
.org-setup>h3{font-size:16px;margin:24px 0 4px;color:var(--strong)}
|
||
.org-steps{list-style:none;margin:12px 0 0;padding:0}
|
||
.org-step{border-left:3px solid var(--line)}
|
||
.org-step-done{border-left-color:var(--success)}
|
||
.org-step-warn{border-left-color:var(--warning)}
|
||
.org-step-todo{border-left-color:var(--action)}
|
||
.org-step-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
|
||
.org-step-head h4{margin:0;font-size:15px}
|
||
.org-step-head h4:focus{outline:none}
|
||
.org-step-head h4:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
|
||
.org-step-n{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:6px;border-radius:50%;background:var(--raised);color:var(--strong);font-size:12px;font-weight:700}
|
||
.org-step-done .org-step-n{background:var(--success);color:var(--surface)}
|
||
.org-pill{font-size:12px;font-weight:600;line-height:18px;padding:1px 8px;border-radius:999px;background:var(--raised);color:var(--muted);white-space:nowrap}
|
||
.org-pill.done{background:color-mix(in srgb,var(--success) 16%,var(--surface));color:var(--success)}
|
||
.org-pill.warn{background:color-mix(in srgb,var(--warning) 18%,var(--surface));color:var(--warning)}
|
||
.org-pill.todo{background:color-mix(in srgb,var(--action) 13%,var(--surface));color:var(--strong)}
|
||
.org-step .org-verb{margin:8px 0 0}
|
||
.org-step details{margin:8px 0 0}
|
||
.settings-content .org-step summary{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px}
|
||
.org-git{margin:12px 0 0}
|
||
.org-git>label{display:flex;align-items:center;gap:8px;min-height:44px}
|
||
.settings-content .org-git label.org-risk{display:flex;align-items:flex-start;gap:8px;padding:10px 0;min-height:44px}
|
||
.org-risk input{margin-top:3px}
|
||
.settings-content .org-risk input[aria-invalid=true]{outline:2px solid var(--danger);outline-offset:2px}
|
||
.org-remote{display:flex;flex-direction:column;gap:4px;margin:4px 0 8px;max-width:420px}
|
||
.org-git[disabled]{opacity:.6}
|
||
.org-step .settings-actions{margin-top:8px}
|
||
@media(max-width:959px){.org-columns{grid-template-columns:minmax(0,1fr)}.org-json{position:static}.settings-content .org-json textarea{min-height:280px}}
|
||
@media(max-width:759px){.org-start-row{grid-template-columns:minmax(0,1fr);gap:16px}.org-row{grid-template-columns:minmax(0,1fr) auto}.org-row .org-field:nth-child(2){grid-column:1/2}.org-row .org-remove{grid-column:2;grid-row:1}.settings-content .org-admin .settings-actions button{flex:1}}
|
||
|
||
.org-quick-risk{display:flex;align-items:flex-start;gap:8px;margin:12px 0;line-height:1.5}.org-quick-risk input{margin-top:4px}.settings-content .org-path-actions button{display:inline-flex;align-items:center;justify-content:center}
|