23 lines
3.4 KiB
CSS
23 lines
3.4 KiB
CSS
.policy-orchestration { margin-top: var(--legacy-space-6); padding-top: var(--legacy-space-5); border-top: var(--border-hair) solid var(--line); }
|
|
.policy-profile-editor { margin-top: var(--legacy-space-3); border: var(--border-hair) solid var(--line); background: var(--panel); }
|
|
.policy-profile-editor > summary { padding: var(--legacy-space-3); color: var(--heading); font-weight: var(--ui-strong-weight); cursor: pointer; }
|
|
.policy-profile-editor form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--legacy-space-3); padding: var(--legacy-space-3); border-top: var(--border-hair) solid var(--line); }
|
|
.policy-profile-editor label { display: grid; gap: var(--legacy-space-1); color: var(--heading); font-size: var(--ui-control-size); }
|
|
.policy-profile-editor label > span { color: var(--muted); font-size: var(--ui-small-size); }
|
|
.policy-profile-editor fieldset { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--legacy-space-3); margin: 0; padding: var(--legacy-space-3); border: var(--border-hair) solid var(--line); }
|
|
.policy-profile-editor legend { padding-inline: var(--legacy-space-1); color: var(--muted); font-size: var(--ui-label-size); font-weight: var(--ui-label-weight); letter-spacing: var(--ui-label-tracking); text-transform: uppercase; }
|
|
.policy-profile-editor .policy-profile-product-toggle { display: flex; grid-column: 1 / -1; grid-template-columns: auto 1fr; align-items: center; }
|
|
.policy-profile-editor footer { display: flex; grid-column: 1 / -1; justify-content: flex-end; }
|
|
.policy-action-stages { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--segment-gap); margin-top: var(--legacy-space-4); padding: var(--segment-inset); border: var(--border-hair) solid var(--segment-border); border-radius: var(--segment-radius); background: var(--segment-surface); }
|
|
.policy-action-stages > section { min-width: 0; padding: var(--legacy-space-3); overflow: hidden; border: var(--border-hair) solid var(--tile-border); border-radius: var(--tile-radius); background: var(--tile-surface); box-shadow: var(--tile-card-shadow); }
|
|
.policy-action-stages h4 { margin: 0 0 var(--legacy-space-2); color: var(--heading); font-size: var(--ui-body-size); }
|
|
.policy-action-stages section > p { margin: 0; color: var(--muted); font-size: var(--ui-control-size); }
|
|
.policy-action-stages article { display: flex; align-items: center; justify-content: space-between; gap: var(--legacy-space-3); padding: var(--legacy-space-2) 0; border-top: var(--border-hair) solid var(--line); }
|
|
.policy-action-stages article > div { display: grid; gap: var(--legacy-space-1); min-width: 0; color: var(--muted); font-size: var(--ui-small-size); }
|
|
.policy-action-stages article strong { color: var(--heading); font-size: var(--ui-control-size); }
|
|
.policy-action-stages article code { overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; }
|
|
.policy-action-reasons { display: flex; flex-wrap: wrap; gap: var(--legacy-space-1); }
|
|
.policy-action-reasons code { color: var(--warning); white-space: normal; overflow-wrap: anywhere; }
|
|
@media (max-width: 1000px) { .policy-action-stages { grid-template-columns: 1fr; } .policy-profile-editor fieldset { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
|
|
@media (max-width: 620px) { .policy-profile-editor form, .policy-profile-editor fieldset { grid-template-columns: 1fr; } }
|