/* Focused product widgets. The card grid, visual inset and shared timelines stay with each module. */

/* Website: one color control and one brand sample. */
.bw-scene-1 .bw-head,.bw-scene-3 .bw-head{display:none}
.bw-scene-1 .bw-stage,.bw-scene-3 .bw-stage{min-height:0}
.bw-scene-1 .bw-brand-layout{height:100%;grid-template-columns:42% 58%}
.bw-scene-1 .bw-settings{display:flex;flex-direction:column;justify-content:center;padding:18px}
.bw-scene-1 .bw-setting-title{margin:8px 0 14px;font-size:14px;font-weight:800}
.bw-scene-1 .bw-swatches{gap:10px;margin:0}
.bw-scene-1 .bw-swatch{width:30px;height:30px;border-radius:8px}
.bw-scene-1 .bw-setting-line,.bw-scene-1 .bw-hero-art,.bw-scene-1 .bw-contact{display:none}
.bw-scene-1 .bw-public-brand{display:flex;flex-direction:column;justify-content:center;padding:16px}
.bw-scene-1 .bw-sitebar{height:44px;padding:0 10px;border:1px solid #e4ebf4;border-bottom:0;border-radius:9px 9px 0 0}
.bw-scene-1 .bw-sitebar>span{display:none}
.bw-scene-1 .bw-brand-mark{width:26px;height:26px;font-size:13px}
.bw-scene-1 .bw-sitebar strong{margin-right:auto;font-size:12px}
.bw-scene-1 .bw-hero-copy{padding:15px 10px;border:1px solid #e4ebf4;border-top:0;border-radius:0 0 9px 9px}
.bw-scene-1 .bw-hero-copy b{font-size:17px}
.bw-scene-1 .bw-hero-copy>span{font-size:9px}
.bw-scene-1 .bw-hero-copy em{font-size:9px}
.bw-scene-3 .bw-module-layout{height:100%;grid-template-columns:48% 52%}
.bw-scene-3 .bw-modules{display:flex;flex-direction:column;justify-content:center;padding:16px}
.bw-scene-3 .bw-overline{font-size:9px}
.bw-scene-3 .bw-module-row{min-height:43px}
.bw-scene-3 .bw-module-row b{font-size:11px}
.bw-scene-3 .bw-module-preview{display:flex;flex-direction:column;justify-content:center;padding:13px}
.bw-scene-3 .bw-module-preview .bw-sitebar,.bw-scene-3 .bw-preview-title,.bw-scene-3 .bw-preview-note{display:none}
.bw-scene-3 .bw-preview-service,.bw-scene-3 .bw-preview-shop,.bw-scene-3 .bw-preview-blog{min-height:40px;margin:0 0 7px;padding:8px;font-size:10px}
.bw-scene-3 .bw-preview-service:before{content:'CUSTOMER VIEW';display:block;position:absolute;transform:translateY(-44px);color:#758ba7;font-size:8px;font-weight:800;letter-spacing:.06em}
.bw-scene-3 .bw-preview-shop small,.bw-scene-3 .bw-preview-blog small{font-size:8px}

/* Booking: a price control with its total, and a two-choice payment widget. */
.bm-pricing{grid-template-columns:52% 48%}
.bm-pricing-main{justify-content:center;gap:9px;padding:20px!important}
.bm-pricing-main .bm-topline{margin-bottom:0!important}
.bm-pricing-main .bm-topline span:last-child{font-size:14px!important}
.bm-price-base,.bm-price-option{min-height:48px!important;font-size:10px!important}
.bm-price-base b,.bm-price-option b{font-size:11px!important}
.bm-price-base small,.bm-price-option small{font-size:8px!important}
.bm-price-muted{display:none}
.bm-receipt{justify-content:center;padding:20px!important}
.bm-receipt>small{font-size:9px}
.bm-receipt>div{font-size:10px!important}
.bm-receipt>strong{margin-top:15px!important;font-size:14px!important}
.bm-pricing .bm-cursor{animation:mw-cursor-pricing 3.1s cubic-bezier(.35,0,.2,1) infinite}
@keyframes mw-cursor-pricing{0%,20%,100%{left:8%;top:70%;transform:scale(1)}22%{left:8%;top:70%;transform:scale(.84)}23%,70%{left:8%;top:70%;transform:scale(1)}72%{left:8%;top:70%;transform:scale(.84)}73%{left:8%;top:70%;transform:scale(1)}}
@keyframes bm-option-on{0%,20%,72%,100%{border-color:#bcc9d8;background:#fff;color:transparent}23%,70%{border-color:#1355b2;background:#1355b2;color:#fff}}
@keyframes bm-charge{0%,20%,72%,100%{max-height:0;margin-top:0;opacity:0}25%,69%{max-height:20px;margin-top:11px;opacity:1}}
@keyframes bm-total-base{0%,20%,72%,100%{opacity:1}23%,70%{opacity:0}}
@keyframes bm-total-added{0%,20%,72%,100%{opacity:0}23%,70%{opacity:1}}
.bm-payment{justify-content:center;padding:18px 12%!important}
.bm-payment .bm-topline{margin-bottom:15px}
.bm-payment-intro{font-size:17px!important}
.bm-pay-choice{min-height:52px!important}
.bm-pay-choice strong,.bm-pay-choice>b{font-size:11px!important}
.bm-payment-due{margin-top:12px!important}
.bm-payment-due strong{font-size:20px!important}
.bm-pay-note{font-size:7px}

/* Pet selector: the selected profile is the result, not an entire records page. */
.crm-pets .crm-top{display:none}
.crm-pets .crm-heading{margin:7px 0 8px}
.crm-pets .crm-heading strong{font-size:18px}
.crm-pets .crm-pet-rail{gap:10px;margin-bottom:7px}
.crm-pets .crm-pet-choice{min-height:50px;padding:7px}
.crm-pets .crm-pet-avatar{width:34px;height:34px}
.crm-pets .crm-pet-sheet{padding:13px}
.crm-pets .crm-pet-title{margin-bottom:11px}
.crm-pets .crm-pet-title strong{font-size:19px}
.crm-pets .crm-facts>div{padding:8px}
.crm-pets .crm-facts>div:nth-child(3),.crm-pets .crm-facts>div:nth-child(4){display:none}

/* Variant selector: retain SKU, price and available stock for the chosen option. */
.pi-scene-3 .pi-top{display:none}
.pi-scene-3 .pi-variants{height:100%;grid-template-columns:47% 53%}
.pi-scene-3 .pi-variant-list,.pi-scene-3 .pi-variant-detail{display:flex;flex-direction:column;justify-content:center;padding:14px}
.pi-scene-3 .pi-variant-title{margin-bottom:12px;font-size:13px}
.pi-scene-3 .pi-variant-row{min-height:40px;font-size:10px}
.pi-scene-3 .pi-variant-detail>strong{font-size:18px}
.pi-scene-3 .pi-variant-facts{grid-template-columns:1fr 1fr}
.pi-scene-3 .pi-variant-facts>div:first-child{grid-column:1/-1}
.pi-scene-3 .pi-variant-facts>div:nth-child(3),.pi-scene-3 .pi-barcode{display:none}
.pi-scene-3 .pi-variant-facts b{font-size:12px}

/* Memberships: selections and balances become compact, legible units. */
.mp-scene-1 .mp-top,.mp-scene-2 .mp-top{display:none}
.mp-scene-1 .mp-package{height:100%;grid-template-columns:55% 45%}
.mp-scene-1 .mp-package-main,.mp-scene-1 .mp-package-side{display:flex;flex-direction:column;justify-content:center;padding:16px}
.mp-scene-1 .mp-title strong{font-size:16px}
.mp-scene-1 .mp-service{min-height:39px;margin-bottom:7px;font-size:10px}
.mp-scene-1 .mp-package-name{font-size:12px}
.mp-scene-1 .mp-package-plan{margin:12px 0}
.mp-scene-1 .mp-package-plan strong{font-size:18px}
.mp-scene-1 .mp-package-fact{font-size:10px}
.mp-scene-1 .mp-package-fact:has(+ .mp-package-fact),.mp-scene-1 .mp-package-foot{display:none}
.mp-scene-2 .mp-member{height:100%;display:flex;flex-direction:column;justify-content:center;padding:16px}
.mp-scene-2 .mp-member-tabs{margin-bottom:16px}
.mp-scene-2 .mp-member-tab{padding:9px 4px;font-size:10px}
.mp-scene-2 .mp-member-head strong{font-size:17px}
.mp-scene-2 .mp-wallet>div{padding:13px}
.mp-scene-2 .mp-wallet small{font-size:8px}
.mp-scene-2 .mp-wallet strong{font-size:20px}
.mp-scene-2 .mp-member-note{display:none}

/* Finance: period selection changes three recorded totals in one widget. */
.if-scene-1 .if-top,.if-scene-1 .if-chart-head,.if-scene-1 .if-chart{display:none}
.if-scene-1 .if-overview{height:100%;display:flex;flex-direction:column;justify-content:center;padding:16px}
.if-scene-1 .if-overview-head{display:flex;flex-direction:column;align-items:stretch;gap:13px}
.if-scene-1 .if-overview-head strong{font-size:17px}
.if-scene-1 .if-period{align-self:flex-start}
.if-scene-1 .if-period span{padding:7px 11px;font-size:10px}
.if-scene-1 .if-metrics{margin-top:17px;gap:7px}
.if-scene-1 .if-metrics>div{padding:11px 8px}
.if-scene-1 .if-metrics small{font-size:8px}
.if-scene-1 .if-metrics strong{font-size:18px}

/* Report template: show only editable sections and their compact preview. */
.rd-scene-1 .rd-top{display:none}
.rd-scene-1 .rd-template{height:100%;grid-template-columns:50% 50%}
.rd-scene-1 .rd-template-settings,.rd-scene-1 .rd-template-preview{display:flex;flex-direction:column;justify-content:center;padding:16px}
.rd-scene-1 .rd-template-settings>strong{font-size:17px}
.rd-scene-1 .rd-setting{min-height:40px;font-size:10px}
.rd-scene-1 .rd-preview-head{font-size:13px}
.rd-scene-1 .rd-preview-section{font-size:9px}
.rd-scene-1 .rd-preview-count{font-size:10px}

/* Doki record lookups: keep one prompt and one answer; the workflow card remains chat. */
.dk-scene-2 .dk-input,.dk-scene-3 .dk-input,.dk-scene-4 .dk-input,
.dk-scene-2 .dk-disclaimer,.dk-scene-3 .dk-disclaimer,.dk-scene-4 .dk-disclaimer{display:none}
.dk-scene-2 .dk-content,.dk-scene-3 .dk-content,.dk-scene-4 .dk-content{display:flex;flex-direction:column;justify-content:center;padding:18px}
.dk-scene-2 .dk-welcome,.dk-scene-3 .dk-welcome,.dk-scene-4 .dk-welcome{height:auto;padding:0}
.dk-scene-2 .dk-welcome-mark,.dk-scene-3 .dk-welcome-mark,.dk-scene-4 .dk-welcome-mark,
.dk-scene-2 .dk-welcome p,.dk-scene-3 .dk-welcome p,.dk-scene-4 .dk-welcome p{display:none}
.dk-scene-2 .dk-welcome strong,.dk-scene-3 .dk-welcome strong,.dk-scene-4 .dk-welcome strong{margin-bottom:13px;font-size:16px}
.dk-scene-2 .dk-suggestion,.dk-scene-3 .dk-suggestion,.dk-scene-4 .dk-suggestion{padding:10px 12px;font-size:10px}
.dk-scene-2 .dk-conversation,.dk-scene-3 .dk-conversation,.dk-scene-4 .dk-conversation{height:auto;overflow:visible}
.dk-scene-2 .dk-user,.dk-scene-3 .dk-user,.dk-scene-4 .dk-user{max-width:100%;margin:0 0 9px;padding:0;background:none;color:#70839b;font-size:9px}
.dk-scene-2 .dk-answer,.dk-scene-3 .dk-answer,.dk-scene-4 .dk-answer{max-width:100%;padding:13px}
.dk-scene-2 .dk-answer strong,.dk-scene-3 .dk-answer strong,.dk-scene-4 .dk-answer strong{font-size:16px}
.dk-scene-2 .dk-answer p,.dk-scene-3 .dk-answer p,.dk-scene-4 .dk-answer p{font-size:10px}
.dk-scene-2 .dk-rows>div,.dk-scene-3 .dk-rows>div,.dk-scene-4 .dk-rows>div{padding:7px 0;font-size:9px}
.dk-scene-2 .dk-follow,.dk-scene-3 .dk-follow,.dk-scene-4 .dk-follow{margin-top:11px;padding:8px 10px;font-size:9px}
.dk-scene-3 .dk-input,.dk-scene-4 .dk-input{display:flex;height:30px;flex:none;margin:0 11px 6px;padding:0 8px;background:#fff}
.dk-scene-3 .dk-content,.dk-scene-4 .dk-content{padding:8px 12px}
.dk-scene-3 .dk-answer,.dk-scene-4 .dk-answer{padding:9px 11px}
.dk-scene-3 .dk-only-b .dk-user,.dk-scene-4 .dk-only-b .dk-user{display:none}
.dk-scene-3 .dk-only-b .dk-source,.dk-scene-4 .dk-only-b .dk-source{display:none}
.dk-scene-3 .dk-rows>div,.dk-scene-4 .dk-rows>div{padding:5px 0}
.dk-scene-3 .dk-follow,.dk-scene-4 .dk-follow{margin-top:6px}
.dk-typed{display:none;min-width:0;overflow:hidden;color:#253b59;font-size:9px;font-weight:650;text-overflow:clip;white-space:nowrap}
.dk-is-typing .dk-placeholder{display:none}
.dk-is-typing .dk-typed{display:block}
.dk-is-typing .dk-typed:after{display:inline-block;width:1px;height:10px;margin-left:2px;background:#1355b2;vertical-align:-2px;content:'';animation:dk-caret .65s steps(1,end) infinite}
@keyframes dk-caret{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.dk-is-typing .dk-typed:after{animation:none}}

@media(max-width:480px){
  .bw-scene-1 .bw-settings,.bw-scene-3 .bw-modules{padding:10px}
  .bw-scene-1 .bw-public-brand,.bw-scene-3 .bw-module-preview{padding:8px}
  .bw-scene-1 .bw-hero-copy b{font-size:13px}
  .bw-scene-3 .bw-module-row b{font-size:9px}
  .bm-pricing-main,.bm-receipt{padding:10px!important}
  .bm-payment{padding:10px 7%!important}
  .pi-scene-3 .pi-variant-list,.pi-scene-3 .pi-variant-detail,
  .mp-scene-1 .mp-package-main,.mp-scene-1 .mp-package-side,
  .rd-scene-1 .rd-template-settings,.rd-scene-1 .rd-template-preview{padding:9px}
  .if-scene-1 .if-metrics strong{font-size:14px}
}