/* Logical-pixel UI, scaled as a single illustration by demo-kit. */
.dv-window{position:absolute;left:24px;top:24px;width:992px;height:608px;border:1px solid #CBD5CF;border-radius:12px;background:#FAFAF9;overflow:hidden;box-shadow:0 18px 36px -24px #142F2366;font:14px/1.45 'DM Sans',sans-serif;color:#111827}
.dv-chrome{height:34px;display:flex;align-items:center;justify-content:center;background:#F2F4F2;border-bottom:1px solid #E1E6E2;color:#6B7280;font-size:10px}.dv-dots{position:absolute;left:14px;display:flex;gap:6px}.dv-dots i{width:7px;height:7px;border-radius:50%;background:#C2CAC4}.dv-url{padding:2px 60px;border:1px solid #E1E6E2;border-radius:5px;background:#FAFBFA}
.dv-side{position:absolute;top:34px;bottom:0;left:0;width:144px;padding:24px 12px;background:#fff;border-right:1px solid #E5E7EB}.dv-side>img{height:28px;width:auto;margin:0 12px 28px}.dv-nav{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:4px;border-radius:7px;color:#6B7280;font-size:12px}.dv-nav svg{width:16px;height:16px;flex:none}.dv-nav.is-on{background:#F0FDF4;color:#16A34A}.dv-side-bottom{position:absolute;bottom:20px;left:12px;right:12px;border-top:1px solid #E5E7EB;padding-top:12px}
.dv-main{position:absolute;inset:34px 0 0 144px;padding:24px}.dv-main h3,.dv-modal h3{font-size:22px;line-height:1.25;margin:0;color:#111827;font-weight:700}.dv-main h4{font-size:15px;line-height:1.4;margin:0 0 12px;font-weight:600}.dv-main p,.dv-modal p{font-size:12px;line-height:1.5;color:#6B7280;margin:8px 0 16px}.dv-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dv-heading h3{font-size:17px}.dv-heading>span{font-size:12px;color:#6B7280}.dv-add{display:inline-block;background:#16A34A;color:white;padding:3px 9px;border-radius:6px;font-size:17px}
.dv-switch{display:flex;gap:4px;width:max-content;background:#F3F4F6;padding:3px;border-radius:7px;margin-bottom:18px;font-size:12px;color:#6B7280}.dv-switch>*{padding:5px 12px}.dv-switch b{background:#fff;color:#111827;border-radius:5px;box-shadow:0 1px 3px #0001}.dv-calendar-layout{display:grid;grid-template-columns:1fr 156px;gap:16px}.dv-week{background:#fff;border:1px solid #E5E7EB;border-radius:9px;overflow:hidden}.dv-week-head{display:grid;grid-template-columns:36px repeat(7,1fr);height:55px;border-bottom:1px solid #E5E7EB}.dv-week-head>div{text-align:center;border-left:1px solid #F3F4F6;padding-top:7px;font-size:9px;color:#6B7280}.dv-week-head b{display:block;color:#111827;font-size:14px;margin-top:2px}.dv-week-head .is-today{background:#F0FDF4}.dv-time-grid{display:flex;height:368px;overflow:hidden}.dv-hours{width:36px;flex:none}.dv-hours span{display:block;height:41px;font-size:9px;color:#9CA3AF;text-align:right;padding:3px 5px 0 0}.dv-days{display:grid;grid-template-columns:repeat(7,1fr);flex:1;min-width:0;background:repeating-linear-gradient(#fff 0 40px,#F3F4F6 40px 41px)}.dv-day{position:relative;border-left:1px solid #F3F4F6;min-width:0}.dv-event{position:absolute;left:2px;right:2px;height:70px;border:1px solid #BBF7D0;background:#F0FDF4;border-radius:5px;padding:5px 4px;overflow:hidden;font-size:9px;line-height:1.5}.dv-event b,.dv-event span,.dv-event small{display:block;font-size:inherit}.dv-event b{color:#15803D}.dv-event small{color:#6B7280;font-size:8px}.dv-event--inspect{background:#E0F2FE;border-color:#BAE6FD}.dv-event--inspect b{color:#0891B2}.dv-block{position:absolute;top:205px;left:2px;right:2px;height:82px;padding:6px 4px;border:1px solid #CBD5E1;border-radius:5px;background:repeating-linear-gradient(135deg,#F1F5F9 0 5px,#E2E8F0 5px 7px);font-size:9px;color:#475569}.dv-block>*{display:block;font-size:inherit}.dv-slot{position:absolute;top:102px;left:2px;right:2px;padding:8px 2px;border:1px dashed #16A34A;border-radius:5px;background:#F0FDF4;color:#15803D;text-align:center;font-size:10px}.dv-unscheduled h4{font-size:12px}.dv-unscheduled h4 span{color:#F43F5E}.dv-job{padding:12px 10px;background:white;border:1px solid #E5E7EB;border-radius:8px;margin-bottom:10px;font-size:12px}.dv-job>b,.dv-job>span{display:block}.dv-job>span{font-size:10px;color:#6B7280;margin-top:4px}.dv-unscheduled p{font-size:11px}
.dv-overlay{position:absolute;inset:58px 24px 48px;background:#11182730;border-radius:0 0 12px 12px}.dv-modal{position:absolute;left:330px;top:172px;width:400px;padding:26px;background:#fff;border:1px solid #E5E7EB;border-radius:16px;box-shadow:0 20px 60px #142F2326}.dv-modal h3{font-size:20px}.dv-modal label,.dv-card label{display:block;font-size:11px;color:#4B5563;margin:12px 0 6px}.dv-field{padding:10px 12px;background:#fff;border:1px solid #E5E7EB;border-radius:7px;font-size:12px}.dv-button{background:#16A34A;color:white;text-align:center;padding:10px 12px;border-radius:7px;font-size:12px;font-weight:600;white-space:nowrap}.dv-modal>.dv-button{margin-top:20px}.dv-toast{position:absolute;bottom:66px;left:356px;padding:12px 20px;border:1px solid #BBF7D0;background:#F0FDF4;border-radius:9px;font-size:13px;color:#15803D;box-shadow:0 6px 24px #142F2312}.dv-connections{position:absolute;inset:24px}.dv-tabs{display:flex;align-items:center;gap:18px;border-bottom:1px solid #E5E7EB;margin:18px 0 20px;padding-bottom:10px;font-size:11px;white-space:nowrap;color:#6B7280}.dv-tabs b{color:#111827}.dv-card{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:20px;margin-bottom:16px}.dv-feed-row{display:flex;gap:10px}.dv-feed-row .dv-field{flex:1}.dv-info{padding:12px;background:#EFF6FF;border:1px solid #DBEAFE;border-radius:7px;color:#2563EB;font-size:12px;margin:16px 0}.dv-help{padding:12px;border:1px solid #E5E7EB;border-radius:7px;margin-top:8px;font-size:12px;color:#374151}
.dv-window--brand{width:664px;height:632px}.dv-window--brand .dv-main{padding:24px}.dv-window--brand .dv-tabs{gap:14px;font-size:10px}.dv-window--brand .dv-subtitle{font-size:12px;max-width:400px}.dv-brand-details{padding:16px 20px}.dv-brand-details label{margin-top:8px}.dv-brand-details h4{margin-bottom:8px}.dv-window--brand .dv-card{padding:16px;margin-bottom:12px}.dv-window--brand .dv-card p{font-size:11px;margin:4px 0 12px}.dv-window--brand .dv-card h4{margin-bottom:4px}.dv-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dv-swatch{padding:5px;border:2px solid transparent;border-radius:8px;font-size:10px;color:#4B5563}.dv-swatch i{height:28px;display:block;border-radius:5px;margin-bottom:4px;position:relative;overflow:hidden}.dv-swatch i::after{content:'';position:absolute;inset:0;background:#FFFFFF66;clip-path:polygon(75% 0,100% 0,100% 100%,35% 100%)}.dv-swatch.is-on{border-color:#16A34A}.dv-window--brand #desktopSave{width:max-content}.dv-report-label{position:absolute;left:720px;top:75px;font-size:10px;font-weight:600;letter-spacing:1.5px;color:#64736A}

.dv-modal .dv-action{color:#6366F1;font-size:11px;text-transform:uppercase;font-weight:600;margin:0 0 8px}.dv-date{font-size:14px;margin-top:20px}.dv-date b{color:#16A34A}.dv-time-chips{display:flex;gap:5px;margin:16px 0 24px;font-size:11px;white-space:nowrap}.dv-time-chips>*{padding:8px;background:#F3F4F6;border-radius:6px}.dv-time-chips b{background:#16A34A;color:#fff}.dv-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;border-top:1px solid #E5E7EB;padding-top:16px}.dv-modal-actions>span{font-size:12px;color:#6B7280;padding:8px}.dv-warning{padding:12px;background:#FFFBEB;border:1px solid #FDE68A;border-radius:8px;font-size:12px;line-height:1.5;color:#92400E;margin:20px 0}