.adminmain.flows-view{padding:24px;overflow:auto;background:#edf6fc66}.flows-view>header h1{font-size:25px;margin:7px 0;letter-spacing:-.6px;color:#345b79}.flows-view>header p,.flows-view .hint,.flows-view footer p{font-size:11px;color:#7691a7;line-height:1.7}.flows-view form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;align-items:start;margin-top:22px}.flow-card{padding:20px;border:1px solid white;border-radius:18px;background:#f8fcffbf;min-width:0}.flow-card h2{font-size:16px;color:#3e6889;margin:0 0 14px}.flow-card label{display:grid;gap:7px;margin:13px 0;font-size:11px;color:#6386a1}.flow-card input,.flow-card textarea,.flow-card select{width:100%;box-sizing:border-box;font:inherit;padding:9px;border:1px solid #c9deed;border-radius:9px;background:#fbfdff;color:#3d6482}.flow-card textarea{height:90px;min-height:70px;resize:vertical;line-height:1.7}.flow-card .flow-check{display:flex;gap:7px;align-items:center;white-space:nowrap}.flow-check input[type=checkbox]{width:15px;min-width:15px;accent-color:#5689af}.flow-days>div{display:grid;grid-template-columns:70px minmax(70px,1fr) 10px minmax(70px,1fr) 66px;gap:7px;align-items:center;border-top:1px solid #dae8f2;padding:7px 0;font-size:10px}.flow-days input{padding:6px;font-size:10px}.flow-days .flow-check{margin:0;font-size:9px}.flow-inline{display:grid;grid-template-columns:1fr 1fr;gap:12px}.flow-exception-inputs{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}.flow-exception-inputs label{flex:1;min-width:85px}.flow-card button,.flows-view footer button{font:inherit;font-size:11px;padding:8px 11px;border-radius:9px;border:1px solid #bed6e8;background:#edf5fc;color:#4e7898;height:auto;min-height:32px}.flow-exception-inputs button{margin-bottom:13px}.flow-exception-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid #dbe8f1;font-size:11px;color:#69869b}.flow-preview-message{font-size:12px;line-height:1.7;padding:12px;border:1px solid #c7daeb;background:#e4f0fb;border-radius:12px;white-space:pre-wrap;color:#496e8b}.flows-view footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 0}.flows-view footer .primary{background:#477fa8;color:white;border-color:#477fa8}.flow-preview-card{background:#e9f3f0b8}.flow-card:has([name="inactive.enabled"]){background:#fbf3e5b8}@media(max-width:1150px){.flows-view form{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.adminmain.flows-view{padding:16px}.flow-card{padding:15px}.flow-days>div{grid-template-columns:60px minmax(60px,1fr) 8px minmax(60px,1fr);gap:5px}.flow-days .flow-check{grid-column:2/5}.flows-view footer{align-items:flex-start;flex-direction:column}}
/* Flows own their layout; account-form sizing must never constrain this editor. */
.flows-view{container:flows / inline-size;min-width:0}.flows-view>header{padding:0 0 4px}.flows-view>header h1{font-size:23px;line-height:1.25;margin:7px 0 10px}.flows-view>header p{max-width:760px;margin:0}.flows-view>form,.access-dashboard .flows-view>form,.workspace-mode #access-panel.flows-view>form{width:100%;max-width:none;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:0;border:0;border-radius:0;background:transparent;margin:20px 0 0}.flows-view .flow-card{min-width:0;max-width:100%;padding:20px;overflow-wrap:anywhere}.flows-view .flow-card h2{font-size:15px;line-height:1.4;margin:0 0 16px}.flows-view .flow-card input,.flows-view .flow-card select,.flows-view .flow-card textarea{min-width:0;max-width:100%;height:auto;min-height:38px}.flows-view .flow-check{white-space:normal;line-height:1.5;align-items:flex-start;gap:9px}.flows-view .flow-check input[type=checkbox]{flex:0 0 15px;width:15px;height:15px;min-height:15px;padding:0;margin:1px 0 0}.flows-view .flow-days>div{grid-template-columns:minmax(64px,1fr) minmax(110px,1.15fr) 10px minmax(110px,1.15fr);gap:8px;padding:11px 0;min-width:0}.flows-view .flow-days>div>strong{font-size:11px}.flows-view .flow-days input[type=time]{font-size:12px;padding:7px;width:100%;min-width:0;min-height:38px}.flows-view .flow-days .flow-check{grid-column:2 / 5;margin:0;font-size:10px;align-items:center}.flows-view .flow-exception-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px}.flows-view .flow-exception-inputs label{min-width:0;margin:0;flex:initial}.flows-view .flow-exception-inputs label:first-child{grid-column:1/-1}.flows-view .flow-exception-inputs .flow-check{grid-column:1/-1;margin:3px 0}.flows-view .flow-exception-inputs button{grid-column:1/-1;justify-self:start;margin:2px 0 12px}.flows-view .flow-exception-row{min-width:0;flex-wrap:wrap}.flows-view .flow-exception-row span{min-width:0;overflow-wrap:anywhere}.flows-view .flow-inline{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.flows-view footer{min-width:0;padding:16px 0;border-top:1px solid #cbddea;flex-wrap:wrap}.flows-view footer p{flex:1;min-width:180px;margin:0}.flows-view footer button{flex-shrink:0;min-height:38px}.flows-view .flow-preview-card{background:#e8f4efc4}.flows-view .flow-card:nth-child(2){background:#f0edf9b3}.flows-view .flow-card:nth-child(3){background:#edf5ffb8}.flows-view .flow-card:nth-child(4){background:#e9f4f6b8}.flows-view .flow-card:has([name="inactive.enabled"]){background:#fff4dfb8}.flows-view .flow-card textarea{font-size:12px;line-height:1.7;min-height:90px}.flows-view .flow-card button:focus-visible{outline:2px solid #6c9ec0;outline-offset:3px}@container flows (min-width:1000px){.flows-view>form,.access-dashboard .flows-view>form,.workspace-mode #access-panel.flows-view>form{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}@container flows (max-width:420px){.flows-view .flow-card{padding:15px}.flows-view .flow-days>div{grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr);gap:6px}.flows-view .flow-days>div>strong{grid-column:1/-1}.flows-view .flow-days .flow-check{grid-column:1/-1}.flows-view .flow-inline{grid-template-columns:minmax(0,1fr)}}
