/* A clear first action, compact previews, and two footer rows. */
.portal-search{margin:18px 0 10px;display:flex;flex-wrap:wrap;gap:8px;max-width:640px}.portal-search label{width:100%;font-weight:700;color:#173753}.portal-search input{flex:1;min-width:140px;background:white;border:1px solid #99bce1;border-radius:12px;padding:12px;font:inherit}.portal-search button{background:#0756ed;color:white;padding:12px 20px;border:0;border-radius:12px;font-weight:700;min-height:44px}.search-note{font-size:13px;color:#355474}
html body main.phone-shell[data-focus-footer]>.shell-dock,html body main.phone-shell[data-focus-footer]>.shell-scroll-tools{display:none!important}
html body main.phone-shell[data-focus-footer]>.phone-pager{display:grid;grid-template-columns:36px 1fr 36px 36px 36px;align-items:center;gap:4px;min-height:0;padding:5px 8px;flex:none}
html body main.phone-shell[data-focus-footer]>.phone-pager button{min-width:0;min-height:36px;height:36px;padding:4px;font-size:18px}.phone-shell[data-focus-footer]>.phone-pager [role=status]{font-size:11px}
html body main.phone-shell[data-focus-footer]>.phone-tabs{grid-template-columns:repeat(6,minmax(0,1fr));padding:5px 4px max(5px,env(safe-area-inset-bottom))!important;min-height:54px}
.phone-tabs .footer-link{display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;padding:3px!important;margin:0!important;min-height:44px;font:600 11px/1.3 system-ui;background:#e8f2ff;border:1px solid #c0d8ee;border-radius:12px;text-decoration:none;color:#0756ed}
.phone-brandbar{gap:7px}.phone-brandbar .ok-launch{position:static!important;flex:none;font-size:0!important;min-height:44px!important;min-width:44px;padding:3px!important;margin:0!important;border-radius:12px;box-shadow:none;gap:0}.phone-brandbar .ok-launch span{width:30px;height:30px;font-size:13px}.phone-brandbar>span{font-size:11px}
html body .phone-tabs button{font-size:11px;min-height:44px;padding:4px 1px}.phone-tabs b{font-size:18px}
html body .compact-preview:not(.preview-expanded){height:310px!important;min-height:310px!important;max-height:310px!important;overflow:hidden!important}
.compact-preview:not(.preview-expanded)>.deck-nav,.compact-preview:not(.preview-expanded)>.phone-dock,.compact-preview:not(.preview-expanded)>.demo-actions,.compact-preview:not(.preview-expanded)>.phone-pager{display:none!important}
html body .compact-preview:not(.preview-expanded)>.deck-content{overflow:hidden;flex:1;min-height:0}
.compact-preview:not(.preview-expanded) .deck-page:not([hidden]){display:flow-root;overflow:hidden;max-height:210px}
.compact-preview:not(.preview-expanded) .deck-page p{font-size:14px;line-height:1.45;margin:7px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.compact-preview:not(.preview-expanded) .deck-page p.muted,.compact-preview:not(.preview-expanded) .deck-page [data-reception],.compact-preview:not(.preview-expanded) .deck-page .direction-mark{display:none}
.compact-preview:not(.preview-expanded) .owner-reception{display:none!important}
.compact-preview:not(.preview-expanded) h3{font-size:18px;line-height:1.25;margin:8px 0}
html body .preview-open{flex:none;display:block;width:100%;margin:6px 0 0;padding:10px;border:1px solid #b7cfe6;border-radius:12px;background:#fff;color:#b00050;font-weight:700;min-height:44px}
.compact-preview.preview-expanded>.preview-open{order:99;font-size:12px;min-height:32px;padding:5px}
.compact-preview:not(.preview-expanded) .demo-surface{overflow:hidden;flex:1}.compact-preview:not(.preview-expanded) .demo-note{display:none}.compact-preview:not(.preview-expanded) .demo-cover{width:64px;height:64px;float:right;margin:0 0 8px 8px}
html body .grid>.business-card.vacant{height:310px!important;min-height:310px!important}
@media(max-width:480px){.portal-search input{width:100%;flex-basis:100%}.portal-search button{width:100%}.portal-welcome h1{font-size:28px!important}}

html body .business-card.vacant{padding:16px!important}.business-card.vacant .direction-mark{display:none}.business-card.vacant h3{font-size:18px}.business-card.vacant p{font-size:13px;line-height:1.35;margin:8px 0}

.phone-brandbar .ok-launch span{padding:0!important;white-space:nowrap;flex:none;box-sizing:border-box;line-height:1}
