.feature-art-space:has(>.osn-demo){width:100%;max-width:none!important;aspect-ratio:auto!important;min-height:0;overflow:visible}.dp-recurring:has(.osn-demo){grid-template-columns:minmax(0,1fr)!important;gap:28px!important}.dp-recurring-aside:has(.osn-demo){min-width:0}.osn-demo{position:relative;min-width:0;text-align:left;overflow:hidden;border:1px solid var(--ui-demo-line);border-radius:14px;background:var(--ui-demo-bg);color:var(--ui-demo-text);font:14px/1.45 Arial,sans-serif;--osn-primary:var(--live-demo-primary,#22b63b)}.osn-demo *{box-sizing:border-box}.osn-demo [hidden]{display:none!important}.osn-demo :is(h3,h4,p,small,strong,span,label,dt,dd){font-family:Arial,sans-serif;letter-spacing:normal;text-wrap:initial;color:inherit}.osn-demo h3{font-size:19px;line-height:1.35;margin:0}.osn-demo h4{font-size:15px;line-height:1.4;margin:0}.osn-demo p{margin:8px 0 15px;max-width:none;font-size:13px;line-height:1.5;color:var(--ui-demo-muted)}.osn-demo small{display:block;font-size:11px;color:var(--ui-demo-muted);line-height:1.5}.osn-demo i{color:var(--ui-demo-icons);margin-right:7px}.osn-demo button,.osn-demo input,.osn-demo select,.osn-demo textarea{font:inherit;color:inherit;max-width:100%;min-width:0}.osn-demo button{padding:9px 14px;min-height:38px;border:1px solid var(--ui-demo-line);border-radius:var(--ui-demo-radius);background:var(--ui-demo-surface);cursor:pointer}.osn-demo button:disabled{opacity:.5;cursor:default}.osn-demo .osn-primary{background:var(--osn-primary);border-color:var(--osn-primary);color:var(--live-demo-ink,#fff)}.osn-demo .osn-primary i{color:inherit}.osn-demo :focus-visible{outline:2px solid var(--osn-primary);outline-offset:3px}.osn-demo .osn-link{background:transparent;border:0;padding:3px;min-height:28px;color:var(--ui-demo-accent-text);text-align:left}.osn-demo input,.osn-demo select,.osn-demo textarea{border:1px solid var(--ui-demo-line);background:var(--ui-demo-surface);border-radius:var(--ui-demo-field-radius);padding:11px;width:100%}.osn-demo label{display:block;font-size:12px}.osn-demo label>span{display:block;margin-bottom:6px}
.osn-frame{display:flex;align-items:center;gap:18px;padding:14px 18px;background:var(--ui-demo-surface);border-bottom:1px solid var(--ui-demo-line)}.osn-frame [data-demo-logo]{font-weight:700;color:var(--ui-demo-accent-text)}.osn-frame .ds-logo-image{width:125px;height:28px;object-fit:contain}.osn-frame>small{margin-left:auto}.osn-body{padding:20px}.osn-search{display:grid;grid-template-columns:minmax(0,1fr) 170px 145px;gap:12px;align-items:end;margin-bottom:18px}.osn-table-scroll{overflow:auto;max-width:100%;overscroll-behavior-x:contain}.osn-demo table{width:100%;border-collapse:collapse;background:var(--ui-demo-surface);font-size:12px;white-space:nowrap}.osn-demo th,.osn-demo td{padding:15px;border-bottom:1px solid var(--ui-demo-line);text-align:left}.osn-demo th{font-weight:600;background:var(--ui-demo-bg)}.osn-demo td .osn-link{font-size:12px}.osn-table-footer{display:flex;justify-content:space-between;gap:12px;padding:15px;font-size:11px;color:var(--ui-demo-muted)}.osn-badge{display:inline-block;background:var(--ui-demo-tint);color:var(--ui-demo-accent-text)!important;font-size:11px;padding:5px 9px;border-radius:var(--ui-demo-radius);white-space:nowrap}.osn-detail-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:18px;align-items:start}.osn-card{padding:18px;border:1px solid var(--ui-demo-line);border-radius:12px;background:var(--ui-demo-surface);min-width:0}.osn-card-head{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.osn-card-head .osn-badge{margin-left:auto}.osn-order-id{display:block;font-size:12px;color:var(--ui-demo-accent-text)!important;margin-bottom:15px}.osn-info{display:grid;grid-template-columns:1.2fr 1.2fr 1fr auto;gap:16px;border-top:1px solid var(--ui-demo-line);padding-top:15px}.osn-info strong{display:block;font-size:13px;font-weight:500;margin-top:4px}.osn-info>div:last-child strong{font-size:19px;color:var(--ui-demo-accent-text)}.osn-services-title{margin:22px 0 12px!important}.osn-service{margin-bottom:14px}.osn-service-head{display:flex;align-items:center;gap:15px;justify-content:space-between}.osn-service-head>div:first-child{flex:1}.osn-service-head>strong{font-size:13px}.osn-chips{display:flex;gap:6px;flex-wrap:wrap;padding-top:14px;margin:14px 0;border-top:1px solid var(--ui-demo-line)}.osn-chip{font-size:10px;padding:5px 8px;background:var(--ui-demo-tint);border-radius:var(--ui-demo-radius);color:var(--ui-demo-accent-text)!important}.osn-preview-head{display:flex;align-items:center;justify-content:space-between}.osn-calendar-nav{display:flex;justify-content:space-between;align-items:center;margin:14px 0;font-size:13px}.osn-calendar-nav button{padding:5px;min-width:30px;border:0}.osn-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center;font-size:11px}.osn-calendar>span{display:grid;place-items:center;min-height:36px;border-radius:var(--ui-demo-radius)}.osn-calendar .osn-dayname{min-height:25px;color:var(--ui-demo-muted)}.osn-calendar .osn-planned{background:var(--ui-demo-tint);color:var(--ui-demo-accent-text);font-weight:600}.osn-calendar .osn-today{outline:1px solid var(--osn-primary);outline-offset:-1px}.osn-demo .osn-preview-note{font-size:11px;margin:16px 0 0;padding:9px;background:var(--ui-demo-bg)}.osn-upcoming{margin-top:16px}.osn-upcoming ul{list-style:none;padding:0;margin:14px 0 0}.osn-upcoming li{padding:7px 0 7px 15px;border-left:2px solid var(--ui-demo-tint);font-size:12px}.osn-note{font-size:11px!important;margin:15px 0 0!important}.osn-feedback{font-size:12px;color:var(--ui-demo-accent-text);padding:12px 0 0}.osn-empty{padding:30px;text-align:center;background:var(--ui-demo-surface);border:1px solid var(--ui-demo-line)}
.osn-modal-shade{position:absolute;inset:0;background:#0007;z-index:3;display:flex;align-items:flex-start;justify-content:center;padding:25px 15px;overflow:auto}.osn-dialog{width:550px;max-width:100%;background:var(--ui-demo-surface);border-radius:15px;border:1px solid var(--ui-demo-line);overflow:hidden;box-shadow:0 15px 50px #0003}.osn-dialog>header{padding:20px 22px;background:var(--ui-demo-tint);display:flex;gap:14px;align-items:center}.osn-dialog>header>div{flex:1}.osn-dialog>header button{background:transparent;border:0;font-size:21px;padding:2px;min-height:30px}.osn-steps{display:flex;justify-content:center;gap:20px;padding:18px 15px;border-bottom:1px solid var(--ui-demo-line)}.osn-step{text-align:center;min-width:52px}.osn-step b{display:grid;place-items:center;margin:auto;width:26px;height:26px;border-radius:50%;background:var(--ui-demo-bg);color:var(--ui-demo-muted);font-size:12px}.osn-step small{font-size:9px;margin-top:5px}.osn-step[aria-current=step] b,.osn-step.osn-done b{background:var(--osn-primary);color:var(--live-demo-ink,#fff)}.osn-step[aria-current=step] small{color:var(--ui-demo-accent-text)}.osn-dialog-body{padding:22px}.osn-date-field{background:var(--ui-demo-tint);border:1px solid var(--osn-primary);border-radius:var(--ui-demo-field-radius);padding:16px;margin:20px 0}.osn-date-field input{margin-top:8px;min-height:43px}.osn-facts{display:flex;justify-content:space-between;gap:15px;padding:16px;background:var(--ui-demo-bg);font-size:12px;border-radius:8px}.osn-option-info{border:1px solid var(--ui-demo-line);background:var(--ui-demo-tint);padding:14px;border-radius:8px;margin:20px 0;font-size:12px}.osn-dialog textarea{min-height:80px;resize:vertical}.osn-confirm-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px;background:var(--ui-demo-tint);border-radius:8px;text-align:center;margin:18px 0}.osn-confirm-summary strong{display:block;font-size:16px}.osn-confirm-dates{max-height:180px;overflow:auto;padding:0;margin:10px 0;list-style:none}.osn-confirm-dates li{display:flex;gap:10px;align-items:center;font-size:12px;padding:8px 0}.osn-confirm-dates b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ui-demo-tint);color:var(--ui-demo-accent-text)}.osn-dialog footer{display:flex;gap:12px;padding:16px 22px;border-top:1px solid var(--ui-demo-line)}.osn-dialog footer>button:first-child{margin-right:auto}.osn-dialog footer>button:only-child{margin-left:auto;margin-right:0}.osn-dialog form{margin:0}
@media(max-width:850px){.osn-detail-grid{grid-template-columns:1fr}.osn-info{grid-template-columns:repeat(2,minmax(0,1fr))}.osn-search{grid-template-columns:repeat(2,minmax(0,1fr))}.osn-search>label:first-child{grid-column:1/-1}.osn-body{padding:13px}.osn-service-head{flex-wrap:wrap}.osn-service-head>div:first-child{flex-basis:100%}.osn-frame>small{display:none}.osn-demo table{min-width:700px}.osn-modal-shade{padding:10px}.osn-dialog-body{padding:16px}.osn-steps{gap:8px}.osn-confirm-summary strong{font-size:13px}.osn-dialog>header{padding:15px}}

.osn-preset-list{padding:12px 0 5px;border-bottom:1px solid var(--ui-demo-line)}.osn-preset-list h4{font-size:12px;margin-bottom:9px}.osn-preset-list button{font-size:11px;padding:6px 10px;min-height:32px;margin:0 6px 8px 0}

/* Keep the app glyph legible over the live brand color. */
html .osn-demo [data-demo-app-icon] i{color:var(--live-demo-ink,#fff)!important}

/* Service-term generation uses the full-width existing scheduler. */
.ss-occurrences:has(.osn-demo){grid-template-columns:minmax(0,1fr)!important;gap:28px}.ss-occurrences:has(.osn-demo)>dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}@media(max-width:750px){.ss-occurrences:has(.osn-demo)>dl{grid-template-columns:1fr}}