/* BoardFlow Patch 007 — section UI refresh. Styles are scoped to .workspace-ui. */
.workspace-ui{display:flex;flex-direction:column;gap:19px;color:#17253a}
.workspace-ui .workspace-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 30px;border-radius:21px;background:linear-gradient(115deg,#111e34 0%,#162b4f 65%,#214274 100%);color:#fff;box-shadow:0 16px 40px rgba(16,35,71,.14)}
.workspace-ui .workspace-hero:after{content:"";position:absolute;right:-85px;top:-145px;width:330px;height:330px;border-radius:50%;border:50px solid rgba(128,169,255,.07);pointer-events:none}
.workspace-ui .workspace-hero>*{position:relative;z-index:1}
.workspace-ui .workspace-eyebrow{display:block;margin:0 0 7px;color:#88b0ff;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.workspace-ui .workspace-hero h1{margin:0 0 8px;font-size:29px;line-height:1.18;letter-spacing:-.035em;color:#fff}
.workspace-ui .workspace-hero p{margin:0;color:#c5d1e4;font-size:13px;max-width:630px;line-height:1.65}
.workspace-ui .workspace-hero .btn{flex:none;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;padding:11px 16px;min-height:42px}
.workspace-ui .workspace-hero .btn.primary{background:#3268ef;border-color:#3268ef;box-shadow:0 8px 20px rgba(27,88,235,.28)}
.workspace-ui .workspace-hero .btn.danger{background:#fff2f4;color:#b42340;border-color:#ffcbd5}
.workspace-ui .workspace-hero .btn:hover{filter:brightness(1.08)}
.workspace-ui .workspace-hero-tag{display:inline-flex;padding:9px 13px;align-items:center;border:1px solid rgba(255,255,255,.2);border-radius:11px;background:rgba(255,255,255,.12);color:#e6edff;font-size:12px;font-weight:750;white-space:nowrap}
.workspace-ui .workspace-back{display:inline-flex;color:#c7d7f6;text-decoration:none;font-size:12px;font-weight:700;margin-bottom:15px}
.workspace-ui .workspace-back:hover{color:#fff}
.workspace-ui .workspace-notice{display:flex;align-items:flex-start;gap:12px;background:#edf4ff;border:1px solid #d7e6ff;border-radius:13px;padding:13px 16px;color:#46628e;font-size:12px;line-height:1.55}
.workspace-ui .workspace-notice:before{content:"i";flex:0 0 22px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#265dde;background:#dce9ff;font-style:normal;font-weight:850}
.workspace-ui .workspace-notice strong{color:#254676;white-space:nowrap}
.workspace-ui .workspace-notice span{min-width:0}
.workspace-ui>.grid2{display:grid;grid-template-columns:minmax(300px,.83fr) minmax(0,1.4fr);gap:19px;align-items:start}
.workspace-client-detail>.grid2{grid-template-columns:1fr 1fr}
.workspace-ui .card{border:1px solid #e0e8f3;border-radius:19px;background:#fff;box-shadow:0 9px 30px rgba(25,45,82,.045);padding:22px;min-width:0}
.workspace-ui .card>h2,.workspace-ui .section-head h2{font-size:17px;letter-spacing:-.02em;color:#172640;margin:0 0 17px}
.workspace-ui .section-head{margin-bottom:14px}
.workspace-ui .section-head h2{margin:0}
.workspace-ui .workspace-card-head{display:flex;align-items:center;gap:11px;margin-bottom:11px}
.workspace-ui .workspace-card-head h2{margin:0;font-size:17px}
.workspace-ui .workspace-card-head .workspace-eyebrow{margin-bottom:3px;color:#8c9bae}
.workspace-ui .workspace-card-icon{display:grid;place-items:center;width:41px;height:41px;flex:none;border-radius:12px;background:#edf3ff;color:#245eea;font-size:24px}
.workspace-ui .grid2.equal{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.workspace-ui .grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.workspace-ui label{font-size:12px;font-weight:750;color:#50617a;gap:7px}
.workspace-ui label .hint{display:inline;font-size:11px;font-weight:400;color:#8493aa}
.workspace-ui input,.workspace-ui textarea,.workspace-ui select{border-color:#d9e1ed;border-radius:10px;padding:11px 12px;background:#fcfdff;color:#233550;font-size:13px;line-height:1.4;max-width:100%;min-width:0;transition:border-color .15s,box-shadow .15s}
.workspace-ui input:focus,.workspace-ui textarea:focus,.workspace-ui select:focus{outline:0;border-color:#7fa5ff;box-shadow:0 0 0 3px rgba(67,114,238,.12);background:#fff}
.workspace-ui input[type="file"]{padding:9px;background:#f8faff}
.workspace-ui select[multiple]{min-height:110px}
.workspace-ui .btn{border-radius:10px;padding:10px 14px;min-height:38px;font-size:12px;font-weight:800;transition:.15s ease;text-align:center}
.workspace-ui .btn.primary{background:#285fe6;border-color:#285fe6;color:#fff;box-shadow:0 6px 14px rgba(39,94,230,.13)}
.workspace-ui .btn.primary:hover{background:#1d50d5;border-color:#1d50d5}
.workspace-ui .btn:not(.primary):not(.danger):hover{border-color:#b7cae9;color:#1d4fd4}
.workspace-ui .btn.danger{background:#fff4f4;border-color:#ffd0d7;color:#b32745}
.workspace-ui .btn.small{padding:7px 10px;min-height:30px;font-size:11px}
.workspace-ui .stack{gap:13px}
.workspace-ui hr{border-top-color:#e8eef6;margin:5px 0}
.workspace-ui .muted{color:#8290a4;line-height:1.55}
.workspace-ui .filterbar{grid-template-columns:minmax(160px,1fr) minmax(145px,170px) auto auto;gap:10px;margin-bottom:0;padding:14px;background:#fff;border:1px solid #e2e9f3;border-radius:15px;box-shadow:0 4px 15px rgba(25,45,82,.025)}
.workspace-boards .filterbar{grid-template-columns:minmax(170px,1fr) auto auto}
.workspace-ui .filterbar .btn{height:100%}
.workspace-ui .table-wrap{border:1px solid #e7edf5;border-radius:13px;overflow-x:auto}
.workspace-ui table{min-width:580px}
.workspace-ui th{background:#f7f9fd;padding:13px 12px;font-size:10px;letter-spacing:.07em;color:#728198;border-bottom:1px solid #e5eaf2}
.workspace-ui td{padding:13px 12px;font-size:12px;line-height:1.5;color:#354760;border-bottom:1px solid #edf1f7}
.workspace-ui td strong{color:#1b2c48}
.workspace-ui tbody tr:hover{background:#fafcff}
.workspace-ui td a:not(.btn){color:#2259d9;font-weight:650;text-decoration:none}
.workspace-ui td a:not(.btn):hover{text-decoration:underline}
.workspace-ui .badge{padding:6px 9px;border-radius:8px;background:#eef2fb;color:#5b6c83;font-size:10px;letter-spacing:.025em;font-weight:850}
.workspace-ui .badge.ok,.workspace-ui .badge.status-published{color:#0b8558;background:#e8f8f0}
.workspace-ui .badge.off,.workspace-ui .badge.status-deleted,.workspace-ui .badge.status-paused{color:#708094;background:#eff2f7}
.workspace-ui .badge.status-failed{background:#fff0f2;color:#c22b4b}
.workspace-ui .badge.status-processing,.workspace-ui .badge.status-renewing{background:#eaf1ff;color:#285ed2}
.workspace-ui .badge.status-needs_verification,.workspace-ui .badge.status-expired{background:#fff3dc;color:#98631b}
.workspace-ui .badge.status-pending,.workspace-ui .badge.status-scheduled{background:#edf3ff;color:#355dc3}
.workspace-ui .board-item{border:1px solid #e8edf6;border-radius:12px;padding:0;margin:0 0 9px;overflow:hidden;background:#fff;transition:border-color .15s}
.workspace-ui .board-item:hover{border-color:#cad9f6}
.workspace-ui .board-item summary{min-height:64px;padding:13px 14px;gap:11px;cursor:pointer}
.workspace-ui .board-item summary:after{content:"⌄";font-size:18px;color:#7890b0;flex:none;margin-left:4px}
.workspace-ui .board-item[open] summary{border-bottom:1px solid #eaf0f7;background:#fbfcff}
.workspace-ui .board-item[open] summary:after{transform:rotate(180deg)}
.workspace-ui .board-item summary strong{color:#1b2c48;font-size:13px}
.workspace-ui .board-item summary small{color:#8694aa;font-size:11px}
.workspace-ui .board-item .board-edit{padding:16px 15px}
.workspace-ui .board-item .toggle-row{padding:0 15px 15px}
.workspace-ui .board-item form[onsubmit]{padding:0 15px 14px}
.workspace-ui .board-item .actions{gap:8px}
.workspace-ui .empty{border:1px dashed #d6e1f0;border-radius:13px;background:#f9fbff;padding:22px 14px;text-align:center;color:#8391a5;font-size:12px}
.workspace-ui .stats{gap:14px;margin-bottom:0}
.workspace-ui .stat{min-height:124px;justify-content:center;border-radius:17px;background:linear-gradient(180deg,#fff,#fcfdff)}
.workspace-ui .stat span{font-size:12px;font-weight:700;color:#72819a}
.workspace-ui .stat strong{font-size:27px;color:#1a2a43}
.workspace-ui .stat small{font-size:11px}
.workspace-ui .compact-stats span{line-height:1.35}
.workspace-ui .list-row{padding:14px 0}
.workspace-ui .list-row strong{font-size:13px}
.workspace-ui .list-row small{font-size:11px}
.workspace-ui .workspace-thumbnail{width:82px;height:82px;object-fit:cover;border-radius:12px;border:1px solid #e4eaf3}
.workspace-ui .workspace-thumbnail:hover{outline:2px solid #8caeff}
.workspace-publications>.card,.workspace-events>.card{padding:18px}
.workspace-publications .table-wrap,.workspace-events .table-wrap{border:1px solid #e7edf5}
.workspace-publications table{min-width:970px}
.workspace-publications td form{min-width:190px}
.workspace-ui .workspace-hero form{margin:0}
.workspace-ui .workspace-hero .workspace-back{margin:0 0 12px}
.workspace-ui:focus-within .workspace-hero{outline-offset:0}
.workspace-ui .card .stack>button.btn.primary{align-self:flex-start}
.workspace-ui .card .stack>form>.btn.primary{align-self:flex-start}
.workspace-ui .card>p{font-size:13px;line-height:1.65;color:#6b7b92}
.workspace-ui .alert{font-size:13px;border-radius:13px}
.workspace-connector>.card{max-width:930px}
.workspace-ui .card .section-head .badge{margin-left:auto}
@media(max-width:1050px){.workspace-ui>.grid2,.workspace-client-detail>.grid2{grid-template-columns:1fr}.workspace-ui .stats.stats4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.workspace-ui{gap:14px}.workspace-ui .workspace-hero{padding:22px 19px;border-radius:17px;flex-direction:column;align-items:stretch}.workspace-ui .workspace-hero h1{font-size:25px}.workspace-ui .workspace-hero .btn,.workspace-ui .workspace-hero form{width:100%}.workspace-ui .workspace-hero .btn{display:flex;justify-content:center}.workspace-ui .workspace-notice{flex-wrap:wrap;gap:8px}.workspace-ui .workspace-notice strong{white-space:normal}.workspace-ui .filterbar,.workspace-boards .filterbar{grid-template-columns:1fr;padding:12px}.workspace-ui>.grid2,.workspace-ui .grid2.equal,.workspace-ui .grid3,.workspace-ui .stats.stats4{grid-template-columns:1fr}.workspace-ui .card{padding:17px;border-radius:15px}.workspace-ui .workspace-card-head{align-items:flex-start}.workspace-ui .board-item summary{padding:12px}.workspace-ui .board-item summary small{line-height:1.5}.workspace-ui .workspace-hero-tag{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.workspace-ui *{transition:none!important}}