/* Scoped owner portal — intentionally compatible with ordinary WP themes. */
.ohp-portal{--ohp-ink:#122c3d;--ohp-teal:#108f81;--ohp-line:#dde7e8;--ohp-muted:#526575;color:var(--ohp-ink);max-width:1120px;margin:28px auto 64px;padding:0 clamp(10px,2vw,20px);font:inherit;line-height:1.5}
.ohp-portal *{box-sizing:border-box}
.ohp-portal-heading{border-radius:18px;background:#102b3f;color:#fff;padding:clamp(22px,4vw,38px);margin-bottom:22px}
.ohp-kicker{display:block;color:#28bba5;font-size:11px;font-weight:800;letter-spacing:.14em;margin-bottom:7px}
.ohp-portal-heading h2{color:#fff;font-size:clamp(29px,4vw,43px);margin:0 0 7px;line-height:1.13}
.ohp-portal-heading p{color:#d7e9ee;margin:0;font-size:15px}
.ohp-portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:17px 0}
.ohp-card{background:#fff;border:1px solid var(--ohp-line);border-radius:16px;padding:clamp(17px,2.5vw,25px);margin:17px 0;box-shadow:0 4px 25px rgba(10,40,50,.04);min-width:0}
.ohp-portal-grid>.ohp-card{margin:0}
.ohp-narrow{max-width:630px}
.ohp-card h3{font-size:clamp(20px,2.5vw,25px);color:var(--ohp-ink);margin:0 0 10px}
.ohp-card p{font-size:14px;color:var(--ohp-muted);margin:4px 0 16px}
.ohp-form{display:grid;gap:13px;margin-top:12px}
.ohp-form label{display:grid;gap:5px;font-size:14px;font-weight:650;color:var(--ohp-ink)}
.ohp-form input:not([type=checkbox]),.ohp-form select,.ohp-form textarea,.ohp-portal .input{width:100%;font-family:inherit;background:#fff;color:#122c3d;border:1px solid #bccfd4;border-radius:9px;font-size:15px;min-height:43px;padding:10px 12px}
.ohp-form input:focus,.ohp-form select:focus,.ohp-form textarea:focus{outline:2px solid #15a995;outline-offset:1px}
.ohp-form textarea{resize:vertical}
.ohp-portal .ohp-form button,.ohp-portal input[type=submit]{background:#0e9687;border:0;color:white;border-radius:9px;font-weight:700;font-size:14px;padding:12px 15px;cursor:pointer;width:fit-content;max-width:100%}
.ohp-portal .ohp-form button:hover,.ohp-portal input[type=submit]:hover{background:#08786e}
.ohp-portal .ohp-form button:focus-visible,.ohp-portal a:focus-visible{outline:3px solid #f6aa72;outline-offset:3px}
.ohp-portal a{color:#08766e;text-decoration:underline;text-underline-offset:2px}
.ohp-portal .login-username,.ohp-portal .login-password{margin:0 0 13px}
.ohp-portal .login-remember{margin:8px 0 14px}
.ohp-portal .login-username label,.ohp-portal .login-password label{display:block;font-size:14px;font-weight:650;margin-bottom:5px}
.ohp-portal-user{display:flex;align-items:center;gap:10px;justify-content:flex-end;font-size:13px;color:var(--ohp-muted);flex-wrap:wrap}
.ohp-summary{display:flex;align-items:center;justify-content:space-between;gap:20px}
.ohp-summary h3{margin:0 0 5px}.ohp-summary p{margin:0}
.ohp-summary-side{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.ohp-pill{border-radius:20px;background:#eef3f5;color:#364d57;padding:6px 9px;font-size:12px;font-weight:700}
.ohp-pill.ohp-live{background:#ddf6ea;color:#126a44}
.ohp-owner-items{display:grid}
.ohp-owner-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid var(--ohp-line)}
.ohp-owner-item:last-child{border-bottom:0}
.ohp-owner-item strong{display:block;font-size:15px}
.ohp-owner-item span{display:block;color:var(--ohp-muted);font-size:12px;margin-top:3px}
.ohp-owner-actions{display:flex;align-items:center;gap:13px}
.ohp-portal .ohp-inline-form{display:inline;margin:0}
.ohp-portal .ohp-inline-form button.ohp-danger{background:#fff;color:#a53427;border:1px solid #e8bcb6;padding:7px 10px;font-size:12px}
.ohp-check{display:flex!important;align-items:center;gap:9px!important}
.ohp-check input{width:17px;height:17px}
.ohp-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ohp-fine{font-size:12px!important;line-height:1.6}
.ohp-notice{background:#e3f6f2;border-left:4px solid #0e9687;padding:12px 15px;border-radius:8px;margin:0 0 16px;font-size:14px}
.ohp-preview{margin:22px 0;background:#f0f6f6;padding:17px;border-radius:14px}
.ohp-preview>summary{cursor:pointer;font-weight:750;font-size:17px}
@media(max-width:760px){.ohp-portal-grid{grid-template-columns:1fr}.ohp-summary{flex-direction:column;align-items:flex-start}.ohp-summary-side{justify-content:flex-start}.ohp-owner-item{align-items:flex-start}}

/* v0.3: a phone-friendly, dedicated owner control centre. Break out of narrow WP article layouts. */
.ohp-portal{position:relative;left:50%;transform:translateX(-50%);width:min(1120px,calc(100vw - 36px));max-width:none;margin:20px 0 68px;padding:0 2px}
.ohp-dashboard-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:24px 0 18px}
.ohp-dashboard-title h2{color:#102b3f;font-size:clamp(27px,3.4vw,38px);line-height:1.15;margin:0 0 7px}
.ohp-dashboard-title p{color:#526575;font-size:14px;margin:0}
.ohp-dashboard-title .ohp-kicker{margin-bottom:8px}
.ohp-status{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid #e7d9ba;background:#fff7e7;color:#795a21;border-radius:99px;font-weight:750;font-size:12px;padding:7px 11px}
.ohp-status-live{border-color:#b2ded1;background:#e2f7ef;color:#116e49}
.ohp-nav{display:flex;flex-wrap:wrap;gap:6px;align-items:center;border-bottom:1px solid #d8e4e6;margin-bottom:23px;padding:0 0 10px}
.ohp-nav a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;padding:10px 15px;border-radius:9px;color:#365362!important;font-weight:750;font-size:14px;transition:background .15s ease}
.ohp-nav a:hover{background:#edf5f5}
.ohp-nav a.is-active{background:#102b3f;color:white!important}
.ohp-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:14px 0 23px}
.ohp-stat{background:#fff;border:1px solid #dde7e8;border-radius:15px;padding:22px;display:flex;flex-direction:column;gap:7px;min-width:0}
.ohp-stat span{font-size:13px;font-weight:700;color:#526575}
.ohp-stat strong{font-size:36px;font-weight:800;line-height:1;color:#0f3042}
.ohp-stat small{font-size:12px;color:#6b7c87;line-height:1.45}
.ohp-next-steps{margin-top:0}
.ohp-tasks{display:grid;gap:0;margin:15px 0 2px}
.ohp-tasks>a{display:flex;align-items:center;gap:15px;text-decoration:none!important;color:#102b3f!important;padding:15px 4px;border-top:1px solid #e3ecee}
.ohp-tasks>a>span{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:10px;background:#e2f5f1;color:#0c776b;font-weight:800}
.ohp-tasks>a>div{flex:1;min-width:0}
.ohp-tasks strong,.ohp-tasks small{display:block}
.ohp-tasks small{color:#637681;font-size:12px;margin-top:4px}
.ohp-tasks b{font-size:20px;color:#178b7e}
.ohp-wide-card{max-width:none}
.ohp-wide-card .ohp-form{gap:15px}
.ohp-fields-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.ohp-fields-two label{min-width:0}
.ohp-fields-two small,.ohp-form>label small{font-size:12px;font-weight:400;color:#526575;line-height:1.45}
.ohp-form input[type=file]{font-size:13px!important;padding:9px!important;min-width:0;height:auto}
.ohp-uploaded{display:flex;align-items:center;gap:14px;margin:12px 0 16px;background:#eef7f7;border-radius:12px;padding:11px;max-width:450px}
.ohp-uploaded img{display:block;object-fit:cover;width:65px;height:65px;border-radius:10px}
.ohp-uploaded span{font-size:13px;font-weight:700;color:#47606b}
.ohp-section-head{display:flex;justify-content:space-between;align-items:center;gap:15px}
.ohp-owner-item-main{display:flex;gap:13px;align-items:center;flex:1;min-width:0}
.ohp-owner-item-main>div{min-width:0}
.ohp-owner-thumb{width:52px;height:52px;flex:0 0 52px;border-radius:9px;overflow:hidden;display:block}
.ohp-owner-thumb img{width:52px;height:52px;object-fit:cover;display:block}
.ohp-preview-header{display:flex;justify-content:space-between;gap:20px;align-items:center}
.ohp-preview-header p{margin:0}
.ohp-full-preview>.ohp-menu{max-width:none;margin:0}
.ohp-full-preview .ohp-layout{grid-template-columns:minmax(0,1fr) minmax(265px,330px)}
@media(max-width:800px){
 .ohp-full-preview .ohp-layout{grid-template-columns:1fr}
 .ohp-dashboard-title{align-items:flex-start;flex-direction:column}
 .ohp-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
 .ohp-portal{width:calc(100vw - 24px);padding:0;margin-top:12px}
 .ohp-portal-heading{border-radius:13px;padding:20px}
 .ohp-portal-heading h2{font-size:29px}
 .ohp-nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:9px}
 .ohp-nav a{flex:0 0 auto;padding:10px 12px;font-size:13px}
 .ohp-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .ohp-stat{padding:15px}
 .ohp-stat strong{font-size:30px}
 .ohp-stat:last-child{grid-column:span 2}
 .ohp-fields-two{grid-template-columns:1fr}
 .ohp-card{padding:16px;border-radius:13px}
 .ohp-owner-item{align-items:flex-start;gap:8px;flex-wrap:wrap}
 .ohp-owner-actions{margin-left:auto;gap:12px}
 .ohp-preview-header{align-items:flex-start;flex-direction:column}
}

/* v0.4 test order cards; usable from mobile. */
.ohp-order-list{display:grid;gap:15px;margin-top:18px}
.ohp-order-card{border:1px solid #dfe9e9;background:#fbfdfd;border-radius:14px;padding:17px;min-width:0}
.ohp-order-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ohp-order-top>div{flex:1;min-width:115px}
.ohp-order-top strong{color:#102b3f;font-size:16px}
.ohp-order-top small{display:block;color:#657783;font-size:12px;margin-top:3px}
.ohp-order-state-rejected{background:#fff1ef;color:#923f37;border-color:#f0c6c2}
.ohp-order-state-completed{background:#e1f7ea;color:#17683f;border-color:#b2dec2}
.ohp-order-lines{padding:11px 0!important;margin:13px 0!important;list-style:none!important;border-top:1px solid #e1e8eb;border-bottom:1px solid #e1e8eb}
.ohp-order-lines li{display:flex;justify-content:space-between;gap:10px;margin:7px 0;font-size:14px;color:#294355}
.ohp-order-lines li span{font-weight:650;white-space:nowrap}
.ohp-order-status-form{display:flex!important;gap:10px;flex-wrap:wrap;align-items:end!important}
.ohp-order-status-form>label{flex:1 1 180px}
.ohp-portal .ohp-order-status-form button{min-height:43px}
.ohp-order-final{font-size:12px!important;margin:8px 0 0!important}
@media(max-width:620px){.ohp-order-top{align-items:flex-start}.ohp-order-card{padding:13px}}

/* v0.5 weekly hours and test checkout settings */
.ohp-checkout-config{margin-top:20px;padding-top:18px;border-top:1px solid #dce7e9}
.ohp-checkout-config h4{font-size:17px;margin:16px 0 6px;color:#132f40}
.ohp-weekly-hours{display:grid;gap:7px;margin:13px 0}
.ohp-day-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(90px,110px) minmax(95px,130px) minmax(95px,130px);gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #e8eef0}
.ohp-day-row label{margin:0}.ohp-day-row input,.ohp-day-row select{width:100%;min-width:0}
.ohp-order-demo-guest{margin:6px 0;font-size:13px;color:#415966}
@media(max-width:620px){.ohp-day-row{grid-template-columns:1fr 1fr}.ohp-day-row>strong{grid-column:1 / -1}}

/* v0.6 owner-managed fictional delivery zones and test order audit trail */
.ohp-demo-area-choices{display:grid;gap:4px;background:#f5fbfa;padding:12px;border:1px solid #dce9e7;border-radius:10px}
.ohp-history{font-size:13px;margin:11px 0;border-top:1px solid #e1e8eb;padding-top:9px;color:#45606c}
.ohp-history summary{cursor:pointer;font-weight:700}
.ohp-history ol{margin:8px 0 0 20px;padding:0}
.ohp-history li{margin-bottom:5px}
.ohp-order-status-form>label{flex:1 1 150px}

/* v1.0 restricted checkout-data controls */
.ohp-data-actions{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:12px 0;padding:12px;background:#f2f8f8;border:1px solid #d6e5e7;border-radius:12px}
.ohp-data-actions form{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin:0!important;flex:1 1 220px}
.ohp-data-actions label{font-size:12px!important;flex:1 1 135px}
.ohp-data-actions input{width:100%;max-width:180px}
.ohp-data-actions button{font-size:12px!important;padding:9px 11px!important;white-space:normal!important}
.ohp-data-actions .ohp-danger{background:#fff1ef!important;color:#903b37!important;border:1px solid #d9adaa!important}

/* v1.3: dedicated restaurant account onboarding (scoped to logged-out access). */
.ohp-portal .ohp-auth-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(285px,.92fr);gap:22px;align-items:stretch;margin:22px auto;max-width:1040px}
.ohp-auth-main{min-width:0;background:#fff;border-radius:22px;box-shadow:0 18px 45px rgba(11,47,60,.09);border:1px solid #e2ebea;overflow:hidden}
.ohp-auth-tabs{display:flex;background:#eff6f5;border-bottom:1px solid #dde7e7;padding:8px;gap:7px}
.ohp-auth-tabs a{display:flex;align-items:center;justify-content:center;flex:1;min-height:46px;border-radius:12px;font-size:15px;font-weight:750;color:#355260!important;text-decoration:none!important}
.ohp-auth-tabs a.is-current{background:#fff;color:#087f74!important;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.ohp-portal .ohp-auth-card{margin:0;border:0;box-shadow:none;padding:clamp(20px,4vw,39px)}
.ohp-portal .ohp-auth-card h3{font-size:clamp(24px,3vw,31px);letter-spacing:-.03em;margin:5px 0 12px}
.ohp-eyebrow{display:block;letter-spacing:.13em;font-size:11px;font-weight:850;color:#078e82}
.ohp-portal .ohp-auth-intro{font-size:15px;line-height:1.6;margin:0 0 23px}
.ohp-portal .ohp-auth-card .ohp-form button,.ohp-portal .ohp-auth-card input[type=submit]{display:block;width:100%;min-height:50px;font-size:15px;border-radius:12px;margin-top:6px;background:#0a9f90}
.ohp-portal .ohp-auth-card .ohp-form input:not([type=checkbox]),.ohp-portal .ohp-auth-card .input{height:51px;border-radius:10px;background:#f9fbfb;border:1px solid #cadbda}
.ohp-portal .ohp-auth-card .ohp-form input:focus,.ohp-portal .ohp-auth-card .input:focus{outline:3px solid #8ce9dc;outline-offset:1px}
.ohp-portal .ohp-auth-card .login-remember{font-size:13px}
.ohp-auth-aside{border-radius:21px;background:linear-gradient(155deg,#103144 0%,#0c4952 75%,#0f6a66);padding:clamp(24px,3vw,37px);color:#f7fffe;display:flex;flex-direction:column}
.ohp-auth-aside .ohp-eyebrow{color:#73ecce}.ohp-auth-aside h3{font-size:clamp(23px,2.8vw,31px);line-height:1.15;color:#fff;margin:12px 0 24px}
.ohp-auth-steps{list-style:none;counter-reset:auth-step;margin:0;padding:0;display:grid;gap:22px}
.ohp-auth-steps li{position:relative;padding-left:47px;counter-increment:auth-step}
.ohp-auth-steps li:before{content:counter(auth-step, decimal-leading-zero);position:absolute;left:0;top:0;width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#1e7a79;font-size:12px;font-weight:800;color:#e8fffb}
.ohp-auth-steps strong,.ohp-auth-steps span{display:block}.ohp-auth-steps strong{color:#fff;font-size:14px}.ohp-auth-steps span{color:#cee6e7;font-size:13px;margin-top:3px;line-height:1.45}
.ohp-auth-safety{display:grid;gap:5px;border-top:1px solid rgba(255,255,255,.18);margin-top:auto;padding-top:24px;color:#dcf5ef;font-size:13px;line-height:1.5}.ohp-auth-safety strong{color:#fff}
.ohp-auth-alert{border:1px solid #efddaf;background:#fff9e9;border-radius:12px;padding:19px;color:#654916;font-size:14px}.ohp-auth-alert p{margin:7px 0 0!important;color:#70582b!important}
@media(max-width:800px){.ohp-portal .ohp-auth-layout{grid-template-columns:1fr}.ohp-auth-aside{min-height:0}.ohp-auth-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ohp-auth-safety{margin-top:25px}}
@media(max-width:490px){.ohp-portal .ohp-auth-layout{gap:14px}.ohp-auth-aside{padding:23px}.ohp-auth-steps{grid-template-columns:1fr;gap:15px}.ohp-portal .ohp-auth-card{padding:20px}.ohp-portal .ohp-auth-tabs a{font-size:14px}}

/* v1.4 self-service owner onboarding wizard (theme-neutral, phone first). */
.ohp-onboarding,.ohp-wizard{color:#102b3f;max-width:1120px;margin:15px auto 28px}
.ohp-onboard-intro{background:linear-gradient(130deg,#0d2b3d,#10555a);padding:clamp(22px,4vw,36px);border-radius:18px;color:#fff}
.ohp-onboard-intro h3,.ohp-wizard-top h3{font-size:clamp(25px,3vw,34px);line-height:1.15;margin:6px 0 8px;color:inherit}
.ohp-onboard-intro p{color:#d5ebee;margin:0;max-width:680px}
.ohp-portal .ohp-wizard-form{background:#fff;border:1px solid #dce8e8;border-radius:16px;padding:clamp(18px,3vw,29px);display:grid;gap:18px;margin-top:15px}
.ohp-template-fieldset{border:0;margin:0;padding:0;min-width:0}
.ohp-template-fieldset legend{font-weight:800;margin-bottom:13px;padding:0;font-size:15px}
.ohp-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.ohp-template-choice{position:relative;display:block!important;cursor:pointer;min-width:0}
.ohp-template-choice input[type=radio]{position:absolute!important;width:18px!important;height:18px!important;right:15px;top:14px;accent-color:#0b9f92;z-index:1}
.ohp-template-body{display:flex;flex-direction:column;gap:7px;height:100%;padding:17px 42px 18px 17px;border:2px solid #dce8e8;background:#f9fcfc;border-radius:15px;min-height:142px;transition:border-color .15s ease,background .15s ease}
.ohp-template-body strong{font-size:16px;color:#142f3e}
.ohp-template-body small{font-size:12px;font-weight:450;line-height:1.5;color:#5b707b}
.ohp-template-emoji{font-size:26px;line-height:1.2}
.ohp-template-choice input:checked+.ohp-template-body{background:#ecfaf6;border-color:#0e9e8f;box-shadow:0 0 0 2px rgba(12,153,136,.07)}
.ohp-template-choice input:focus-visible+.ohp-template-body{outline:3px solid #eeaa68;outline-offset:3px}
.ohp-portal .ohp-wizard-form>button,.ohp-portal .ohp-wizard-actions button{background:#079e91;border:0;color:#fff;border-radius:11px;padding:14px 20px;min-height:48px;font-weight:800;cursor:pointer}
.ohp-portal .ohp-wizard-form>button:hover{background:#08776d}
.ohp-wizard-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}
.ohp-wizard-top p{font-size:14px;color:#5d7078;margin:0}
.ohp-wizard-progress{flex:0 0 auto;padding:8px 13px;border-radius:99px;background:#e7f7f3;color:#097c72;font-weight:850;font-size:13px}
.ohp-wizard-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;list-style:none;margin:0 0 19px;padding:0}
.ohp-wizard-steps li{min-width:0}
.ohp-wizard-steps a{display:flex;align-items:center;gap:9px;padding:12px 10px;text-decoration:none!important;border-radius:11px;color:#49636b!important;background:#f3f7f7;font-weight:750;font-size:12px;height:100%}
.ohp-wizard-steps a>span{width:25px;height:25px;display:grid;place-items:center;flex:0 0 25px;border-radius:8px;background:#dce8e8;color:#345460;font-size:12px}
.ohp-wizard-steps li.current a{background:#0e3244;color:#fff!important}
.ohp-wizard-steps li.current a>span{background:#26bbaa;color:#fff}
.ohp-wizard-steps li.done a>span{background:#dcf7e9;color:#08693e}
.ohp-wizard-card{margin:0 0 17px;border-radius:17px}
.ohp-wizard-card .ohp-eyebrow{margin-bottom:10px}
.ohp-wizard-card h3{font-size:clamp(22px,2.7vw,29px)}
.ohp-style-picker{display:flex;flex-wrap:wrap;gap:10px}
.ohp-colour-choice{display:flex!important;align-items:center;gap:8px!important;font-size:13px!important;font-weight:700!important;background:#f4f9f8;padding:9px 13px;border:1px solid #d7e7e5;border-radius:11px;cursor:pointer}
.ohp-colour-choice input[type=radio]{width:16px!important;min-height:16px!important;height:16px!important;margin:0!important;accent-color:#059e8b}
.ohp-colour-swatch{height:21px;width:21px;border-radius:7px;display:inline-block;border:2px solid #fff;box-shadow:0 0 0 1px #cbdade}
.ohp-colour-navy{background:#102b3f}.ohp-colour-teal{background:#169f92}.ohp-colour-coral{background:#ed805c}
.ohp-wizard-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:15px}
.ohp-wizard-link-strong,.ohp-wizard-next{display:inline-flex;align-items:center;justify-content:center;background:#0d8c7e;color:#fff!important;text-decoration:none!important;padding:12px 15px;border-radius:10px;font-size:13px;font-weight:800;min-height:44px}
.ohp-wizard-next{background:#102b3f}
.ohp-setup-metrics{display:flex;gap:13px;margin:20px 0}
.ohp-setup-metrics>div{min-width:140px;padding:14px 18px;background:#f0f8f7;border-radius:12px;display:grid;gap:2px}
.ohp-setup-metrics strong{font-size:25px;color:#0f615d}
.ohp-setup-metrics span{font-size:12px;color:#61737d}
.ohp-setup-warning{border:1px solid #ecd5a3;border-radius:12px;padding:12px 14px;background:#fff8eb;color:#735526!important}
.ohp-setup-menu-list{display:grid;max-height:300px;overflow-y:auto;margin:10px 0;border-top:1px solid #e3ebec}
.ohp-setup-menu-list>div{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #e3ebec;padding:11px 0}
.ohp-setup-menu-list span{color:#647984;font-size:12px}
.ohp-setup-review{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.ohp-setup-review span{background:#edf7f6;color:#235d5a;padding:7px 10px;border-radius:99px;font-size:12px;font-weight:750}
.ohp-wizard-card .ohp-uploaded img{max-width:70px;height:70px;width:70px;object-fit:cover;border-radius:10px}
@media(max-width:720px){.ohp-wizard-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ohp-wizard-top{align-items:flex-start}.ohp-template-grid{grid-template-columns:1fr}.ohp-template-body{min-height:100px}.ohp-wizard-actions{align-items:stretch;flex-direction:column}.ohp-wizard-actions>a,.ohp-wizard-actions>button{width:100%;text-align:center}.ohp-setup-metrics>div{min-width:0;flex:1}}
@media(max-width:380px){.ohp-wizard-steps a{font-size:11px}.ohp-portal .ohp-wizard-form{padding:15px}.ohp-wizard-top{flex-direction:column;gap:8px}}
.ohp-setup-inline-item{margin:16px 0;background:#f4f9f8;padding:12px 16px;border:1px solid #dfe9e8;border-radius:12px}
.ohp-setup-inline-item>summary{cursor:pointer;color:#086f66;font-weight:800;font-size:14px}
.ohp-setup-inline-item .ohp-wizard-form{box-shadow:none;padding:16px;margin:13px 0 0}
.ohp-guide-return{margin:0 0 12px;color:#107e72;font-size:14px;font-weight:750}

/* v1.5 — standalone, owner-only website design panel. */
.ohp-storefront-editor h3{margin:4px 0 10px}
.ohp-storefront-editor .ohp-section-head>a{display:inline-block;white-space:nowrap;font-size:13px;font-weight:700}
.ohp-storefront-editor .ohp-storefront-form{margin-top:20px}
.ohp-storefront-themes,.ohp-featured-fieldset{border:0;padding:0;margin:8px 0 23px;min-width:0}
.ohp-storefront-themes legend,.ohp-featured-fieldset legend{font-size:16px;font-weight:800;color:#153341;margin-bottom:12px}
.ohp-storefront-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ohp-storefront-option{display:flex!important;flex-direction:column;gap:7px!important;align-items:flex-start;background:#fff;border:1px solid #d2e2e3;border-radius:14px;padding:12px;cursor:pointer;min-width:0}
.ohp-storefront-option:has(input:checked){border:2px solid #129787;padding:11px;box-shadow:0 0 0 3px #ddf5f0}
.ohp-storefront-option input{width:18px!important;height:18px!important;min-height:0!important;margin:2px}
.ohp-storefront-option strong{font-size:14px;color:#143442}.ohp-storefront-option small{font-size:12px;color:#526976;font-weight:400;line-height:1.45}
.ohp-storefront-swatch{display:block;width:100%;min-height:88px;border-radius:9px;padding:14px;background:#112d40}
.ohp-storefront-swatch>i{display:block;width:40%;height:11px;background:#fff;border-radius:3px;opacity:.85}
.ohp-storefront-swatch>b{display:block;width:80%;height:6px;background:#fff;border-radius:3px;opacity:.4;margin-top:12px}
.ohp-storefront-swatch>em{display:block;width:62%;height:6px;background:#fff;border-radius:3px;opacity:.25;margin-top:8px}
.ohp-storefront-swatch-bistro{background:#874937}.ohp-storefront-swatch-studio{background:#e8eee9;border:1px solid #ccd9d1}
.ohp-storefront-swatch-studio>i,.ohp-storefront-swatch-studio>b,.ohp-storefront-swatch-studio>em{background:#24424b}
.ohp-storefront-current-cover{background:#f4f8f8;border:1px solid #dce9e9;border-radius:12px;padding:12px;margin:8px 0 17px;max-width:520px}
.ohp-storefront-current-cover>img{width:100%;height:160px;object-fit:cover;border-radius:9px;display:block;margin-bottom:10px}
.ohp-featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ohp-featured-choice{display:flex!important;align-items:center;gap:10px!important;font-weight:600!important;background:#f4f9f9;border:1px solid #e2ecec;border-radius:9px;padding:12px}
.ohp-featured-choice>input{width:18px!important;height:18px!important;min-height:0!important;flex:0 0 18px}
@media(max-width:700px){.ohp-storefront-options{grid-template-columns:1fr}.ohp-featured-grid{grid-template-columns:1fr}.ohp-storefront-editor .ohp-section-head{align-items:flex-start;flex-wrap:wrap}.ohp-storefront-option{display:grid!important;grid-template-columns:30px 94px 1fr;align-items:center!important}.ohp-storefront-option small{grid-column:3}.ohp-storefront-swatch{width:94px;min-height:58px;padding:11px}}

/* v1.6 — editorial-style template selector, showing the different page structures. */
.ohp-storefront-option{padding:14px;gap:8px;transition:border-color .15s ease,box-shadow .15s ease}
.ohp-storefront-option:has(input:checked){padding:13px}
.ohp-storefront-option strong{font-size:16px;letter-spacing:-.025em}
.ohp-storefront-option small{line-height:1.55}
.ohp-storefront-swatch{min-height:150px;position:relative;overflow:hidden;border:1px solid #dfebe8;border-radius:10px;padding:17px;background:linear-gradient(130deg,#12232b 62%,#8c4d36 62%)}
.ohp-storefront-swatch-classic{background:linear-gradient(90deg,#182730 0 57%,#bf6437 57% 100%)}
.ohp-storefront-swatch-classic:after{content:"";position:absolute;left:13px;right:13px;bottom:12px;height:45px;background:linear-gradient(90deg,#fff 0 30%,transparent 30% 34%,#fff 34% 65%,transparent 65% 69%,#fff 69%);opacity:.9;border-radius:4px}
.ohp-storefront-swatch-bistro{background:linear-gradient(90deg,#f4ede2 0 55%,#8b6b4b 55%);border-color:#e2dacd}
.ohp-storefront-swatch-bistro>i,.ohp-storefront-swatch-bistro>b,.ohp-storefront-swatch-bistro>em{background:#5e4436;opacity:.85}
.ohp-storefront-swatch-bistro:after{content:"";position:absolute;right:13px;bottom:13px;width:33%;height:30px;background:#cab396;border:1px solid #eee0d0;border-radius:2px}
.ohp-storefront-swatch-studio{background:linear-gradient(#e9f0e9 0 65%,#fbfffb 65% 100%)}
.ohp-storefront-swatch-studio>i,.ohp-storefront-swatch-studio>b,.ohp-storefront-swatch-studio>em{margin-left:auto;margin-right:auto}
.ohp-storefront-swatch-studio:after{content:"";position:absolute;left:13px;right:13px;bottom:8px;height:26px;border-radius:6px;background:repeating-linear-gradient(90deg,#cddbd0 0 31%,transparent 31% 34%)}
@media(max-width:700px){.ohp-storefront-swatch{min-height:72px}.ohp-storefront-option{display:grid!important;grid-template-columns:30px 112px 1fr}.ohp-storefront-swatch{width:112px}.ohp-storefront-option strong{grid-column:3}.ohp-storefront-option small{grid-column:3}.ohp-storefront-swatch:after{display:none}}

/* v1.6.1: real, full-browser desktop owner workspace. No WordPress article width. */
body.ohp-workspace-page{margin:0;min-height:100vh;background:#f5f8f8;color:#102b3f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body.ohp-workspace-page *{box-sizing:border-box}
.ohp-workspace-page .ohp-workspace-topbar{background:#fff;border-bottom:1px solid #e1e9e9;position:sticky;top:0;z-index:100;box-shadow:0 1px 5px rgba(8,36,46,.04)}
body.admin-bar.ohp-workspace-page .ohp-workspace-topbar{top:32px}
@media(max-width:782px){body.admin-bar.ohp-workspace-page .ohp-workspace-topbar{top:46px}}
.ohp-workspace-topbar-inner{width:min(100% - 64px,1540px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}
.ohp-workspace-brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none!important;color:#102b3f!important;font-weight:850;font-size:21px;white-space:nowrap;letter-spacing:-.055em}
.ohp-workspace-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#10a899;color:#fff;font-size:28px;line-height:1;font-weight:900}
.ohp-brand-highlight{color:#0e9f90}
.ohp-workspace-nav{display:flex;align-items:center;gap:28px;font-size:13px;color:#627782}
.ohp-workspace-nav a{color:#153c47;text-decoration:none;font-weight:750}
.ohp-workspace-nav a:hover{text-decoration:underline}
.ohp-workspace-skip{position:absolute;left:12px;top:-100px;background:#fff;color:#102b3f;padding:12px;z-index:200}.ohp-workspace-skip:focus{top:10px}
.ohp-workspace-main{width:100%;min-height:calc(100vh - 155px);padding:0 0 55px}
.ohp-workspace-page .ohp-portal{position:static;left:auto;transform:none;max-width:1540px;width:calc(100% - 64px);padding:0;margin:38px auto 65px}
.ohp-workspace-page .ohp-portal-heading{padding:clamp(28px,3.3vw,48px);border-radius:20px}
.ohp-workspace-page .ohp-dashboard-title{margin-block:28px 23px}
.ohp-workspace-page .ohp-stat-grid{gap:18px}
.ohp-workspace-page .ohp-nav{gap:8px}
.ohp-workspace-page .ohp-portal-grid{gap:22px}
.ohp-workspace-page .ohp-card{box-shadow:0 8px 28px rgba(11,42,46,.035)}
.ohp-workspace-footer{border-top:1px solid #e1e8e9;background:#fff;color:#647c82;padding:21px max(32px,calc((100vw - 1540px)/2));display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px}
/* An actual website should be previewed in its own viewport, not shrunk inside a dashboard card. */
.ohp-preview-launch{background:linear-gradient(120deg,#122e3d,#15555b);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.75fr);gap:35px;overflow:hidden;border-radius:22px;padding:clamp(24px,4vw,54px);min-height:345px;align-items:center}
.ohp-preview-launch-inner{max-width:660px;position:relative;z-index:1}
.ohp-preview-launch .ohp-kicker{color:#54dbc5}
.ohp-preview-launch h3{font-size:clamp(28px,3vw,43px);color:#fff;line-height:1.12;margin:12px 0 17px;letter-spacing:-.045em}
.ohp-preview-launch p{color:#dae9ed;max-width:610px;font-size:15px;line-height:1.7;margin:0 0 25px}
.ohp-preview-launch-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ohp-portal .ohp-preview-primary,.ohp-portal .ohp-preview-secondary{display:inline-flex;justify-content:center;align-items:center;min-height:50px;border-radius:11px;padding:12px 19px;text-decoration:none!important;font-size:14px;font-weight:800}
.ohp-portal .ohp-preview-primary{color:#10363b!important;background:#67e4cf}.ohp-portal .ohp-preview-primary:hover{background:#a1ffe7}
.ohp-portal .ohp-preview-secondary{color:#fff!important;border:1px solid rgba(255,255,255,.35)}
.ohp-preview-launch .ohp-preview-privacy{font-size:12px;line-height:1.5;color:#b1cfd3;margin:19px 0 0}
.ohp-preview-launch-art{background:#fff;transform:rotate(-4deg);box-shadow:0 25px 70px rgba(0,0,0,.2);border:7px solid #fff;border-radius:15px;height:255px;padding:10px;min-width:0}
.ohp-art-nav{height:17px;border-bottom:1px solid #dfeded;margin-bottom:10px}
.ohp-art-hero{height:110px;border-radius:8px;background:linear-gradient(110deg,#203c43 55%,#dfa981);padding:22px}
.ohp-art-hero span{display:block;width:48%;height:12px;border-radius:4px;background:#fff;margin-bottom:10px}.ohp-art-hero b{display:block;width:30%;height:6px;border-radius:4px;background:#98c8c9}
.ohp-art-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.ohp-art-cols span{display:block;height:65px;background:linear-gradient(#dbe9e6 50%,#f1f6f4 50%);border-radius:8px}
@media(min-width:1100px){.ohp-workspace-page .ohp-portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ohp-workspace-page .ohp-stat{padding:25px}}
@media(max-width:900px){.ohp-workspace-topbar-inner{width:calc(100% - 40px)}.ohp-workspace-page .ohp-portal{width:calc(100% - 40px);margin:24px auto 48px}.ohp-preview-launch{grid-template-columns:1fr;gap:22px}.ohp-preview-launch-art{display:none}.ohp-workspace-nav .ohp-workspace-label{display:none}}
@media(max-width:600px){.ohp-workspace-topbar-inner{width:calc(100% - 28px);min-height:63px}.ohp-workspace-brand{font-size:18px}.ohp-workspace-mark{width:32px;height:32px}.ohp-workspace-page .ohp-portal{width:calc(100% - 24px);margin:16px auto 36px}.ohp-workspace-footer{padding:20px 14px}.ohp-preview-launch{padding:25px 18px;border-radius:14px}.ohp-preview-launch-actions{align-items:stretch;flex-direction:column}.ohp-portal .ohp-preview-primary,.ohp-portal .ohp-preview-secondary{width:100%}}

/* v1.7 editable restaurant-specific sizes, toppings and meal choices */
.ohp-v17-editor{margin-top:20px!important}
.ohp-v17-group{border:1px solid #d9e5e8;border-radius:14px;padding:18px;margin:15px 0;min-width:0;background:#fbfdfd}
.ohp-v17-group legend{font-size:15px;font-weight:800;color:#1a3946;padding:0 6px}
.ohp-v17-group textarea{font:inherit;width:100%;min-height:98px;border-radius:10px}
.ohp-v17-group label{font-size:13px}
@media(max-width:680px){.ohp-v17-group{padding:12px}.ohp-v17-editor .ohp-fields-two{grid-template-columns:1fr}}
/* v2.0 — TEST payment control belongs to the existing order card. */
.ohp-v20-paybox { margin: 12px 0; padding: 12px 14px; border: 1px solid #bad8d5; background: #eff8f6; border-radius: 12px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.ohp-v20-paybox form { margin: 0; }
.ohp-v20-paybox button { cursor: pointer; }
@media (max-width: 650px) { .ohp-v20-paybox { align-items: stretch; flex-direction: column; } .ohp-v20-paybox form, .ohp-v20-paybox button { width: 100%; } }