/* VF commerce and delivery workspace. Shares the mother brand palette. */
.vf-checkout{width:min(940px,calc(100% - 28px));max-height:90dvh;border:1px solid #dce1e7;border-radius:25px;padding:0;color:#1b1d22;background:#fff;box-shadow:0 32px 120px #0004}.vf-checkout::backdrop{background:#16191f99;backdrop-filter:blur(5px)}.vf-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:20px 26px;border-bottom:1px solid #e7eaef;position:sticky;top:0;background:#fff;z-index:1}.vf-dialog-close{border:0;border-radius:50%;width:36px;height:36px;background:#f2f4f7;font-size:25px}.vf-checkout-body{padding:28px}.vf-steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.vf-steps span{padding:6px 12px;border-radius:30px;background:#f2f4f7;color:#646974;font-size:11px}.vf-steps .active{background:#1b1d22;color:#fff}.vf-checkout h2{font-size:30px;margin-bottom:12px}.vf-checkout h3{font-size:17px}.vf-checkout p{font-size:13px}.vf-checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:26px;margin-top:24px}.vf-receipt{background:#f3f5f7;border:1px solid #e1e5eb;border-radius:18px;padding:22px;align-self:start}.vf-receipt>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;font-size:12px}.vf-receipt>div.total{border-top:1px solid #d5dbe2;margin-top:10px;font-size:19px;font-weight:750}.vf-receipt small{display:block;color:#646974;font-size:11px;margin:12px 0}.vf-option{display:flex;gap:12px;padding:17px;border:1px solid #dce1e7;border-radius:14px;margin:12px 0;cursor:pointer}.vf-option:has(input:checked){border-color:#00b2b1;background:#f0fbfb}.vf-option input{accent-color:#00767d;width:18px;height:18px;flex-shrink:0;margin-top:3px}.vf-option b{display:block;font-size:14px}.vf-option p{font-size:12px;margin-top:6px}.vf-option small{font-size:11px;color:#00767d}.vf-dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:25px;flex-wrap:wrap}.vf-call-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px}.vf-call-slots label{border:1px solid #dce1e7;border-radius:11px;padding:12px;font-size:12px;cursor:pointer}.vf-call-slots label:has(input:checked){border-color:#00b2b1;background:#eafafa}.vf-call-slots input{accent-color:#00767d;margin-right:6px}.vf-note{padding:14px 17px;background:#f2f4f7;border-left:3px solid #00b2b1;border-radius:8px;font-size:12px;margin:16px 0;color:#646974}.vf-error{color:#a52727!important;font-size:13px!important;min-height:1.4em;margin-top:13px!important}.vf-muted{font-size:12px;color:#646974}.vf-workspace{padding-bottom:40px}.vf-workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px;flex-wrap:wrap}.vf-role-tabs{display:flex;gap:5px;padding:5px;background:#f2f4f7;border-radius:12px}.vf-role-tabs button{border:0;border-radius:9px;padding:9px 15px;font-size:12px;background:none;color:#646974}.vf-role-tabs button.active{background:#1b1d22;color:#fff}.vf-demo-label{border:1px solid #b6e5e7;background:#edfafa;border-radius:12px;padding:13px 17px;font-size:12px;color:#305b62;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:10px}.vf-demo-label button{border:0;background:none;text-decoration:underline;font-size:11px}.vf-workspace-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px}.vf-order-nav{align-self:start;position:sticky;top:108px}.vf-order-nav>p{font-size:11px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:12px}.vf-order-link{display:block;text-align:left;width:100%;border:1px solid #e0e4e9;background:white;border-radius:13px;padding:16px;margin-bottom:10px;font:inherit;cursor:pointer}.vf-order-link.active{border-color:#00b2b1;box-shadow:inset 3px 0 #00b2b1}.vf-order-link b{display:block;font-size:13px;line-height:1.4}.vf-order-link small{display:block;font-size:10px;color:#646974;margin-top:9px}.vf-workspace-main{min-width:0}.vf-project-hero{border-radius:22px;background:#1b1d22;color:#fff;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.vf-project-hero h2{font-size:29px;color:#fff;margin:9px 0}.vf-project-hero p{font-size:12px;color:#c3cbd2}.vf-project-hero .eyebrow{color:#00d0ce}.vf-project-id{color:#00d0ce;font-size:13px;white-space:nowrap}.vf-progress{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin:22px 0}.vf-progress>div{border-top:3px solid #e3e7ec;padding-top:10px;color:#858b94;font-size:10px;line-height:1.5}.vf-progress>div.done{border-color:#00b2b1;color:#1b1d22}.vf-progress b{display:block;font-size:11px;margin-bottom:3px}.vf-project-columns{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.vf-panel{background:white;border:1px solid #dde2e8;border-radius:18px;padding:23px;margin-bottom:20px;min-width:0}.vf-panel h3{font-size:19px;margin-bottom:15px}.vf-panel p{font-size:12px;line-height:1.7}.vf-panel .actions{margin-top:17px;gap:8px}.vf-panel label{display:block;font-size:12px;font-weight:600;margin:14px 0}.vf-panel input:not([type=checkbox]),.vf-panel select,.vf-panel textarea{display:block;box-sizing:border-box;width:100%;border:1px solid #d5dce3;background:#fafbfc;border-radius:10px;padding:11px;margin-top:7px;font-size:13px;color:#1b1d22;resize:vertical}.vf-panel textarea{min-height:90px}.vf-panel label small{display:block;font-size:11px;font-weight:400;color:#646974;margin-top:5px}.vf-panel .btn{font-size:11px;min-height:40px;padding:10px 13px}.vf-panel dl{font-size:12px;margin:0}.vf-panel dt{color:#646974;margin-top:15px}.vf-panel dd{margin:4px 0 0;font-weight:600}.vf-preview{position:relative;background:#f3f5f7;overflow:hidden;border-radius:13px;border:1px solid #e0e4e9;margin-bottom:14px}.vf-preview img{width:100%;height:auto}.vf-preview-caption{font-size:10px;background:#f2f4f7;padding:10px 12px;color:#646974}.vf-empty-preview{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(at 50% 0,#d7f3f3,#f7f8fa 70%);border-radius:13px;padding:25px;text-align:center}.vf-empty-preview b{font-size:17px;margin-bottom:9px}.vf-message{padding:14px 16px;background:#f4f6f8;border-radius:12px;margin-bottom:12px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.vf-message.admin{background:#ecfafa}.vf-message small{display:block;color:#646974;font-size:10px;margin-bottom:5px;white-space:normal}.vf-form-nav{display:flex;justify-content:space-between;margin-top:20px}.vf-brief-progress{height:5px;border-radius:5px;background:#e7ebf0;overflow:hidden;margin:18px 0}.vf-brief-progress i{display:block;height:100%;background:#00b2b1}.vf-brief-answer{padding:12px 0;border-bottom:1px solid #edf0f3;white-space:pre-wrap;overflow-wrap:anywhere}.vf-brief-answer b{display:block;font-size:12px;margin-bottom:5px}.vf-brief-answer p{font-size:12px}.vf-panel details summary{font-size:12px;cursor:pointer;font-weight:600}.vf-slot-list{max-height:200px;overflow:auto;margin-top:12px}.vf-slot-list p{padding:8px 0;border-bottom:1px solid #e5e9ee;font-size:11px}.vf-saved-status{font-size:11px;color:#00767d}.vf-empty-workspace{text-align:center;padding:45px 20px;border:1px solid #dfe4ea;border-radius:20px;background:#f6f8fa}.vf-empty-workspace h2{margin-bottom:13px}.vf-empty-workspace .actions{justify-content:center;margin-top:20px}.vf-call-time{font-size:23px!important;color:#1b1d22!important;line-height:1.4!important;margin:10px 0}.vf-split-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vf-brief-count{font-size:11px;color:#00767d}.vf-unchecked-consent{display:flex;gap:9px;align-items:flex-start;font-size:12px;margin-top:20px}.vf-unchecked-consent input{accent-color:#00767d;margin-top:4px}.vf-mobile-account{display:block}.account-entry .icon{width:20px;height:20px}
@media(max-width:1100px){.vf-project-columns{grid-template-columns:minmax(0,1fr) 245px}.vf-workspace-layout{grid-template-columns:190px minmax(0,1fr)}.vf-panel{padding:18px}}
@media(max-width:800px){.vf-workspace-layout{grid-template-columns:1fr}.vf-order-nav{position:static;display:flex;gap:9px;overflow:auto}.vf-order-nav>p{display:none}.vf-order-link{min-width:190px}.vf-project-columns{grid-template-columns:1fr}.vf-project-aside{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}.vf-checkout-grid{grid-template-columns:1fr}.vf-progress{gap:5px}.vf-progress>div{font-size:9px}.vf-progress b{font-size:10px}.vf-project-hero h2{font-size:25px}.vf-project-id{display:none}}
@media(max-width:500px){.vf-checkout{width:calc(100% - 16px);max-height:94dvh;border-radius:18px}.vf-dialog-head{padding:15px 17px}.vf-checkout-body{padding:20px 17px}.vf-checkout h2{font-size:25px}.vf-project-aside{display:block}.vf-project-hero{padding:22px}.vf-project-hero h2{font-size:23px}.vf-progress{grid-template-columns:repeat(4,minmax(0,1fr))}.vf-role-tabs button{padding:9px 12px}.vf-panel{padding:18px}.vf-demo-label{font-size:11px}.vf-call-slots{grid-template-columns:1fr 1fr}.vf-receipt{padding:18px}.vf-steps span{font-size:10px;padding:5px 9px}.vf-split-form{grid-template-columns:1fr}.header-actions{gap:10px}}